/* МегаФон: виджет обратного звонка в стиле Ранчо (brusina.ru). Только оформление, логика виджета не трогается. */
#itlcb-wrapper{--mf-text:#16323B;--mf-muted:#5F6E73;--mf-sand:#F7F3EE;--mf-line:#E8E1D7;--mf-or:#ED7632;--mf-orb:#BF541B;--mf-ff:Montserrat,"Arial Black",Arial,sans-serif}
/* кнопка-кружок */
#itlcb-wrapper #itlcb-call-btn{opacity:1!important;background-color:var(--mf-or)!important;box-shadow:0 14px 30px -10px rgba(191,84,27,.75),0 0 0 6px rgba(237,118,50,.16)!important;transition:transform .2s ease,box-shadow .2s ease!important}
#itlcb-wrapper #itlcb-call-btn:hover{transform:scale(1.06);box-shadow:0 18px 36px -10px rgba(191,84,27,.85),0 0 0 9px rgba(237,118,50,.2)!important}
/* подложка */
#itlcb-wrapper #itlcb-bg-fill{background:rgba(22,30,34,.55)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
/* окна */
#itlcb-wrapper .itlcb-widget-body,#itlcb-wrapper .itlcb-call-info-block{background-color:#fff!important;border-radius:16px!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)!important;padding:40px 38px 32px!important;width:400px!important;max-width:calc(100vw - 32px);box-sizing:content-box;color:var(--mf-text)!important;font-family:var(--mf-ff)!important}
#itlcb-wrapper .itlcb-widget-body *,#itlcb-wrapper .itlcb-call-info-block *{color:var(--mf-text)!important}
#itlcb-wrapper .itlcb-widget-body::before{content:"Обратный звонок";display:block;margin:0 0 10px;font:700 12px/1 var(--mf-ff);letter-spacing:.08em;text-transform:uppercase;color:var(--mf-or)}
/* крестик */
#itlcb-wrapper .itlcb-close-cross{top:16px!important;right:16px!important;left:auto!important;width:44px!important;height:44px!important;border-radius:50%!important;background-color:var(--mf-sand)!important;color:var(--mf-text)!important;display:flex!important;align-items:center;justify-content:center;font-size:14px!important;line-height:1!important;transition:background-color .2s}
#itlcb-wrapper .itlcb-close-cross:hover{background-color:var(--mf-line)!important}
#itlcb-wrapper .itlcb-close-cross:focus-visible,#itlcb-wrapper #itlcb-do-call:focus-visible{outline:3px solid rgba(237,118,50,.45);outline-offset:2px}
/* заголовок */
#itlcb-wrapper .itlcb-top-panel{margin:0 56px 22px 0!important;font:800 22px/1.2 var(--mf-ff)!important;text-transform:uppercase;letter-spacing:-.005em}
#itlcb-wrapper .itlcb-top-panel *{font:inherit!important}
#itlcb-wrapper .itlcb-main-call-panell{margin:0!important}
/* поле и кнопка */
#itlcb-wrapper .itlcb-panell-body{gap:12px;flex-wrap:wrap}
#itlcb-wrapper .itlcb-input-block{flex:1 1 200px;min-width:0}
#itlcb-wrapper #itlcb-input{width:100%!important;box-sizing:border-box;height:54px!important;border:1.5px solid var(--mf-line)!important;border-radius:8px!important;background:#fff!important;font:600 18px/20px Arial,sans-serif!important;color:var(--mf-text)!important;transition:border-color .2s,box-shadow .2s}
#itlcb-wrapper #itlcb-input:focus{border-color:var(--mf-or)!important;box-shadow:0 0 0 4px rgba(237,118,50,.18)!important;outline:0}
#itlcb-wrapper .itlcb-button-block{margin:0!important;flex:0 0 auto}
#itlcb-wrapper #itlcb-do-call{height:54px!important;padding:0 26px!important;border-radius:999px!important;background-color:var(--mf-orb)!important;box-shadow:0 12px 24px -12px rgba(191,84,27,.9);font:800 14px/1 var(--mf-ff)!important;letter-spacing:.04em;text-transform:uppercase;transition:background-color .2s,transform .2s}
#itlcb-wrapper #itlcb-do-call{color:#fff!important;width:auto!important;white-space:nowrap!important}
#itlcb-wrapper #itlcb-do-call *{color:#fff!important;font:inherit!important;letter-spacing:inherit}
#itlcb-wrapper #itlcb-do-call:not(.itlcb-btn-disabled):hover{background-color:#a9481a!important;transform:translateY(-1px)}
#itlcb-wrapper #itlcb-do-call.itlcb-btn-disabled{opacity:.55}
#itlcb-wrapper .itlcb-bottom-txt,#itlcb-wrapper .itlcb-bottom-txt *{color:var(--mf-muted)!important}
#itlcb-wrapper .itlcb-list-element .itlcb-name{color:var(--mf-text)!important}
/* шаги 3–4: «Мы уже звоним» */
#itlcb-wrapper .itlcb-message-warn{font:800 20px/1.25 var(--mf-ff)!important;text-transform:uppercase}
#itlcb-wrapper #itlcb-timer{color:var(--mf-or)!important;font-family:var(--mf-ff)!important;font-weight:800!important}
/* телефон: нижний лист */
@media (max-width:600px){
 #itlcb-wrapper .itlcb-widget-body,#itlcb-wrapper .itlcb-call-info-block{top:auto!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;width:auto!important;max-width:none;border-radius:16px 16px 0 0!important;padding:34px 20px calc(24px + env(safe-area-inset-bottom))!important}
 #itlcb-wrapper .itlcb-widget-body::after,#itlcb-wrapper .itlcb-call-info-block::after{content:"";position:absolute;top:10px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:2px;background:var(--mf-line)}
 #itlcb-wrapper .itlcb-close-cross{top:14px!important;right:14px!important}
 #itlcb-wrapper .itlcb-top-panel{font-size:19px!important;margin-bottom:18px!important}
 #itlcb-wrapper .itlcb-widget-body,#itlcb-wrapper .itlcb-call-info-block{height:auto!important;min-height:0!important}
 #itlcb-wrapper .itlcb-widget-align{position:static!important;top:auto!important;left:auto!important;width:auto!important;transform:none!important}
 #itlcb-wrapper .itlcb-top-panel,#itlcb-wrapper .itlcb-top-panel *{text-align:left!important}
 #itlcb-wrapper .itlcb-panell-body{display:flex!important;flex-direction:column;gap:12px}
 #itlcb-wrapper .itlcb-panell-body,#itlcb-wrapper .itlcb-main-call-panell{flex-wrap:nowrap!important;height:auto!important;min-height:0!important}
 #itlcb-wrapper .itlcb-input-block,#itlcb-wrapper .itlcb-button-block{flex:0 0 auto;width:100%}
 #itlcb-wrapper #itlcb-input{text-align:left!important;padding-left:58px!important}
 #itlcb-wrapper #itlcb-step2 .itlcb-button-block,#itlcb-wrapper #itlcb-step2 #itlcb-do-call{width:100%!important;max-width:none!important;margin-left:0!important}
}
@media (prefers-reduced-motion:reduce){#itlcb-wrapper #itlcb-call-btn,#itlcb-wrapper #itlcb-do-call{transition:none!important}}
