.rac-ai-chat{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:Arial,Helvetica,sans-serif}.rac-ai-chat__launcher{width:58px;height:58px;border-radius:50%;border:0;box-shadow:0 8px 24px rgba(0,0,0,.24);font-size:26px;cursor:pointer;background:#111;color:#fff}.rac-ai-chat__panel{display:none;width:360px;max-width:calc(100vw - 30px);height:520px;max-height:calc(100vh - 100px);background:#fff;border-radius:16px;box-shadow:0 12px 38px rgba(0,0,0,.25);overflow:hidden;border:1px solid #ddd}.rac-ai-chat.is-open .rac-ai-chat__launcher{display:none}.rac-ai-chat.is-open .rac-ai-chat__panel{display:flex;flex-direction:column}.rac-ai-chat__header{background:#111;color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.rac-ai-chat__close{background:transparent;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer}.rac-ai-chat__messages{flex:1;overflow:auto;padding:14px;background:#f6f6f6}.rac-ai-chat__msg{padding:10px 12px;border-radius:12px;margin:0 0 10px;line-height:1.35;font-size:14px}.rac-ai-chat__msg--bot{background:#fff;border:1px solid #e1e1e1}.rac-ai-chat__msg--user{background:#111;color:#fff;margin-left:36px}.rac-ai-chat__form{display:flex;gap:8px;padding:12px;border-top:1px solid #ddd;background:#fff}.rac-ai-chat__form input{flex:1;border:1px solid #ccc;border-radius:20px;padding:10px 12px}.rac-ai-chat__form button{border:0;background:#111;color:#fff;border-radius:20px;padding:10px 14px;cursor:pointer}.rac-ai-chat__products{display:grid;gap:10px}.rac-ai-chat__product{display:grid;grid-template-columns:74px 1fr;gap:10px;background:#fff;border:1px solid #e2e2e2;border-radius:12px;padding:8px}.rac-ai-chat__product img{width:74px;height:74px;object-fit:cover;border-radius:8px;background:#eee}.rac-ai-chat__product-title{font-weight:700;color:#111;text-decoration:none;display:block;margin-bottom:3px}.rac-ai-chat__product-meta{font-size:12px;color:#555;margin-bottom:6px}.rac-ai-chat__product-actions{display:flex;gap:6px;flex-wrap:wrap}.rac-ai-chat__product-actions button{font-size:12px;border:1px solid #111;background:#fff;border-radius:14px;padding:5px 8px;cursor:pointer}.rac-ai-chat__product-actions button:hover{background:#111;color:#fff}.rac-ai-chat__typing{opacity:.7;font-style:italic}
@media(max-width:520px){.rac-ai-chat{right:12px;bottom:12px}.rac-ai-chat__panel{width:calc(100vw - 24px);height:calc(100vh - 80px)}}

.rac-ai-chat__debug{white-space:pre-wrap;font-size:11px;background:#111;color:#fff;border-radius:8px;padding:8px;max-height:220px;overflow:auto;margin:0;line-height:1.35}

/* RAC AI Chat quickorder cards */
.rac-ai-chat__product .rac-ai-chat__quickorder-wrap {
    margin-top: 8px;
}
.rac-ai-chat__product .mut-quickorder-v5 {
    margin-top: 6px;
}
.rac-ai-chat__product .mut-quickorder-v5 .mut-qcards {
    gap: 8px;
}
.rac-ai-chat__product .mut-quickorder-v5 .mut-qcard {
    padding: 9px 12px 8px 12px;
}
.rac-ai-chat__product .mut-quickorder-v5 .mut-qmeters {
    font-size: 13px;
}
.rac-ai-chat__product .mut-quickorder-v5 .mut-qold {
    font-size: 12px;
}
.rac-ai-chat__product .mut-quickorder-v5 .mut-qnew {
    font-size: 13px;
}
.rac-ai-chat__product .mut-quickorder-v5 .mut-qmeta {
    margin-top: 7px;
    font-size: 12px;
}
.rac-ai-chat__product-meta {
    font-size: 12px;
    color: #666;
}
.rac-ai-chat__product-extra {
    font-size: 11px;
    color: #777;
    margin-top: 2px;
}

/* RAC AI Chat product card quickorder fix */
.rac-ai-chat__product {
    display: block;
}

.rac-ai-chat__product-top {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.rac-ai-chat__product-name {
    font-weight: 700;
    color: #111;
    text-decoration: none;
}

.rac-ai-chat__product-meta {
    font-size: 12px;
    color: #333;
    margin-top: 2px;
}

.rac-ai-chat__product-extra {
    font-size: 11px;
    color: #555;
    margin-top: 6px;
}

.rac-ai-chat__quickorder-wrap {
    display: block;
    width: 100%;
    clear: both;
    margin-top: 10px;
}

.rac-ai-chat__quickorder-wrap .mut-quickorder-v5 {
    display: block;
    width: 100%;
}

.rac-ai-chat__quickorder-wrap .mut-qcards {
    display: flex;
    gap: 10px;
    width: 100%;
}

.rac-ai-chat__quickorder-wrap .mut-qcard {
    flex: 1 1 0;
    min-width: 0;
}

.rac-ai-chat__quickorder-wrap .mut-qmeta {
    margin-top: 8px;
}

/* RAC AI Chat display cleanup */
.rac-ai-chat__product-name {
    font-weight: 700 !important;
}

.rac-ai-chat__product-extra {
    font-size: 11px;
    color: #555;
    margin-top: 6px;
}

.rac-ai-chat__more {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.rac-ai-chat__more-btn {
    border: 1px solid #111;
    background: #fff;
    color: #111;
    border-radius: 16px;
    padding: 6px 14px;
    font-weight: 700;
    cursor: pointer;
}

.rac-ai-chat__close,
.rac-ai-chat__toggle,
.rac-ai-chat [data-role="close"] {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}

/* RAC AI Chat open/minimize fallback */
.rac-ai-chat.is-open .rac-ai-chat__window,
.rac-ai-chat.is-open .rac-ai-chat__panel,
.rac-ai-chat.is-open .rac-ai-chat__box,
.rac-ai-chat.is-open .rac-ai-chat__content,
.rac-ai-chat.rac-ai-chat--open .rac-ai-chat__window,
.rac-ai-chat.rac-ai-chat--open .rac-ai-chat__panel,
.rac-ai-chat.rac-ai-chat--open .rac-ai-chat__box,
.rac-ai-chat.rac-ai-chat--open .rac-ai-chat__content {
    display: block !important;
}

.rac-ai-chat.is-minimized .rac-ai-chat__window,
.rac-ai-chat.is-minimized .rac-ai-chat__panel,
.rac-ai-chat.is-minimized .rac-ai-chat__box,
.rac-ai-chat.is-minimized .rac-ai-chat__content,
.rac-ai-chat.rac-ai-chat--minimized .rac-ai-chat__window,
.rac-ai-chat.rac-ai-chat--minimized .rac-ai-chat__panel,
.rac-ai-chat.rac-ai-chat--minimized .rac-ai-chat__box,
.rac-ai-chat.rac-ai-chat--minimized .rac-ai-chat__content {
    display: none !important;
}

/* RAC AI Chat clean JS support */
#rac-ai-chat .rac-ai-chat__panel {
    display: none;
}

#rac-ai-chat.is-open .rac-ai-chat__panel {
    display: block !important;
}

#rac-ai-chat.is-minimized .rac-ai-chat__panel {
    display: none !important;
}

.rac-ai-chat__product-name {
    font-weight: 700 !important;
    color: #111;
    text-decoration: none;
}

.rac-ai-chat__product-top {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.rac-ai-chat__quickorder-wrap {
    display: block;
    width: 100%;
    clear: both;
    margin-top: 10px;
}

.rac-ai-chat__more {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.rac-ai-chat__more-btn {
    border: 1px solid #111;
    background: #fff;
    color: #111;
    border-radius: 16px;
    padding: 6px 14px;
    font-weight: 700;
    cursor: pointer;
}

/* RAC AI Chat layout fix */
#rac-ai-chat .rac-ai-chat__panel {
    display: none;
    flex-direction: column;
}

#rac-ai-chat.is-open .rac-ai-chat__panel {
    display: flex !important;
    flex-direction: column !important;
}

#rac-ai-chat .rac-ai-chat__messages {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

#rac-ai-chat .rac-ai-chat__form {
    flex: 0 0 auto;
    margin-top: auto !important;
}

