.o-babette-gesprek__layout{display:flex;flex-direction:column;gap:var(--spacing-md)}@media screen and (min-width:768px){.o-babette-gesprek__layout{gap:var(--spacing-lg)}}@media screen and (min-width:990px){.o-babette-gesprek__layout{align-items:center;display:grid;gap:3.5rem;grid-template-columns:minmax(0,5fr) minmax(0,6fr);margin-inline:auto;max-width:69rem}.o-babette-gesprek__layout--chat-left{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.o-babette-gesprek__layout--chat-left .o-babette-gesprek__chat-wrap{order:1}.o-babette-gesprek__layout--chat-left .o-babette-gesprek__intro{order:2}}.o-babette-gesprek__intro{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.o-babette-gesprek__intro>*{margin:0}@media screen and (min-width:990px){.o-babette-gesprek__intro{gap:.875rem;max-width:26.25rem}.o-babette-gesprek__intro .h1,.o-babette-gesprek__intro .h2{font-size:clamp(2rem,2.8vw,2.5rem);line-height:1.1}}.o-babette-gesprek__eyebrow{font-weight:700;letter-spacing:.08em;opacity:.8;text-transform:uppercase}.o-babette-gesprek__chat-wrap{min-width:0;width:100%}@media screen and (min-width:768px){.o-babette-gesprek__chat-wrap{max-width:35rem}}@media screen and (min-width:990px){.o-babette-gesprek__chat-wrap{max-width:none}}.o-babette-gesprek__chat{background-color:rgb(var(--color-background));border-radius:var(--border-radius-16);box-shadow:0 0 0 1px rgba(var(--color-text),.12);color:rgb(var(--color-text));overflow:hidden}.o-babette-gesprek__header{align-items:center;background-color:rgb(var(--color-button));color:rgb(var(--color-button-label));display:flex;gap:.75rem;padding:.875rem var(--spacing-sm)}.o-babette-gesprek__header-avatar{border:2px solid rgba(var(--color-button-label),.3);border-radius:50%;flex-shrink:0;height:2.25rem;overflow:hidden;width:2.25rem}.o-babette-gesprek__header-avatar img{display:block;height:100%;object-fit:cover;width:100%}.o-babette-gesprek__header-text{display:flex;flex-direction:column;min-width:0}.o-babette-gesprek__header-title{font-weight:600;line-height:1.2}.o-babette-gesprek__header-subtitle{line-height:1.3;opacity:.75}.o-babette-gesprek__messages{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:.75rem}@media screen and (min-width:768px){.o-babette-gesprek__messages{gap:.875rem;padding:1.25rem}}.o-babette-gesprek__msg{align-items:flex-start;display:flex;gap:.75rem}.o-babette-gesprek__msg--user{flex-direction:row-reverse}.o-babette-gesprek__msg--user .o-babette-gesprek__content{align-items:flex-end;max-width:90%}@media screen and (min-width:768px){.o-babette-gesprek__msg--user .o-babette-gesprek__content{max-width:80%}}.o-babette-gesprek__msg--user .o-babette-gesprek__bubble{background-color:rgb(var(--color-button));color:rgb(var(--color-button-label))}.o-babette-gesprek__msg--assistant .o-babette-gesprek__bubble{background-color:rgb(var(--color-background-dark));color:rgb(var(--color-text))}.o-babette-gesprek__avatar{border-radius:50%;display:grid;flex-shrink:0;font-weight:500;height:2.5rem;overflow:hidden;place-items:center;width:2.5rem}@media screen and (min-width:990px){.o-babette-gesprek__avatar{height:2.25rem;width:2.25rem}}.o-babette-gesprek__avatar img{height:100%;object-fit:cover;width:100%}.o-babette-gesprek__avatar--user{background-color:rgb(var(--color-button));color:rgb(var(--color-button-label));padding-top:.2em}.o-babette-gesprek__content{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:calc(100% - 3.25rem);min-width:0}.o-babette-gesprek__bubble{border-radius:.75rem;min-width:0;overflow-wrap:break-word;padding:.75rem var(--spacing-sm)}.o-babette-gesprek__bubble p{margin:0 0 var(--spacing-xs)}.o-babette-gesprek__bubble p:last-child{margin-bottom:0}.o-babette-gesprek__bubble a{color:inherit;text-decoration:underline}.o-babette-gesprek__products{display:flex;flex-direction:column;margin-top:var(--spacing-xxs)}.o-babette-gesprek__product{align-items:center;border-bottom:1px solid rgba(var(--color-border),.5);display:flex;gap:.75rem;padding:.75rem 0}.o-babette-gesprek__product:last-child{border-bottom:none;padding-bottom:0}.o-babette-gesprek__product .js-product-form{flex-shrink:0}.o-babette-gesprek__product-link{align-items:center;color:inherit;display:flex;flex:1 1 auto;gap:var(--spacing-sm);min-width:0;text-decoration:none}.o-babette-gesprek__thumb{background-color:rgba(var(--color-background),.5);border-radius:.375rem;flex-shrink:0;height:4.375rem;overflow:hidden;width:3.75rem}.o-babette-gesprek__thumb img{height:100%;object-fit:contain;width:100%}.o-babette-gesprek__info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.o-babette-gesprek__region{opacity:.7}.o-babette-gesprek__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-weight:600;line-height:1.3;overflow:hidden}.o-babette-gesprek__price{font-weight:600;margin-top:.125rem}.o-babette-gesprek__add.m-product-form__submit{align-items:center;background-color:transparent;border:1px solid rgb(var(--color-border));border-radius:50%;color:rgb(var(--color-button));display:flex;flex-shrink:0;height:2rem;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease,border-color .2s ease;width:2rem}.o-babette-gesprek__add.m-product-form__submit .m-product-form__submit-text{align-items:center;display:flex;justify-content:center;line-height:1}.o-babette-gesprek__add.m-product-form__submit .m-product-form__loader svg{height:1rem;width:1rem}.o-babette-gesprek__add.m-product-form__submit:after{content:"";inset:-.375rem;position:absolute}.o-babette-gesprek__add.m-product-form__submit:hover{background-color:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-label))}.o-babette-gesprek__prompt{border-top:1px solid rgba(var(--color-border),.6);padding:.75rem}@media screen and (min-width:768px){.o-babette-gesprek__prompt{padding:var(--spacing-sm)}}.o-babette-gesprek__prompt-body{background-color:rgb(var(--color-white));border-radius:var(--border-radius-30);box-shadow:0 0 0 1px rgba(var(--color-text),.06);position:relative}.o-babette-gesprek__prompt-input{background:transparent;border:none;border-radius:var(--border-radius-30);color:rgb(var(--color-text));font:inherit;font-size:1rem;outline:none;padding:.875rem 3.75rem .875rem var(--spacing-md);width:100%}@media screen and (min-width:768px){.o-babette-gesprek__prompt-input{font-size:var(--body-fs-sm)}}.o-babette-gesprek__prompt-input:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:2px}.o-babette-gesprek__prompt-input::placeholder{color:rgba(var(--color-text),.6)}.o-babette-gesprek__send{align-items:center;background-color:rgb(var(--color-button));border-radius:50%;color:rgb(var(--color-button-label));display:inline-flex;height:2.25rem;justify-content:center;position:absolute;right:.375rem;top:50%;transform:translateY(-50%);width:2.25rem}.o-babette-gesprek--animate .o-babette-gesprek__msg{opacity:0;transform:translateY(.625rem)}.o-babette-gesprek--animate .o-babette-gesprek__msg.is-visible{opacity:1;transform:none;transition:opacity .3s ease-out,transform .3s ease-out}