/* Shared blocks retain the native header, catalogue and purchase controls. */
.jr-commercial-selection{box-sizing:border-box;clear:both;display:block;width:100%;max-width:1320px;margin:0 auto;padding:56px 24px 64px;flex-shrink:0}
.jr-commercial-selection .hh-entry{margin-bottom:0}
@media(max-width:700px){.jr-commercial-selection{padding:32px 12px 40px}.jr-commercial-selection .hh-entry{margin-bottom:0}}

/* Restore the demonstrated bounce form; keep the native reduced-motion choice. */
.hh-dialog[open]:not(.is-closing) .hh-dialog__panel{animation:modal-bounce-shell-bounce-in .65s both}
@media(prefers-reduced-motion:reduce){.hh-dialog[open] .hh-dialog__panel{animation:none!important}}

/* Mobile CRM chat occupies its own fifth slot; original Bitrix handlers remain. */
@media(max-width:700px){
 .hh-rail.request-sidebar{bottom:154px}
 body:has(.hh-rail) .b24-widget-button-wrapper.b24-widget-button-position-bottom-right{position:fixed!important;right:0!important;left:auto!important;top:auto!important;bottom:106px!important;width:42px!important;height:44px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;float:none!important}
 .b24-widget-button-wrapper .b24-widget-button-inner-container,
 .b24-widget-button-wrapper .b24-widget-button-block,
 .b24-widget-button-wrapper .b24-widget-button-inner-block,
 .b24-widget-button-wrapper .b24-widget-button-icon-container{width:42px!important;height:44px!important;margin:0!important;min-width:0!important;min-height:0!important;transform:none!important}
 .b24-widget-button-wrapper .b24-widget-button-inner-mask{width:42px!important;height:44px!important;min-width:0!important;min-height:0!important;top:0!important;left:0!important;border-radius:6px 0 0 6px!important;transform:none!important}
 .b24-widget-button-wrapper .b24-widget-button-inner-item{width:42px!important;height:44px!important}
 .b24-widget-button-wrapper .b24-widget-button-inner-item svg{width:22px!important;height:22px!important}
 .b24-widget-button-wrapper .b24-widget-button-pulse{animation:none!important;opacity:0!important;pointer-events:none!important}
}

/* Quiz belongs to the native product column, level with its sibling navigation. */
.section-content-wrapper>.jr-commercial-selection--quiz{max-width:none;padding:0 0 32px}
.section-content-wrapper>.jr-commercial-selection--quiz .hh-entry{margin-top:0}

/* React to the actual product-column width, including a visible catalogue sidebar. */
.section-content-wrapper>.jr-commercial-selection--quiz{container-type:inline-size}
@container(max-width:900px){
 .section-content-wrapper>.jr-commercial-selection--quiz .hh-entry--quiz{display:block}
 .section-content-wrapper>.jr-commercial-selection--quiz .hh-quiz-intro{padding:24px}
 .section-content-wrapper>.jr-commercial-selection--quiz .hh-quiz-intro__drawing{display:none}
 .section-content-wrapper>.jr-commercial-selection--quiz .hh-entry--quiz h2{font-size:30px}
 .section-content-wrapper>.jr-commercial-selection--quiz .hh-quiz-intro__text{margin-top:12px}
}
@container(max-width:560px){
 .section-content-wrapper>.jr-commercial-selection--quiz .hh-quiz-intro,
 .section-content-wrapper>.jr-commercial-selection--quiz .hh-inline-quiz-card{padding-right:32px}
 .section-content-wrapper>.jr-commercial-selection--quiz .hh-options--roles{grid-template-columns:1fr}
 .section-content-wrapper>.jr-commercial-selection--quiz .hh-options--roles .hh-option{flex-direction:row;align-items:center;min-height:91px;padding:15px 41px 15px 14px;gap:15px}
 .section-content-wrapper>.jr-commercial-selection--quiz .hh-options--roles .hh-option__mark{top:50%;transform:translateY(-50%);right:11px}
 .section-content-wrapper>.jr-commercial-selection--quiz .hh-options--roles .hh-option__icon{width:42px;height:42px;flex-shrink:0}
 .section-content-wrapper>.jr-commercial-selection--quiz .hh-option__label{min-width:0;overflow-wrap:anywhere}
}
/* On a narrow desktop column the original bottom-right CRM bubble covered the quiz. */
@media(min-width:701px){
 body:has(.hh-rail) .b24-widget-button-wrapper.b24-widget-button-position-bottom-right{position:fixed!important;right:0!important;left:auto!important;top:calc(42% + 228px)!important;bottom:auto!important;width:52px!important;height:54px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;float:none!important}
 body:has(.hh-rail) .b24-widget-button-wrapper .b24-widget-button-inner-container,
 body:has(.hh-rail) .b24-widget-button-wrapper .b24-widget-button-block,
 body:has(.hh-rail) .b24-widget-button-wrapper .b24-widget-button-inner-block,
 body:has(.hh-rail) .b24-widget-button-wrapper .b24-widget-button-icon-container,
 body:has(.hh-rail) .b24-widget-button-wrapper .b24-widget-button-inner-item{width:52px!important;height:54px!important;min-width:0!important;min-height:0!important;margin:0!important;transform:none!important}
 body:has(.hh-rail) .b24-widget-button-wrapper .b24-widget-button-inner-mask{width:52px!important;height:54px!important;min-width:0!important;min-height:0!important;top:0!important;left:0!important;border-radius:9px 0 0 9px!important;transform:none!important}
 body:has(.hh-rail) .b24-widget-button-wrapper .b24-widget-button-inner-item svg{width:24px!important;height:24px!important}
 body:has(.hh-rail) .b24-widget-button-wrapper .b24-widget-button-pulse{animation:none!important;opacity:0!important;pointer-events:none!important}
}