#rac-ai-chat .rac-ai-chat__product-name {
    font-weight: 700 !important;
}

/* RAC AI Chat no-loading clean JS layout */
#rac-ai-chat .rac-ai-chat__panel {
    display: none;
    flex-direction: column;
}

#rac-ai-chat.is-open .rac-ai-chat__panel {
    display: flex !important;
    flex-direction: column !important;
}

#rac-ai-chat .rac-ai-chat__messages {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

#rac-ai-chat .rac-ai-chat__form {
    flex: 0 0 auto;
    margin-top: auto !important;
}

#rac-ai-chat .rac-ai-chat__product-name {
    font-weight: 700 !important;
}

#rac-ai-chat .rac-ai-chat__more-btn {
    cursor: pointer;
}

/* RAC AI Chat admin configurable colors */
#rac-ai-chat {
    --rac-ai-chat-header-color: #ff0000;
    --rac-ai-chat-message-color: #ff0000;
}

#rac-ai-chat .rac-ai-chat__header {
    background: var(--rac-ai-chat-header-color) !important;
    min-height: 68px !important;
    height: 68px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}

#rac-ai-chat .rac-ai-chat__msg--user {
    background: var(--rac-ai-chat-message-color) !important;
    border-color: var(--rac-ai-chat-message-color) !important;
    color: #fff !important;
}

#rac-ai-chat .rac-ai-chat__more-btn {
    background: var(--rac-ai-chat-message-color) !important;
    border-color: var(--rac-ai-chat-message-color) !important;
    color: #fff !important;
}

/* Prevent minimize button hover jump */
#rac-ai-chat .rac-ai-chat__close,
#rac-ai-chat .rac-ai-chat__close:hover,
#rac-ai-chat .rac-ai-chat__close:focus,
#rac-ai-chat .rac-ai-chat__close:active {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    text-align: center !important;
    transform: none !important;
    box-shadow: none !important;
    outline: none !important;
    top: auto !important;
}

#rac-ai-chat .rac-ai-chat__header:hover,
#rac-ai-chat .rac-ai-chat__header:focus-within {
    min-height: 68px !important;
    height: 68px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* RAC AI Chat result count and scroll behavior */
#rac-ai-chat .rac-ai-chat__msg--result-count {
    background: #f7f7f7 !important;
    color: #222 !important;
    border: 1px solid #e2e2e2 !important;
    font-weight: 700;
}

#rac-ai-chat .rac-ai-chat__msg--products {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

#rac-ai-chat .rac-ai-chat__more {
    margin-top: 14px;
    margin-bottom: 4px;
}

#rac-ai-chat .rac-ai-chat__more-btn {
    text-transform: uppercase;
    line-height: 20px;
}

/* RAC AI Chat guest notice */
#rac-ai-chat .rac-ai-chat__guest-notice {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
    color: #d90000;
}

/* RAC AI Chat - productafbeelding altijd vierkant houden, ook bij gastweergave */
.rac-ai-chat .rac-ai-product,
.rac-ai-chat__messages .rac-ai-product,
.rac-ai-chat__body .rac-ai-product {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    column-gap: 12px;
    align-items: start;
}

.rac-ai-chat .rac-ai-product__image,
.rac-ai-chat__messages .rac-ai-product__image,
.rac-ai-chat__body .rac-ai-product__image,
.rac-ai-chat .rac-ai-product__img,
.rac-ai-chat__messages .rac-ai-product__img,
.rac-ai-chat__body .rac-ai-product__img,
.rac-ai-chat .rac-ai-product img,
.rac-ai-chat__messages .rac-ai-product img,
.rac-ai-chat__body .rac-ai-product img {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    border-radius: 8px;
}

.rac-ai-chat .rac-ai-product__info,
.rac-ai-chat__messages .rac-ai-product__info,
.rac-ai-chat__body .rac-ai-product__info,
.rac-ai-chat .rac-ai-product__content,
.rac-ai-chat__messages .rac-ai-product__content,
.rac-ai-chat__body .rac-ai-product__content {
    min-width: 0;
}

/* Gastmelding rechts laten blijven zonder afbeelding te verkleinen */
.rac-ai-chat .rac-ai-product__login-message,
.rac-ai-chat__messages .rac-ai-product__login-message,
.rac-ai-chat__body .rac-ai-product__login-message {
    grid-column: 2;
    margin-top: 8px;
}

/* RAC AI Chat - echte product selectors: afbeelding altijd 74x74 vierkant */
.rac-ai-chat__product {
    display: grid !important;
    grid-template-columns: 74px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
}

.rac-ai-chat__product a,
.rac-ai-chat__product .rac-ai-chat__product-image,
.rac-ai-chat__product .rac-ai-chat__product-img-wrap,
.rac-ai-chat__product .rac-ai-chat__product-thumb {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    display: block !important;
    grid-column: 1 !important;
}

.rac-ai-chat__product img {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    background: #eee !important;
    display: block !important;
}

.rac-ai-chat__product > div:not(:first-child),
.rac-ai-chat__product .rac-ai-chat__product-info,
.rac-ai-chat__product .rac-ai-chat__product-content,
.rac-ai-chat__product .rac-ai-chat__product-details {
    grid-column: 2 !important;
    min-width: 0 !important;
}

/* Gastmelding mag nooit onder/over de afbeelding vallen */
.rac-ai-chat__product .rac-ai-chat__guest-message,
.rac-ai-chat__product .rac-ai-chat__login-message,
.rac-ai-chat__product .rac-ai-chat__product-login-message {
    grid-column: 2 !important;
    margin-top: 8px !important;
}

/* Als de gastcard minder content heeft, toch dezelfde product-layout aanhouden */
.rac-ai-chat__product:not(:has(.mut-quickorder-v5)) {
    grid-template-columns: 74px minmax(0, 1fr) !important;
}

