/* Only integration behavior. The visual rules come from archived live CSS. */
[hidden] { display: none !important; }
body:not(.open) .ipsum_menu-block,
body:not(.open_catalog) .ipsum_menu-block__catalog { visibility: hidden; pointer-events: none; }
.products > .product { min-width: 0; }
.product__title, .product__title h4 { overflow-wrap: anywhere; }
body:not(.open) .menu-item--burger img.dn { display: none; }
body.open .menu-item--burger img:first-child { display: none; }
body.open .menu-item--burger img.dn { display: inline; }
#live-notification { width: min(480px, calc(100% - 32px)); border: 0; padding: 24px; }
#live-notification::backdrop { background: #0008; }
#live-notification form, #live-notification label { display: grid; gap: 12px; }
#live-notification input:not([type=checkbox]) { width: 100%; border: 1px solid #ccc; padding: 12px; }
#live-notification button { cursor: pointer; padding: 12px; }
@media (min-width: 991px) {
  [data-live-template=product] .section--first { display: flow-root; position: relative; }
}
.live-video-dialog{border:0;padding:0;background:#000;max-width:90vw;max-height:90vh}.live-video-dialog::backdrop{background:#000b}.live-video-dialog video{display:block;max-width:90vw;max-height:85vh}.live-video-dialog>button{position:absolute;right:8px;top:8px;z-index:1;background:#fff;border:0;border-radius:50%;font-size:24px;width:36px;height:36px}

.live-catalog-banner { display: contents; }
/* Question/result content uses the original quiz classes and typography. */
#quizContent .answer-option{font:inherit;cursor:pointer;text-align:left}#quizContent .action-button-inner:disabled{opacity:.4;cursor:default}#quizContent .quiz-results{max-height:65vh;overflow:auto;padding:24px 56px}#quizContent .quiz-result-group{margin:24px 0}#quizContent .quiz-prescription{white-space:pre-line}#quizContent .question-container{max-width:100%}#quizContent .question-block{flex:1}#quizContent .answers-block{justify-content:flex-start}#quizContent .preview__quiz-block .question-container{background:#f8f8f8;align-items:center;min-height:380px} @media(max-width:767px){#quizContent .quiz-results{padding:24px}#quizContent .answer-option{min-width:0;width:calc(50% - 6px);height:auto;min-height:90px}#quizContent .question-container{padding:24px}#quizContent .modal-footer{margin-top:16px}}
#quizContent{min-height:0}#quizContent .question-container{overflow:auto;max-height:60vh;flex-shrink:1}#quizContent .modal-footer{flex-shrink:0}#quizContent .btn-next{opacity:1}#quizContent .btn-next:disabled{opacity:.4;cursor:default}body[data-live-template="about-live"] .about-advantages__slider{overflow:hidden}@media(max-width:767px){body[data-live-template="compatibility"] .compatibility__product-slider{overflow:hidden}}
#quizContent .continue-button-mobile{display:none;position:relative}#quizContent .preview__quiz-block .question-container{position:relative;padding:0;overflow:hidden}#quizContent .preview__quiz-block .content{position:relative;z-index:1} @media(max-width:767px){#quizContent .continue-button-mobile{display:block}#quizContent .modal-footer{position:relative}}
body[data-live-template="ambassador-live"]{overflow-x:clip}

/* Catalog bottles retain their proportions inside compatibility slides. */
.compatibility__product-slide .compatibility__slide-img{height:100%;object-fit:contain}
.compatibility__content-text{white-space:pre-line}
/* Swiper's shared styles reset the slide display; center the bottle independently. */
.compatibility__product-slide .compatibility__slide-img{display:block;margin-inline:auto}

#quizContent .quiz-question-image picture{display:block;width:100%;height:100%}

#quizContent .quiz-question-image img{filter:none}
#quizContent .answer-option:has(.answer-icon){align-items:center}

#quizContent .question-container{min-height:0}
#quizContent .quiz-needs .answers-block{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;flex:none}
#quizContent .quiz-needs .answer-option{width:auto;min-width:0;min-height:80px;height:auto}
@media(max-width:768px){
 #quizContent .question-container{flex-direction:column;justify-content:flex-start}
 #quizContent .question-block{flex:0 0 auto}
 #quizContent .quiz-question-image{order:-1;flex:none;height:150px}
 #quizContent .quiz-needs .answers-block{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.quiz-result-product{display:inline-flex;flex-direction:column;align-items:center;width:150px;padding:12px;vertical-align:top}.quiz-result-product img{width:100%;height:150px;object-fit:contain}

/* The source question layout reserves illustration space. Goals have no image. */
#quizContent .question-container:has(.quiz-needs){display:block;overflow-y:auto;flex:1;min-height:0}
#quizContent .quiz-needs{display:flex;flex-direction:column;justify-content:flex-start;gap:16px;height:auto;min-height:0;width:100%}
#quizContent .quiz-needs .question-text{margin:0;height:auto;min-height:0;flex:none}
#quizContent .quiz-needs>p{margin:0;flex:none}
#quizContent .quiz-needs .answers-block{position:static;margin:0;gap:12px;height:auto;min-height:0;overflow:visible}
#quizContent .quiz-needs .answer-option{display:flex;align-items:center;justify-content:center;padding:16px}
#quizContent .quiz-result-product{box-sizing:border-box;text-decoration:none;color:inherit;gap:12px;margin:12px 12px 12px 0;border-radius:16px;background:var(--quiz-product-color);width:174px}
#quizContent .quiz-result-product img{display:block;height:180px;object-fit:contain;margin:0 auto}
#quizContent .quiz-result-product span{font-size:14px;text-align:center;line-height:1.3}
@media(max-width:768px){#quizContent .quiz-needs{gap:12px}#quizContent .quiz-needs .answer-option{min-height:64px;padding:10px}#quizContent .quiz-result-product{width:calc(50% - 12px);padding:10px}#quizContent .quiz-result-product img{height:140px}}
#quizContent .quiz-result-product small{font-size:11px;line-height:1.3;text-align:center}