/* Rosconvert Laravel — visual compatibility layer based on the original Root WordPress theme. */
:root{--root-bg:#f7f8fa;--root-card:#fff;--root-text:#333;--root-muted:#777;--root-line:#e7e7e7;--root-accent:#6574ec;--root-shadow:0 3px 10px rgba(24,79,89,.10)}
body{background:var(--root-bg)!important;color:var(--root-text)!important}
.site-header{background:#fff!important;margin:0!important;border:0!important;box-shadow:none!important}
.site-header.is-scrolled{box-shadow:0 4px 16px rgba(35,45,65,.08)!important}
.site-header__inner{max-width:1420px!important;min-height:80px!important;padding:0 20px!important}
.site-branding-wrap{min-width:200px!important}
.site-brand{font-family:Arial,"Segoe UI",sans-serif!important;font-size:25px!important;font-weight:700!important;color:#2f3545!important;letter-spacing:-.01em!important}
.site-brand__sub{margin-top:3px!important;color:#8a8f99!important;font-size:11.5px!important;line-height:1.3!important}
.header-separator{max-width:1380px!important;background:#ededed!important}
.main-converter-menu>ul{gap:1px!important}
.main-converter-menu a,.main-converter-menu summary{padding:14px 10px!important;font-size:13.5px!important;font-weight:600!important;color:#404553!important;border:0!important;border-radius:3px!important}
.main-converter-menu a:hover,.main-converter-menu summary:hover,.main-converter-menu details[open]>summary,.main-converter-menu details.has-current>summary{color:var(--root-accent)!important;background:#f7f8ff!important}
.main-converter-menu a.is-current{color:var(--root-accent)!important;background:#eef1ff!important;font-weight:700!important}
.menu-ico{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:21px!important;min-width:21px!important;height:21px!important;font-size:15px!important;line-height:1!important}
.main-converter-menu .dropdown{top:calc(100% + 1px)!important;min-width:226px!important;padding:5px 0!important;border:1px solid #e8e8ee!important;border-radius:4px!important;box-shadow:0 8px 22px rgba(35,45,65,.15)!important}
.main-converter-menu .dropdown a{padding:9px 15px!important;background:#fff!important;font-size:13px!important;font-weight:400!important;line-height:1.35!important}
.main-converter-menu .dropdown a:hover{background:#f7f8ff!important}
.main-converter-menu .dropdown a.is-current{background:#eef1ff!important;color:#4f5fd7!important;font-weight:700!important}

.site-shell{max-width:1420px!important;width:calc(100% - 40px)!important;grid-template-columns:minmax(0,1fr) 312px!important;gap:26px!important;padding:24px 0 42px!important;background:transparent!important}
.site-main{min-width:0!important;padding:26px 30px!important;background:var(--root-card)!important;border:0!important;border-radius:4px!important;box-shadow:var(--root-shadow)!important}
.site-main h1{font-size:clamp(30px,3vw,42px)!important;line-height:1.15!important}
.site-main h2{font-size:26px!important}
.site-main h3{font-size:21px!important}

.sidebar{position:static!important;top:auto!important;width:100%!important;padding:10px!important;background:#f1f2f4!important;border:1px solid #ececef!important;border-radius:4px!important;box-shadow:none!important}
.sidebar__head,.utility-section{margin:0 0 11px!important;padding:0!important;background:#fff!important;border:1px solid #ececf0!important;border-radius:4px!important;box-shadow:0 2px 7px rgba(35,45,65,.05)!important;overflow:hidden!important}
.sidebar__head{padding:12px 15px!important}
.sidebar__title{margin:-12px -15px 9px!important;padding:11px 14px!important;background:#6574ec!important;color:#fff!important;border:0!important;font-size:12.5px!important;font-weight:700!important;line-height:1.3!important;text-transform:uppercase!important;text-align:center!important;letter-spacing:.015em!important}
.sidebar__sub{margin:0!important;color:#8b909c!important;font-size:11px!important;line-height:1.4!important;text-align:center!important}
.utility-section__title{margin:0!important;padding:10px 14px!important;background:#6574ec!important;color:#fff!important;border:0!important;font-size:11.5px!important;font-weight:700!important;line-height:1.3!important;text-transform:uppercase!important;text-align:center!important;letter-spacing:.02em!important}
.utility-list{display:block!important;padding:0!important}
.utility-link{position:relative!important;display:flex!important;align-items:center!important;gap:7px!important;min-height:42px!important;padding:8px 11px 8px 30px!important;border:0!important;border-bottom:1px solid #efeff2!important;border-radius:0!important;background:#fff!important;color:#3d414b!important;text-decoration:none!important;transition:background .15s ease,color .15s ease!important}
.utility-link:last-child{border-bottom:0!important}
.utility-link::before{content:"›"!important;position:absolute!important;left:12px!important;top:7px!important;color:#c7c9d0!important;font-size:18px!important;line-height:1.2!important}
.utility-link:hover{background:#fff8e8!important;color:#4f5fd7!important;transform:none!important}
.utility-link.is-current{background:#eef1ff!important;color:#4f5fd7!important;font-weight:700!important;box-shadow:inset 3px 0 0 #6574ec!important}
.utility-link.is-current::before{color:#6574ec!important}
.utility-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 21px!important;width:21px!important;height:21px!important;background:transparent!important;color:#6574ec!important;font-size:13px!important}
.utility-icon .rc-icon{width:14px!important;height:14px!important}
.utility-name{font-size:12.3px!important;font-weight:400!important;line-height:1.28!important;color:inherit!important}
.utility-link.is-current .utility-name{font-weight:700!important}

.site-footer{margin:0!important;background:#fff!important;border-top:1px solid #e6e6e6!important;color:#717171!important;box-shadow:none!important}
.site-footer__inner{max-width:1380px!important;padding:22px 20px!important}
.footer-info{font-size:13px!important;color:#777!important}
.footer-links{gap:6px 10px!important}
.footer-links a{font-size:12.5px!important;color:#5a67d8!important}
.footer-links a.is-current{font-weight:700!important;text-decoration:underline!important;text-underline-offset:3px!important}
.footer-note{margin-top:5px!important;padding-top:10px!important;border-top:1px solid #f0f0f0!important;font-size:11.5px!important;color:#999!important}

/* Главная: конвертер — главный блок первого экрана. */
.site-main .hero{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:4px 0 0!important}
.site-main .hero-info{display:block!important;width:100%!important;max-width:none!important}
.site-main .hero-info>p{max-width:760px!important;margin:0 auto 18px!important;text-align:center!important;color:#64708a!important;font-size:16px!important;line-height:1.6!important}
.site-main .hero-form{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.site-main .custom-converter{max-width:none!important;width:100%!important;margin:0 auto 18px!important;padding:28px 30px 24px!important;border:1px solid #e5e7f2!important;border-radius:8px!important;box-shadow:0 4px 16px rgba(24,79,89,.07)!important}
.site-main .custom-converter h2{margin:0 0 18px!important;text-align:center!important;font-size:28px!important;line-height:1.2!important;color:#232a3a!important}
.site-main .custom-converter form{max-width:940px!important;margin:0 auto!important}
.site-main .custom-converter .drop-zone{min-height:150px!important;padding:32px 24px!important;border-radius:8px!important;background:#fafbff!important}
.site-main .custom-converter .drop-text strong{font-size:16px!important}
.site-main .custom-converter .format-label{font-size:13px!important;margin-bottom:7px!important}
.site-main .custom-converter .cf-select-selected{min-height:50px!important;border-radius:8px!important;font-size:15px!important}
.site-main .custom-converter .convert-btn{max-width:none!important;width:100%!important;min-height:52px!important;border-radius:8px!important;font-size:16px!important}
.site-main .converter-benefits li,.site-main .info-block,.site-main .converter-faq__item{border-radius:4px!important}

.site-main .stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:940px!important;margin:12px auto 0!important;padding:0!important;align-items:stretch!important;justify-content:stretch!important}
.site-main .stat-item{margin:0!important;padding:12px 15px!important;background:#fafbfc!important;border:1px solid #e7e9f2!important;border-radius:7px!important;box-shadow:none!important;text-align:left!important}
.site-main .stat-item strong{display:block!important;margin:0 0 2px!important;font-size:15px!important;line-height:1.3!important;color:#2f3545!important}
.site-main .stat-item span{display:block!important;color:#6c7486!important;font-size:12.5px!important;line-height:1.4!important}
.site-main .hero+section{margin-top:30px!important}
.site-main .hero br:only-child{display:none!important}

@media(max-width:1120px){
 .site-header__inner{min-height:68px!important}
 .main-converter-menu{top:68px!important}
 .site-shell{grid-template-columns:minmax(0,1fr) 286px!important;gap:18px!important}
 .main-converter-menu>ul{padding:6px 14px 12px!important}
 .main-converter-menu>ul>li{border-bottom:1px solid #f0f0f2!important}
 .main-converter-menu>ul>li:last-child{border-bottom:0!important}
 .main-converter-menu a,.main-converter-menu summary{padding:11px 4px!important;font-size:14px!important}
 .main-converter-menu .dropdown{margin:0 0 7px 25px!important;border-left:2px solid #e7e9f4!important}
}
@media(max-width:860px){
 body{background:#fff!important}
 body.header-menu-open{overflow:hidden!important}
 .site-header{position:sticky!important;top:0!important;z-index:300!important;border-bottom:1px solid #eceef4!important}
 .site-header__inner{width:100%!important;min-height:62px!important;padding:0 13px!important}
 .site-branding-wrap{min-width:0!important}
 .site-brand{font-size:21px!important}
 .menu-toggle{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;margin-left:auto!important;border:1px solid #e4e6ee!important;border-radius:9px!important;background:#fff!important;color:#34394a!important;font-size:25px!important}
 body.header-menu-open .menu-toggle{background:#f4f5ff!important;color:#5261d9!important;border-color:#d9ddf7!important}
 .main-converter-menu{position:fixed!important;top:62px!important;left:0!important;right:0!important;bottom:auto!important;height:auto!important;max-height:calc(100vh - 62px)!important;max-height:calc(100dvh - 62px)!important;z-index:290!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:#fff!important;border-top:1px solid #eceef4!important;box-shadow:0 14px 28px rgba(35,45,65,.14)!important}
 .main-converter-menu>ul{padding:8px 12px 24px!important}
 .main-converter-menu>ul>li{border-bottom:1px solid #eceef3!important}
 .main-converter-menu summary{position:relative!important;min-height:50px!important;padding:13px 8px!important;font-size:15px!important;border-radius:7px!important}
 .main-converter-menu summary::after{content:"+"!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;color:#8b91a2!important;font-size:20px!important;font-weight:400!important}
 .main-converter-menu details[open]>summary::after{content:"−"!important;color:#5967d8!important}
 .main-converter-menu .dropdown{margin:0 0 9px 0!important;padding:4px 0 7px 34px!important;border:0!important;border-left:2px solid #e7e9f4!important;border-radius:0!important;box-shadow:none!important}
 .main-converter-menu .dropdown a{min-height:42px!important;padding:10px 11px!important;font-size:14px!important;line-height:1.4!important}
 .site-shell{display:flex!important;width:100%!important;padding:12px 9px 26px!important;gap:16px!important}
 .site-main{order:1!important;width:100%!important;padding:15px 11px!important;border-radius:0!important;box-shadow:none!important;overflow-wrap:anywhere!important}
 .site-main h1{font-size:30px!important;line-height:1.18!important}
 .site-main h2{font-size:23px!important;line-height:1.25!important}
 .site-main h3{font-size:19px!important;line-height:1.3!important}
 .site-main table{display:block!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
 .sidebar{order:2!important;width:100%!important;padding:7px!important;background:#f4f4f4!important;border-radius:5px!important}
 .sidebar__head,.utility-section{margin-bottom:9px!important;box-shadow:none!important}
 .sidebar__title,.utility-section__title{text-align:left!important}
 .sidebar__title{padding-left:13px!important}
 .utility-section__title{padding-left:13px!important}
 .utility-list{display:grid!important;grid-template-columns:1fr 1fr!important}
 .utility-link{min-height:48px!important;padding:10px 10px 10px 31px!important}
 .utility-link::before{top:11px!important}
 .utility-link:nth-child(odd){border-right:1px solid #efeff2!important}
 .site-main .hero{padding-top:0!important}
 .site-main .hero-info>p{margin-bottom:14px!important;font-size:14.5px!important}
 .site-main .custom-converter{margin:0 auto 14px!important;padding:20px 12px 18px!important;box-shadow:none!important;border:1px solid #e6e6e6!important}
 .site-main .custom-converter h2{font-size:23px!important;margin-bottom:15px!important}
 .site-main .custom-converter .drop-zone{min-height:132px!important;padding:26px 12px!important}
 .site-main .custom-converter .cf-select-selected{min-height:48px!important}
 .site-main .custom-converter .convert-btn{min-height:50px!important}
 .site-main .stats{grid-template-columns:1fr!important;gap:8px!important;margin-top:8px!important}
 .converter-page,.utility-page,.seo-tool{width:100%!important;max-width:none!important}
 .converter-page__head,.utility-page__head{max-width:none!important;text-align:left!important}
 .converter-card,.utility-page__panel,.seo-tool__card{width:100%!important;max-width:100%!important;overflow:hidden!important}
 .converter-actions a{min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
 .utility-page__field input,.utility-page__field select{font-size:16px!important}
 .site-footer__inner{padding:20px 12px!important;gap:12px!important}
 .footer-info{width:100%!important;flex-basis:auto!important}
 .footer-links{width:100%!important;flex-basis:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;border-top:1px solid #f0f0f0!important}
 .footer-links a{display:flex!important;align-items:center!important;min-height:42px!important;padding:8px 4px!important;border-bottom:1px solid #f0f0f0!important;font-size:12.5px!important}
 .footer-links__sep{display:none!important}
 .footer-note{text-align:left!important;line-height:1.5!important}
}
@media(max-width:520px){
 .utility-list{grid-template-columns:1fr!important}
 .utility-link:nth-child(odd){border-right:0!important}
 .site-brand__sub{display:none!important}
 .site-main{padding:12px 6px!important}
 .site-main h1{font-size:27px!important}
 .site-main .hero-info>p{font-size:14px!important}
 .site-main .custom-converter{padding:17px 10px!important}
 .site-main .custom-converter h2{font-size:22px!important}
 .site-main .custom-converter .drop-zone{min-height:126px!important}
 .converter-card{padding:14px 10px!important}
 .converter-drop{min-height:126px!important;padding:22px 10px!important}
 .converter-facts{grid-template-columns:1fr!important}
 .converter-actions{display:grid!important;grid-template-columns:1fr!important}
 .utility-page__panel{padding:14px 10px!important}
 .utility-page__drop{gap:10px!important;padding:14px 10px!important}
 .utility-page__fields{grid-template-columns:1fr!important}
 .footer-links{grid-template-columns:1fr!important}
 .footer-links a{min-height:40px!important}
}