/* RAC AI Chat - herstel gast layout: afbeelding links, tekst rechts breed */
.rac-ai-chat__product {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

/* Alleen de afbeelding zelf vast vierkant maken */
.rac-ai-chat__product img {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    background: #eee !important;
    display: block !important;
    flex: 0 0 74px !important;
}

/* Alleen de eerste link/wrapper met afbeelding mag 74px zijn */
.rac-ai-chat__product > a:first-child,
.rac-ai-chat__product > .rac-ai-chat__product-image:first-child,
.rac-ai-chat__product > .rac-ai-chat__product-img-wrap:first-child,
.rac-ai-chat__product > .rac-ai-chat__product-thumb:first-child {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    flex: 0 0 74px !important;
    display: block !important;
}

/* Alle andere links/teksten mogen weer normale breedte hebben */
.rac-ai-chat__product a:not(:first-child),
.rac-ai-chat__product .rac-ai-chat__product-title,
.rac-ai-chat__product .rac-ai-chat__product-name {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: inline !important;
    flex: initial !important;
    white-space: normal !important;
}

/* Rechter tekstkolom breed houden */
.rac-ai-chat__product > div,
.rac-ai-chat__product .rac-ai-chat__product-info,
.rac-ai-chat__product .rac-ai-chat__product-content,
.rac-ai-chat__product .rac-ai-chat__product-details {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    grid-column: auto !important;
}

/* Rode gastmelding netjes rechts onder de tekst */
.rac-ai-chat__product .rac-ai-chat__guest-message,
.rac-ai-chat__product .rac-ai-chat__login-message,
.rac-ai-chat__product .rac-ai-chat__product-login-message {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin-top: 8px !important;
    white-space: normal !important;
    grid-column: auto !important;
}

/* RAC AI Chat - tijdelijke zoekmelding */
.rac-ai-chat__loading-message {
    background: #fff !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    margin: 8px 14px !important;
    color: #222 !important;
    font-weight: 700 !important;
}

/* RAC AI Chat - native zoekmelding */
.rac-ai-chat__loading-message {
    background: #fff !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    margin: 8px 14px !important;
    color: #222 !important;
    font-weight: 700 !important;
}

/* RAC AI Chat - disabled toon meer knop */
.rac-ai-chat__more-btn--disabled,
.rac-ai-chat__more-btn:disabled {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* RAC AI Chat - ingelogde productlayout herstellen.
   Gastweergave blijft zoals nu; deze regels gelden alleen als quickorder aanwezig is. */
.rac-ai-chat__product:has(.mut-quickorder-v5) {
    display: grid !important;
    grid-template-columns: 74px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
    align-items: start !important;
}

/* Productafbeelding linksboven blijft 74x74 */
.rac-ai-chat__product:has(.mut-quickorder-v5) > a:first-child,
.rac-ai-chat__product:has(.mut-quickorder-v5) > .rac-ai-chat__product-image:first-child,
.rac-ai-chat__product:has(.mut-quickorder-v5) > .rac-ai-chat__product-img-wrap:first-child,
.rac-ai-chat__product:has(.mut-quickorder-v5) > .rac-ai-chat__product-thumb:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    flex: 0 0 74px !important;
}

.rac-ai-chat__product:has(.mut-quickorder-v5) > a:first-child img,
.rac-ai-chat__product:has(.mut-quickorder-v5) > .rac-ai-chat__product-image:first-child img,
.rac-ai-chat__product:has(.mut-quickorder-v5) > .rac-ai-chat__product-img-wrap:first-child img,
.rac-ai-chat__product:has(.mut-quickorder-v5) > .rac-ai-chat__product-thumb:first-child img {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* Tekstkolom rechts weer normale breedte */
.rac-ai-chat__product:has(.mut-quickorder-v5) > div:not(.mut-quickorder-v5),
.rac-ai-chat__product:has(.mut-quickorder-v5) > .rac-ai-chat__product-info,
.rac-ai-chat__product:has(.mut-quickorder-v5) > .rac-ai-chat__product-content,
.rac-ai-chat__product:has(.mut-quickorder-v5) > .rac-ai-chat__product-details {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: initial !important;
}

/* Quickorder moet onder de afbeelding + tekst over volledige breedte staan */
.rac-ai-chat__product:has(.mut-quickorder-v5) .mut-quickorder-v5 {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: initial !important;
    clear: both !important;
}

/* Belangrijk: quickorder iconen mogen NIET de productafbeelding CSS van 74x74 erven */
.rac-ai-chat__product:has(.mut-quickorder-v5) .mut-quickorder-v5 img,
.rac-ai-chat__product:has(.mut-quickorder-v5) .mut-quickorder-v5 svg,
.rac-ai-chat__product:has(.mut-quickorder-v5) .mut-quickorder-v5 .icon img,
.rac-ai-chat__product:has(.mut-quickorder-v5) .mut-quickorder-v5 [class*="icon"] img {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    flex: initial !important;
}

/* Als het quickorder icoon geen eigen maat meer krijgt, forceer compact formaat */
.rac-ai-chat__product:has(.mut-quickorder-v5) .mut-quickorder-v5 .qo-icon img,
.rac-ai-chat__product:has(.mut-quickorder-v5) .mut-quickorder-v5 .mut-qicon img,
.rac-ai-chat__product:has(.mut-quickorder-v5) .mut-quickorder-v5 .mut-qicon,
.rac-ai-chat__product:has(.mut-quickorder-v5) .mut-quickorder-v5 [class*="roll"] img,
.rac-ai-chat__product:has(.mut-quickorder-v5) .mut-quickorder-v5 [class*="plank"] img {
    max-width: 28px !important;
    max-height: 28px !important;
}

/* Links/producttitel niet beperken tot afbeeldingbreedte */
.rac-ai-chat__product:has(.mut-quickorder-v5) a:not(:first-child),
.rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-title,
.rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-name {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: inline !important;
    white-space: normal !important;
}

/* RAC AI Chat - RESTORE originele ingelogde layout
   Product-top = afbeelding links + tekst rechts.
   Quickorder = onderaan over volledige breedte.
   Deze regels overschrijven de eerdere foutieve :has(.mut-quickorder-v5) grid-fix.
*/

/* Productcard met quickorder mag NIET als grid geforceerd worden */
#rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5),
.rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5),
.rac-ai-chat__product:has(.mut-quickorder-v5) {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: initial !important;
}

/* Bovenste productdeel: afbeelding links, tekst rechts */
#rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-top,
.rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-top,
.rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-top {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    align-items: flex-start !important;
    width: 100% !important;
}

/* Productafbeelding links exact zoals origineel */
#rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-image,
.rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-image,
.rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-image {
    display: block !important;
    flex: 0 0 74px !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

#rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-image img,
.rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-image img,
.rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-image img {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    background: #eee !important;
    display: block !important;
}

/* Tekst rechts naast afbeelding */
#rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-info,
.rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-info,
.rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

/* Productnaam weer normaal dik en bovenaan */
#rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-name,
.rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-name,
.rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-name {
    display: block !important;
    font-weight: 700 !important;
    color: #111 !important;
    text-decoration: none !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    line-height: 1.25 !important;
    white-space: normal !important;
}

/* Meta/compositie onder titel */
#rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-meta,
.rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-meta,
.rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-meta {
    display: block !important;
    font-size: 12px !important;
    color: #333 !important;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
}

#rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-extra,
.rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-extra,
.rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__product-extra {
    display: block !important;
    font-size: 11px !important;
    color: #555 !important;
    margin-top: 6px !important;
}

/* Quickorder onder de top, volledige breedte */
#rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__quickorder-wrap,
.rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__quickorder-wrap,
.rac-ai-chat__product:has(.mut-quickorder-v5) .rac-ai-chat__quickorder-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    margin-top: 10px !important;
    grid-column: auto !important;
    grid-row: auto !important;
    flex: none !important;
}

/* Quickorder zelf terug naar normale flow */
#rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-quickorder-v5,
.rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-quickorder-v5,
.rac-ai-chat__quickorder-wrap .mut-quickorder-v5 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
}

/* Twee bestelkaarten naast elkaar zoals origineel */
#rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-qcards,
.rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-qcards,
.rac-ai-chat__quickorder-wrap .mut-qcards {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}

#rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-qcard,
.rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-qcard,
.rac-ai-chat__quickorder-wrap .mut-qcard {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    padding: 9px 12px 8px 12px !important;
    box-sizing: border-box !important;
}

/* Quickorder iconen NIET 74x74 maken */
#rac-ai-chat .rac-ai-chat__quickorder-wrap img,
.rac-ai-chat .rac-ai-chat__quickorder-wrap img,
.rac-ai-chat__quickorder-wrap img {
    width: auto !important;
    min-width: 0 !important;
    max-width: 30px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 30px !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    background: transparent !important;
    border-radius: 0 !important;
    flex: initial !important;
}

/* Bolletje/voorraad onder quickorder normaal laten staan */
#rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-qmeta,
.rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-qmeta,
.rac-ai-chat__quickorder-wrap .mut-qmeta {
    display: flex !important;
    margin-top: 8px !important;
    font-size: 12px !important;
}

/* Fallback als browser :has niet goed pakt: quickorder-wrapper forceert alsnog block-layout eromheen */
#rac-ai-chat .rac-ai-chat__quickorder-wrap,
.rac-ai-chat .rac-ai-chat__quickorder-wrap,
.rac-ai-chat__quickorder-wrap {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 10px !important;
}

/* RAC AI Chat - plus icoon quickorder terug naar compact formaat */
#rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-qplus,
#rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-plus,
#rac-ai-chat .rac-ai-chat__quickorder-wrap [class*="plus"],
.rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-qplus,
.rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-plus,
.rac-ai-chat .rac-ai-chat__quickorder-wrap [class*="plus"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    line-height: 18px !important;
    font-size: 16px !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
}

/* Als de plus als pseudo-element wordt getekend */
#rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-qcard::after,
.rac-ai-chat .rac-ai-chat__quickorder-wrap .mut-qcard::after {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    line-height: 18px !important;
    font-size: 16px !important;
}

/* RAC AI Chat temporary search mode selector */
.rac-ai-chat__search-mode {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid #e2e2e2;
    background: #fff;
    font-size: 12px;
}
.rac-ai-chat__search-mode:before {
    content: none !important;
    display: none !important;
}
.rac-ai-chat__search-mode-option {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    cursor: pointer;
    color: #222;
    font-weight: 700;
}
.rac-ai-chat__search-mode-option input {
    margin: 0;
}


/* RAC AI Chat product image gallery / fancybox fallback */
#rac-ai-chat .rac-ai-chat__product-image {
    cursor: zoom-in;
}

.rac-ai-chat-gallery {
    position: fixed;
    z-index: 99999;
    inset: 0;
    background: rgba(0,0,0,.86);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
}

.rac-ai-chat-gallery__inner {
    position: relative;
    width: min(1120px, 96vw);
    max-height: 94vh;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}

.rac-ai-chat-gallery__close {
    position: absolute;
    top: -14px;
    right: -14px;
    z-index: 2;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 0;
    background: #fff;
    color: #111;
    font-size: 28px;
    line-height: 38px;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0,0,0,.35);
}

.rac-ai-chat-gallery__title {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 0 44px 2px 0;
}

.rac-ai-chat-gallery__main-wrap {
    position: relative;
    background: rgba(255,255,255,.04);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    max-height: calc(94vh - 130px);
}

.rac-ai-chat-gallery__main {
    display: block;
    max-width: 100%;
    max-height: calc(94vh - 130px);
    object-fit: contain;
    background: #fff;
}

.rac-ai-chat-gallery__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 58px;
    border: 0;
    background: rgba(0,0,0,.38);
    color: #fff;
    font-size: 42px;
    line-height: 52px;
    cursor: pointer;
}

.rac-ai-chat-gallery__nav--prev {
    left: 8px;
}

.rac-ai-chat-gallery__nav--next {
    right: 8px;
}

.rac-ai-chat-gallery__thumbs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 6px 0;
    justify-content: center;
}

.rac-ai-chat-gallery__thumb {
    border: 2px solid transparent;
    padding: 0;
    background: transparent;
    cursor: pointer;
    width: 76px;
    height: 76px;
    flex: 0 0 auto;
    border-radius: 4px;
    overflow: hidden;
    opacity: .72;
}

.rac-ai-chat-gallery__thumb.is-active {
    border-color: #fff;
    opacity: 1;
}

.rac-ai-chat-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background: #fff;
}

@media (max-width: 640px) {
    .rac-ai-chat-gallery {
        padding: 12px;
    }

    .rac-ai-chat-gallery__thumb {
        width: 58px;
        height: 58px;
    }

    .rac-ai-chat-gallery__nav {
        width: 34px;
        height: 48px;
        font-size: 34px;
    }
}


/* RAC AI Chat gallery controls center + zoom mode */
.rac-ai-chat-gallery__close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    text-align: center !important;
}

.rac-ai-chat-gallery__nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    text-align: center !important;
}

.rac-ai-chat-gallery__main {
    cursor: zoom-in;
}

.rac-ai-chat-gallery.is-zoomed {
    padding: 10px;
}

.rac-ai-chat-gallery.is-zoomed .rac-ai-chat-gallery__inner {
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    gap: 0;
}

.rac-ai-chat-gallery.is-zoomed .rac-ai-chat-gallery__title,
.rac-ai-chat-gallery.is-zoomed .rac-ai-chat-gallery__thumbs {
    display: none !important;
}

.rac-ai-chat-gallery.is-zoomed .rac-ai-chat-gallery__main-wrap {
    height: 100vh;
    max-height: 100vh;
    min-height: 0;
    background: transparent;
}

.rac-ai-chat-gallery.is-zoomed .rac-ai-chat-gallery__main {
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    cursor: zoom-out;
}

.rac-ai-chat-gallery.is-zoomed .rac-ai-chat-gallery__close {
    top: 18px;
    right: 18px;
    width: 46px;
    height: 46px;
    font-size: 30px;
    line-height: 1 !important;
}

.rac-ai-chat-gallery.is-zoomed .rac-ai-chat-gallery__nav {
    width: 54px;
    height: 70px;
    font-size: 46px;
    line-height: 1 !important;
}


/* RAC AI Chat YouTube video icon under product image */
#rac-ai-chat .rac-ai-chat__product-media {
    width: 74px;
    min-width: 74px;
    flex: 0 0 74px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#rac-ai-chat .rac-ai-chat__product-media .rac-ai-chat__product-image {
    display: block;
    width: 74px;
    height: 74px;
}

#rac-ai-chat .rac-ai-chat__youtube-btn {
    margin-top: 5px;
    width: 34px;
    height: 22px;
    border: 0;
    border-radius: 5px;
    background: #ff0000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: none;
}

#rac-ai-chat .rac-ai-chat__youtube-btn:hover,
#rac-ai-chat .rac-ai-chat__youtube-btn:focus {
    background: #d90000;
}

#rac-ai-chat .rac-ai-chat__youtube-play {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #fff;
    margin-left: 2px;
}

.rac-ai-chat-video {
    position: fixed;
    z-index: 100000;
    inset: 0;
    background: rgba(0,0,0,.86);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
}

.rac-ai-chat-video__inner {
    position: relative;
    width: min(1100px, 96vw);
    max-height: 94vh;
}

.rac-ai-chat-video__close {
    position: absolute;
    top: -18px;
    right: -18px;
    z-index: 2;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 0;
    background: #fff;
    color: #111;
    font-size: 30px;
    line-height: 1 !important;
    padding: 0 !important;
    cursor: pointer;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.35);
}

.rac-ai-chat-video__title {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px;
    padding-right: 42px;
}

.rac-ai-chat-video__iframe {
    display: block;
    width: 100%;
    height: min(62vw, 72vh);
    min-height: 320px;
    background: #000;
}

@media (max-width: 640px) {
    .rac-ai-chat-video {
        padding: 12px;
    }

    .rac-ai-chat-video__iframe {
        height: 56vw;
        min-height: 220px;
    }

    .rac-ai-chat-video__close {
        top: -10px;
        right: -10px;
    }
}


/* RAC AI Chat admin configurable YouTube icon */
#rac-ai-chat .rac-ai-chat__product-media--yt-left {
    align-items: flex-start;
}

#rac-ai-chat .rac-ai-chat__product-media--yt-center {
    align-items: center;
}

#rac-ai-chat .rac-ai-chat__product-media--yt-right {
    align-items: flex-end;
}

#rac-ai-chat .rac-ai-chat__youtube-btn {
    width: 26px !important;
    height: 17px !important;
    min-width: 26px !important;
    min-height: 17px !important;
    border-radius: 4px !important;
}

#rac-ai-chat .rac-ai-chat__youtube-play {
    border-top-width: 4px !important;
    border-bottom-width: 4px !important;
    border-left-width: 7px !important;
    margin-left: 1px !important;
}


/* RAC AI Chat search mode radio alignment */
#rac-ai-chat .rac-ai-chat__search-mode,
#rac-ai-chat .rac-ai-chat__mode,
#rac-ai-chat .rac-ai-chat__searchtype {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    line-height: 18px !important;
}

#rac-ai-chat .rac-ai-chat__search-mode label,
#rac-ai-chat .rac-ai-chat__mode label,
#rac-ai-chat .rac-ai-chat__searchtype label,
#rac-ai-chat label[for^="rac_ai_search_mode"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 8px 0 0 !important;
    line-height: 18px !important;
    vertical-align: middle !important;
}

#rac-ai-chat input[name="rac_ai_search_mode"] {
    width: 16px !important;
    height: 16px !important;
    margin: 0 4px 0 0 !important;
    vertical-align: middle !important;
    position: relative !important;
    top: 0 !important;
    flex: 0 0 auto !important;
}

#rac-ai-chat .rac-ai-chat__search-mode-title,
#rac-ai-chat .rac-ai-chat__mode-title {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 18px !important;
}


/* RAC AI Chat i18n fix: oude hardcoded CSS-label uitschakelen */
#rac-ai-chat .rac-ai-chat__search-mode:before,
.rac-ai-chat__search-mode:before {
    content: none !important;
    display: none !important;
}

#rac-ai-chat .rac-ai-chat__search-mode-title,
.rac-ai-chat__search-mode-title {
    display: inline-block;
    font-weight: 600;
    margin-right: 6px;
    line-height: 18px;
}


/* RAC AI Chat: hardcoded oude zoeklabel uitschakelen */
#rac-ai-chat .rac-ai-chat__search-mode:before,
#rac-ai-chat .rac-ai-chat__search-mode::before,
.rac-ai-chat__search-mode:before,
.rac-ai-chat__search-mode::before {
    content: none !important;
    display: none !important;
}

#rac-ai-chat .rac-ai-chat__search-mode-title,
.rac-ai-chat__search-mode-title {
    display: inline-block !important;
    font-weight: 600;
    margin-right: 6px;
    line-height: 18px;
}


/* RAC_FAQ_MODE_V1 */
#rac-ai-chat .rac-ai-chat__search-mode-option--faq {
    margin-right: 0 !important;
}
#rac-ai-chat .rac-ai-chat__faqs {
    display: grid;
    gap: 10px;
}
#rac-ai-chat .rac-ai-chat__faq {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 12px;
    padding: 10px 12px;
}
#rac-ai-chat .rac-ai-chat__faq-question {
    font-weight: 700;
    color: #111;
    margin-bottom: 6px;
    line-height: 1.35;
}
#rac-ai-chat .rac-ai-chat__faq-category {
    font-size: 11px;
    color: #666;
    margin-bottom: 6px;
}
#rac-ai-chat .rac-ai-chat__faq-answer {
    color: #333;
    line-height: 1.4;
    white-space: pre-line;
}

/* RAC_FAQ_VISUAL_CARDS_V1_START */
#rac-ai-chat .rac-ai-chat__msg--faqs {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

#rac-ai-chat .rac-ai-chat__faqs {
    display: grid;
    gap: 14px;
}

#rac-ai-chat .rac-ai-chat__faq {
    background: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
    border: 1px solid #dddddd;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

#rac-ai-chat .rac-ai-chat__faq-question,
#rac-ai-chat .rac-ai-chat__faq-answer {
    display: block;
    position: relative;
    padding: 12px 14px;
    line-height: 1.45;
}

#rac-ai-chat .rac-ai-chat__faq-question {
    background: #f5f5f5;
    color: #111111;
    font-weight: 700;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 0;
}

#rac-ai-chat .rac-ai-chat__faq-question::before {
    content: "VRAAG";
    display: block;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.08em;
    font-weight: 700;
    color: #777777;
    margin-bottom: 7px;
}

#rac-ai-chat .rac-ai-chat__faq-category {
    display: inline-block;
    margin: 10px 14px 0 14px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #efefef;
    color: #555555;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

#rac-ai-chat .rac-ai-chat__faq-answer {
    margin-top: 10px;
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 14px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #ececec;
    color: #333333;
    font-style: italic;
    white-space: pre-line;
}

#rac-ai-chat .rac-ai-chat__faq-answer::before {
    content: "ANTWOORD";
    display: block;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.08em;
    font-weight: 700;
    font-style: normal;
    color: #777777;
    margin-bottom: 8px;
}

#rac-ai-chat .rac-ai-chat__faq-answer a {
    font-style: normal;
}

#rac-ai-chat .rac-ai-chat__faq:hover {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.11);
}
/* RAC_FAQ_VISUAL_CARDS_V1_END */

/* RAC_FAQ_VISUAL_INLINE_V2_START */
#rac-ai-chat .rac-ai-chat__msg--faqs{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
#rac-ai-chat .rac-ai-chat__faqs{display:grid!important;gap:13px!important}
#rac-ai-chat .rac-ai-chat__faq{display:block!important;padding:0!important;margin:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #d8d8d8!important;border-radius:14px!important;box-shadow:0 7px 20px rgba(0,0,0,.10)!important}
#rac-ai-chat .rac-ai-chat__faq-question{display:block!important;padding:12px 14px 12px 16px!important;margin:0!important;background:#333!important;color:#fff!important;font-weight:700!important;line-height:1.35!important;border-left:5px solid #ff1b12!important}
#rac-ai-chat .rac-ai-chat__faq-question::before{content:"VRAAG"!important;display:block!important;margin-bottom:7px!important;color:rgba(255,255,255,.72)!important;font-size:10px!important;line-height:1!important;letter-spacing:.10em!important;font-weight:800!important}
#rac-ai-chat .rac-ai-chat__faq-category{display:inline-block!important;margin:11px 14px 0 14px!important;padding:5px 10px!important;background:#f0f0f0!important;border:1px solid #e2e2e2!important;border-radius:999px!important;color:#555!important;font-size:11px!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important}
#rac-ai-chat .rac-ai-chat__faq-answer{display:block!important;margin:11px 14px 14px 14px!important;padding:13px 14px!important;background:#fafafa!important;border:1px solid #ececec!important;border-radius:12px!important;color:#333!important;font-style:italic!important;line-height:1.48!important;white-space:pre-line!important}
#rac-ai-chat .rac-ai-chat__faq-answer::before{content:"ANTWOORD"!important;display:block!important;margin-bottom:8px!important;color:#777!important;font-size:10px!important;line-height:1!important;letter-spacing:.10em!important;font-weight:800!important;font-style:normal!important}
#rac-ai-chat .rac-ai-chat__faq-answer a{font-style:normal!important}
/* RAC_FAQ_VISUAL_INLINE_V2_END */

/* RAC_FAQ_COLLAPSE_STYLE_V1_START */
#rac-ai-chat .rac-ai-chat__msg--faqs {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

#rac-ai-chat .rac-ai-chat__faqs {
    display: grid !important;
    gap: 12px !important;
}

#rac-ai-chat .rac-ai-chat__faq {
    background: #ffffff !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10) !important;
    padding: 0 !important;
}

#rac-ai-chat .rac-ai-chat__faq-question {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 34px !important;
    grid-template-rows: auto auto !important;
    gap: 5px 10px !important;
    align-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 12px 12px 12px 14px !important;
    cursor: pointer !important;
    text-align: left !important;
    background: #2f2f2f !important;
    color: #ffffff !important;
    font-family: inherit !important;
    line-height: 1.35 !important;
}

#rac-ai-chat .rac-ai-chat__faq-question:hover {
    background: #262626 !important;
}

#rac-ai-chat .rac-ai-chat__faq-question::before {
    content: "VRAAG" !important;
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    display: block !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    font-weight: 800 !important;
    color: #d9ebff !important;
}

#rac-ai-chat .rac-ai-chat__faq-question-text {
    grid-column: 1 / 2 !important;
    grid-row: 2 / 3 !important;
    display: block !important;
    min-width: 0 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    word-break: break-word !important;
}

#rac-ai-chat .rac-ai-chat__faq-arrow {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: center !important;
    width: 27px !important;
    height: 27px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
    line-height: 1 !important;
    transition: transform 0.18s ease, background 0.18s ease !important;
}

#rac-ai-chat .rac-ai-chat__faq.is-expanded .rac-ai-chat__faq-arrow {
    transform: rotate(180deg) !important;
    background: rgba(255, 255, 255, 0.26) !important;
}

#rac-ai-chat .rac-ai-chat__faq-body {
    display: block !important;
    padding: 11px 12px 13px 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
    border-top: 1px solid #e6e6e6 !important;
}

#rac-ai-chat .rac-ai-chat__faq.is-collapsed .rac-ai-chat__faq-body {
    display: none !important;
}

#rac-ai-chat .rac-ai-chat__faq-category {
    display: inline-block !important;
    margin: 0 0 9px 0 !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: #f0f0f0 !important;
    border: 1px solid #e2e2e2 !important;
    color: #555555 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer {
    margin: 0 !important;
    padding: 12px 13px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid #ececec !important;
    color: #333333 !important;
    font-style: italic !important;
    line-height: 1.48 !important;
    white-space: pre-line !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer::before {
    content: "ANTWOORD" !important;
    display: block !important;
    margin: 0 0 8px 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    font-weight: 800 !important;
    font-style: normal !important;
    color: #777777 !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer a {
    font-style: normal !important;
}
/* RAC_FAQ_COLLAPSE_STYLE_V1_END */

/* RAC_FAQ_HTML_LINK_STYLE_V1_START */
#rac-ai-chat .rac-ai-chat__faq-answer a {
    color: #111111 !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    word-break: break-word !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer p {
    margin: 0 0 8px 0 !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer p:last-child {
    margin-bottom: 0 !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer ul,
#rac-ai-chat .rac-ai-chat__faq-answer ol {
    margin: 7px 0 7px 18px !important;
    padding: 0 !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer li {
    margin: 3px 0 !important;
}
/* RAC_FAQ_HTML_LINK_STYLE_V1_END */
/* RAC_FAQ_LABEL_I18N_FORCE_DOM_STYLE_V2_START */
#rac-ai-chat .rac-ai-chat__faq-question::before,
#rac-ai-chat .rac-ai-chat__faq-answer::before {
    content: none !important;
    display: none !important;
}

#rac-ai-chat .rac-ai-chat__faq-question {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 34px !important;
    grid-template-rows: auto auto !important;
    gap: 5px 10px !important;
    align-items: center !important;
}

#rac-ai-chat .rac-ai-chat__faq-question-label {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    display: block !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    font-weight: 800 !important;
    color: #d9ebff !important;
    text-transform: uppercase !important;
}

#rac-ai-chat .rac-ai-chat__faq-question-text {
    grid-column: 1 / 2 !important;
    grid-row: 2 / 3 !important;
}

#rac-ai-chat .rac-ai-chat__faq-arrow {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 3 !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-label {
    display: block !important;
    margin: 0 0 8px 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    font-weight: 800 !important;
    font-style: normal !important;
    color: #777777 !important;
    text-transform: uppercase !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-content {
    display: block !important;
    font-style: italic !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-content a {
    color: #111111 !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    word-break: break-word !important;
    font-style: normal !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-content p {
    margin: 0 0 8px 0 !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-content p:last-child {
    margin-bottom: 0 !important;
}
/* RAC_FAQ_LABEL_I18N_FORCE_DOM_STYLE_V2_END */

/* RAC_FAQ_SINGLE_ANSWER_CLEAN_RENDER_V6_STYLE_START */
#rac-ai-chat .rac-ai-chat__msg--faq-single-answer {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

#rac-ai-chat .rac-ai-chat__msg--faq-single-answer .rac-ai-chat__faq-answer--single {
    display: block !important;
    margin: 0 !important;
    padding: 13px 14px !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    border: 1px solid #ececec !important;
    color: #333333 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08) !important;
    line-height: 1.48 !important;
    white-space: normal !important;
}

#rac-ai-chat .rac-ai-chat__msg--faq-single-answer .rac-ai-chat__faq-answer::before,
#rac-ai-chat .rac-ai-chat__msg--faq-single-answer .rac-ai-chat__faq-answer--single::before {
    content: none !important;
    display: none !important;
}

#rac-ai-chat .rac-ai-chat__msg--faq-single-answer .rac-ai-chat__faq-answer-label {
    display: block !important;
    margin: 0 0 8px 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    font-weight: 800 !important;
    font-style: normal !important;
    color: #777777 !important;
    text-transform: uppercase !important;
}

#rac-ai-chat .rac-ai-chat__msg--faq-single-answer .rac-ai-chat__faq-answer-content {
    display: block !important;
    font-style: italic !important;
}

#rac-ai-chat .rac-ai-chat__msg--faq-single-answer .rac-ai-chat__faq-answer-content a,
#rac-ai-chat .rac-ai-chat__faq-answer-content a {
    color: #111111 !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    word-break: break-word !important;
    font-style: normal !important;
}

#rac-ai-chat .rac-ai-chat__faq-question-text,
#rac-ai-chat .rac-ai-chat__faq-category {
    overflow-wrap: anywhere !important;
}
/* RAC_FAQ_SINGLE_ANSWER_CLEAN_RENDER_V6_STYLE_END */

/* RAC_FAQ_LISTS_HEADER_ICON_V10_START */
#rac-ai-chat .rac-ai-chat__header-title-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
}

#rac-ai-chat .rac-ai-chat__header-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    object-fit: contain !important;
    display: inline-block !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-content {
    white-space: normal !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-content p {
    margin: 0 0 9px 0 !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-content p:last-child {
    margin-bottom: 0 !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-content ul,
#rac-ai-chat .rac-ai-chat__faq-answer-content ol {
    display: block !important;
    margin: 8px 0 8px 20px !important;
    padding-left: 0 !important;
    list-style-position: outside !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-content li {
    display: list-item !important;
    margin: 4px 0 !important;
    padding-left: 2px !important;
    line-height: 1.45 !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-content a {
    font-style: normal !important;
}
/* RAC_FAQ_LISTS_HEADER_ICON_V10_END */

/* RAC_FAQ_EMAIL_LINKS_SEND_ICON_V13_START */
#rac-ai-chat .rac-ai-chat__header-title-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

#rac-ai-chat .rac-ai-chat__header-icon {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    object-fit: contain !important;
    display: inline-block !important;
}

#rac-ai-chat .rac-ai-chat__header strong {
    line-height: 32px !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-content a,
#rac-ai-chat .rac-ai-chat__faq-answer a {
    color: #111111 !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    word-break: break-word !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-content ul,
#rac-ai-chat .rac-ai-chat__faq-answer-content ol {
    display: block !important;
    margin: 8px 0 8px 20px !important;
    padding-left: 0 !important;
    list-style-position: outside !important;
}

#rac-ai-chat .rac-ai-chat__faq-answer-content li {
    display: list-item !important;
    margin: 4px 0 !important;
    padding-left: 2px !important;
    line-height: 1.45 !important;
}

#rac-ai-chat .rac-ai-chat__send-icon-btn {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    color: #ffffff !important;
    overflow: hidden !important;
}

#rac-ai-chat .rac-ai-chat__send-icon-btn .rac-ai-chat__send-icon {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    color: #ffffff !important;
    fill: currentColor !important;
    transform: translateX(1px) !important;
}

#rac-ai-chat .rac-ai-chat__composer,
#rac-ai-chat .rac-ai-chat__inputbar,
#rac-ai-chat .rac-ai-chat__form,
#rac-ai-chat form {
    gap: 8px !important;
}

#rac-ai-chat .rac-ai-chat__composer input,
#rac-ai-chat .rac-ai-chat__inputbar input,
#rac-ai-chat .rac-ai-chat__form input,
#rac-ai-chat form input[type="text"],
#rac-ai-chat form textarea {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
/* RAC_FAQ_EMAIL_LINKS_SEND_ICON_V13_END */




/* RAC_SAFE_SEND_ICON_V19_START */
/*
 * Bewust alleen op de class in chat.phtml.
 * Niet meer op "#rac-ai-chat form button", want dat raakt ook product/add-to-cart knoppen.
 */
#rac-ai-chat .rac-ai-chat__safe-send-icon-v19 {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    color: #ffffff !important;
    overflow: hidden !important;
    position: relative !important;
}

#rac-ai-chat .rac-ai-chat__safe-send-icon-v19::before {
    content: "" !important;
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    background-color: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M3.8%2020.2L21%2012%203.8%203.8%206.3%2010.6%2013.4%2012%206.3%2013.4%203.8%2020.2Z%27/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M3.8%2020.2L21%2012%203.8%203.8%206.3%2010.6%2013.4%2012%206.3%2013.4%203.8%2020.2Z%27/%3E%3C/svg%3E") center / contain no-repeat !important;
    transform: translateX(1px) !important;
}
/* RAC_SAFE_SEND_ICON_V19_END */

/* RAC_PRODUCT_IMAGE_SPACING_COMPACT_V34_START */
/*
 * Visual-only finetune:
 * - beeld blijft groot
 * - minder gap onder YouTube icoon
 * - quickorder iets hoger
 * - kaart iets compacter dan V33
 */

#rac-ai-chat .rac-ai-chat__product {
    box-sizing: border-box !important;
}

#rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5),
#rac-ai-chat .rac-ai-chat__product.rac-ai-chat__product--has-quickorder,
#rac-ai-chat .rac-ai-chat__product {
    min-height: 284px !important;
    padding: 8px 10px 5px 10px !important;
}

#rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5) {
    display: flex !important;
    flex-direction: column !important;
}

#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top {
    min-height: 122px !important;
    height: auto !important;
    gap: 12px !important;
    align-items: flex-start !important;
}

/* media kolom en afbeelding groot houden */
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-media,
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top > .rac-ai-chat__product-media,
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top > a:first-child,
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top > div:first-child {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    flex: 0 0 112px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top .rac-ai-chat__product-media img:not([src*="youtube"]):not([src*="yt"]):not([src*="plus"]),
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top .rac-ai-chat__product-media .rac-ai-chat__product-image,
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top .rac-ai-chat__product-media a.rac-ai-chat__product-image,
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top .product-image-photo,
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top img.product-image-photo,
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top > a:first-child img,
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top > div:first-child img:not([src*="youtube"]):not([src*="yt"]):not([src*="plus"]),
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top .rac-ai-chat__product-image {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    height: 110px !important;
    min-height: 110px !important;
    max-height: 110px !important;
    flex: 0 0 110px !important;
    object-fit: cover !important;
    border-radius: 7px !important;
    display: block !important;
    background-size: cover !important;
    background-position: center !important;
}

#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-info,
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-content,
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top > div:not(:first-child) {
    min-width: 0 !important;
}

/* minder ruimte onder video-icoon */
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-media .rac-ai-chat__youtube-btn,
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top .rac-ai-chat__youtube-btn,
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top a[href*="youtube"],
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top a[href*="youtu.be"] {
    align-self: center !important;
    margin: 2px auto 0 auto !important;
}

/* quickorder en voorraad iets hoger dan V33 */
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__quickorder-wrap {
    margin-top: auto !important;
    padding-top: 3px !important;
    width: 100% !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 {
    margin-top: 0 !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qcards {
    gap: 10px !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qcard {
    padding: 7px 10px 6px 10px !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qtop {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qleft {
    min-height: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-left: -3px !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qtypeicon {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    display: block !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qmeters {
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qhr {
    margin: 4px 0 5px 0 !important;
    height: 1px !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qprices,
#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qprices--stack {
    min-height: 0 !important;
    height: auto !important;
    gap: 0 !important;
    line-height: 1.05 !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: flex-start !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qold {
    font-size: 12px !important;
    line-height: 1.02 !important;
    margin: 0 0 1px 0 !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qnew {
    font-size: 13px !important;
    line-height: 1.05 !important;
    margin: 0 !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qprices--stack.no-old {
    min-height: 20px !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qplus {
    top: 2px !important;
    right: 3px !important;
    width: 18px !important;
    height: 18px !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qplus img {
    width: 18px !important;
    height: 18px !important;
}

/* witruimte onder voorraad beperken */
#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qmeta {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__stock,
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__expected,
#rac-ai-chat .rac-ai-chat__product .mut-qmeta,
#rac-ai-chat .rac-ai-chat__product [class*="stock"],
#rac-ai-chat .rac-ai-chat__product [class*="expected"] {
    margin-bottom: 0 !important;
}

@media (max-width: 420px) {
    #rac-ai-chat .rac-ai-chat__product:has(.mut-quickorder-v5),
    #rac-ai-chat .rac-ai-chat__product.rac-ai-chat__product--has-quickorder,
    #rac-ai-chat .rac-ai-chat__product {
        min-height: 280px !important;
        padding: 8px 9px 5px 9px !important;
    }

    #rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top {
        min-height: 120px !important;
    }

    #rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-media,
    #rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top > .rac-ai-chat__product-media,
    #rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top > a:first-child,
    #rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top > div:first-child {
        width: 106px !important;
        min-width: 106px !important;
        max-width: 106px !important;
        flex-basis: 106px !important;
    }

    #rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top .rac-ai-chat__product-media img:not([src*="youtube"]):not([src*="yt"]):not([src*="plus"]),
    #rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top .rac-ai-chat__product-media .rac-ai-chat__product-image,
    #rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top .rac-ai-chat__product-media a.rac-ai-chat__product-image,
    #rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top .product-image-photo,
    #rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top img.product-image-photo,
    #rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top > a:first-child img,
    #rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top > div:first-child img:not([src*="youtube"]):not([src*="yt"]):not([src*="plus"]),
    #rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-top .rac-ai-chat__product-image {
        width: 104px !important;
        min-width: 104px !important;
        max-width: 104px !important;
        height: 104px !important;
        min-height: 104px !important;
        max-height: 104px !important;
        flex-basis: 104px !important;
    }
}
/* RAC_PRODUCT_IMAGE_SPACING_COMPACT_V34_END */

/* RAC_GUEST_PRODUCT_CARD_HEIGHT_FIX_V37_START */
/*
 * Alleen voor productkaarten zonder quickorder/bestelknoppen.
 * Dit voorkomt de grote witte ruimte bij niet-ingelogde klanten.
 * Productkaarten met .mut-quickorder-v5 blijven ongemoeid.
 */
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 8px !important;
    display: block !important;
}

#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Media/afbeelding blijft groot, maar de kaart stopt netjes onder het YouTube-icoon */
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-media,
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top > .rac-ai-chat__product-media,
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top > a:first-child,
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top > div:first-child {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    flex: 0 0 112px !important;
}

#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top .rac-ai-chat__product-media img:not([src*="youtube"]):not([src*="yt"]):not([src*="plus"]),
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top .rac-ai-chat__product-media .rac-ai-chat__product-image,
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top .rac-ai-chat__product-media a.rac-ai-chat__product-image,
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top .product-image-photo,
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top img.product-image-photo,
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top > a:first-child img,
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top > div:first-child img:not([src*="youtube"]):not([src*="yt"]):not([src*="plus"]),
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top .rac-ai-chat__product-image {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    height: 110px !important;
    min-height: 110px !important;
    max-height: 110px !important;
    object-fit: cover !important;
}

/* YouTube-icoon compact onder afbeelding bij guest */
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-media .rac-ai-chat__youtube-btn,
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top .rac-ai-chat__youtube-btn,
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top a[href*="youtube"],
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__product-top a[href*="youtu.be"] {
    margin: 2px auto 0 auto !important;
}

/* Login-melding mag niet onnodig hoogte veroorzaken */
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__login-notice,
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) .rac-ai-chat__guest-notice,
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) [class*="login"],
#rac-ai-chat .rac-ai-chat__product:not(:has(.mut-quickorder-v5)) [class*="guest"] {
    margin-bottom: 0 !important;
}

/* Als browser :has niet ondersteunt: fallback op kaarten met guest/login melding */
#rac-ai-chat .rac-ai-chat__product:has(.rac-ai-chat__login-notice),
#rac-ai-chat .rac-ai-chat__product:has(.rac-ai-chat__guest-notice) {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 8px !important;
}
/* RAC_GUEST_PRODUCT_CARD_HEIGHT_FIX_V37_END */

/* RAC_QUICKORDER_CENTER_OEKOTEX_V38_START */
/*
 * Visual-only quickorder tuning + Oeko-tex label styling.
 * - kaarten iets smaller en gecentreerd, met meer randruimte
 * - meters centraal in kaart, icon links
 * - Oeko-tex subtiel onder compositie/product-extra
 */

/* Bestelknoppen iets minder breed en meer vrij van randen */
#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qcards {
    justify-content: center !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qcard {
    flex: 0 0 calc(50% - 12px) !important;
    width: calc(50% - 12px) !important;
    max-width: 128px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Meterlabel centraal in kaart, onafhankelijk van icoon links */
#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qtop,
#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qleft {
    position: relative !important;
    width: 100% !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qleft {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qtypeicon {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qmeters {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Oeko-tex tekst rechts naast afbeelding onder compositie */
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-oekotex {
    margin-top: 3px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #2d8f3a !important;
}

#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-oekotex:before {
    content: '●' !important;
    display: inline-block !important;
    margin-right: 4px !important;
    color: #54d756 !important;
    font-size: 9px !important;
    vertical-align: 1px !important;
}

@media (max-width: 420px) {
    #rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qcards {
        gap: 12px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    #rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qcard {
        flex-basis: calc(50% - 10px) !important;
        width: calc(50% - 10px) !important;
        max-width: 124px !important;
    }
}
/* RAC_QUICKORDER_CENTER_OEKOTEX_V38_END */

/* RAC_STOCK_EXPECTED_LAYOUT_V39_START */
/* Meta layout hoort mee te centreren met smallere bestelkaarten. */
#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qmeta {
    width: calc(100% - 24px) !important;
    max-width: 282px !important;
    margin: 6px auto 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 0 !important;
    box-sizing: border-box !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qmeta-left {
    justify-self: start !important;
    min-width: 0 !important;
    text-align: left !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qmeta-mid {
    justify-self: center !important;
    text-align: center !important;
    width: 18px !important;
    color: #999 !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qmeta-right {
    justify-self: end !important;
    min-width: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qmeta-mid.is-hidden,
#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-expected.is-hidden {
    display: none !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-stock,
#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-expected {
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/* Oeko-tex label rechts naast afbeelding onder compositie */
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-oekotex {
    margin-top: 3px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #2d8f3a !important;
}
#rac-ai-chat .rac-ai-chat__product .rac-ai-chat__product-oekotex:before {
    content: '●' !important;
    display: inline-block !important;
    margin-right: 4px !important;
    color: #54d756 !important;
    font-size: 9px !important;
    vertical-align: 1px !important;
}
/* RAC_STOCK_EXPECTED_LAYOUT_V39_END */

/* RAC_EXPECTED_LABEL_LAYOUT_V40_START */
/*
 * Expected label + datum layout:
 * - voorraad links
 * - separator gecentreerd
 * - expected label+datum direct rechts na separator, niet helemaal rechts uitgelijnd
 */
#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qmeta {
    grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) !important;
    column-gap: 0 !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qmeta-mid {
    justify-self: center !important;
    text-align: center !important;
    width: 18px !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qmeta-right {
    justify-self: start !important;
    text-align: left !important;
    white-space: nowrap !important;
    min-width: 0 !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-expected {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-expected-label {
    font-weight: 600 !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-expected-date {
    font-weight: 400 !important;
}

#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-qmeta-mid.is-hidden,
#rac-ai-chat .rac-ai-chat__product .mut-quickorder-v5 .mut-expected.is-hidden {
    display: none !important;
}
/* RAC_EXPECTED_LABEL_LAYOUT_V40_END */