/*!
 * Edpit — inner service pages (.edi) + blog list and posts (.edb). Concept A «Колонка», approved by Ed 12.11.2026.
 * Loaded ONLY on the pages switched by wp-content/mu-plugins/edpit-inners-blog.php (so the page-level rules below are safe).
 * Built from the approved mockup CSS by tools/build_css.py (local); from now on edit this file directly and bump EDPIT_IB_VER.
 * Tokens: --g graphite #1E1E24, --lime #D2FC51, --pink #FC84C8, --mut #5F5F6B, --line #E9E9EE, --soft #F5F5F8.
 * Fonts: Tektur 700 (headings) + Geologica (text), the files already on the server in /wp-content/edpit-clients/fonts/.
 * Sections: 1) page level (Avada header/footer/main)  2) .edi components  3) .edb components (same rules, other prefix).
 */
/* ===== 1. Page level — same rules as the live About / Services hub =====
   Header: graphite menu, position:relative so it never covers the H1 (the cyan title bar it was made for is removed).
   Footer: the «Почнемо?» sunglasses band (footer widget area) hidden; copyright + social row stays.
   #main: no Avada padding / 1100px row: the templates set their own 1260px wrap. */
.fusion-header-wrapper{position:relative!important}
.fusion-header-wrapper:not(.fusion-is-sticky) .fusion-main-menu>ul>li:not(:hover):not(.current-menu-item):not(.current-menu-parent)>a{color:#1E1E24!important}
.fusion-header-wrapper:not(.fusion-is-sticky) .fusion-main-menu>ul>li:not(:hover)>a .fusion-caret,.fusion-header-wrapper:not(.fusion-is-sticky) .fusion-main-menu>ul>li:not(:hover)>a .awb-menu__open-nav-submenu_click{color:#1E1E24!important}
.fusion-footer .fusion-footer-widget-area{display:none!important}
body #main{padding:0!important}body #main>.fusion-row{max-width:none!important;padding:0!important}
@font-face{font-family:"EdcTektur";src:url(../../edpit-clients/fonts/tektur-700.woff2?v=20261111) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"EdcGeologica";src:url(../../edpit-clients/fonts/geologica-var.woff2?v=20261111) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
/* ===== 2. Inner service pages: prefix .edi ===== */
#main .edi{--g:#1E1E24;--lime:#D2FC51;--pink:#FC84C8;--mut:#5F5F6B;--line:#E9E9EE;--soft:#F5F5F8;--ink:#3A3A44;
 font:400 17px/1.65 "EdcGeologica",sans-serif;color:var(--g);-webkit-font-smoothing:antialiased;padding-bottom:96px;overflow-x:clip}
#main .edi *{box-sizing:border-box}
#main .edi :where(h1,h2,h3,h4,p,ul,ol,li,figure,blockquote,section,div,span,form,label,nav,aside,article){margin:0;padding:0}
#main .edi ul,#main .edi ol{list-style:none}
#main .edi a{color:inherit;text-decoration:none}#main .edi a:hover{color:inherit}
#main .edi img{display:block;max-width:100%;height:auto}
#main .edi .edi-wrap{max-width:1260px;margin:0 auto;padding:0 30px}
#main .edi .edi-eyebrow{display:inline-flex;align-items:center;gap:8px;font:500 13px/1.6 "EdcGeologica",sans-serif!important;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
#main .edi .edi-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pink)}
#main .edi .edi-eyebrow a:hover{color:var(--g)}#main .edi .edi-eyebrow .sep{opacity:.45}
#main .edi h1.edi-h1{margin:18px 0 0;font:700 clamp(46px,6.6vw,96px)/.98 "EdcTektur",sans-serif!important;letter-spacing:-.01em;color:var(--g);text-transform:uppercase}
#main .edi h1.edi-h1.post{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.08!important;text-transform:none;letter-spacing:-.005em}
#main .edi .edi-mark{background:linear-gradient(transparent 56%,var(--lime) 56%,var(--lime) 90%,transparent 90%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
#main .edi .edi-btns{display:flex;flex-wrap:wrap;gap:12px}
#main .edi .edi-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--g)!important;color:#fff!important;border:1.5px solid var(--g)!important;border-radius:14px!important;padding:16px 24px!important;font:600 16px/1 "EdcGeologica",sans-serif!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:none;height:auto!important;width:auto}
#main .edi .edi-btn:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);flex:none}
#main .edi .edi-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(30,30,36,.16)}
#main .edi .edi-btn.ghost{background:#fff!important;color:var(--g)!important;border-color:var(--line)!important}
#main .edi .edi-btn.ghost:before{background:var(--pink)}#main .edi .edi-btn.ghost:hover{border-color:var(--g)!important;box-shadow:none}
#main .edi .edi-btn.lime{background:var(--lime)!important;color:var(--g)!important;border-color:var(--lime)!important}#main .edi .edi-btn.lime:before{background:var(--g)}
#main .edi .edi-more{display:inline-flex;align-items:center;gap:8px;font:600 15px "EdcGeologica",sans-serif}
#main .edi .edi-more i{display:inline-block;width:18px;height:2px;background:currentColor;position:relative;transition:width .25s}
#main .edi .edi-more i:after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
#main .edi a:hover .edi-more i{width:26px}
#main .edi .edi-h2{font:700 clamp(30px,3.4vw,46px)/1.06 "EdcTektur",sans-serif!important;color:var(--g);letter-spacing:-.005em;text-transform:none}
#main .edi .edi-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font:500 14px/1.4 "EdcGeologica",sans-serif;color:var(--mut)}
#main .edi .edi-meta span{display:inline-flex;align-items:center;gap:8px}
#main .edi .edi-meta span+span:before{content:"";width:4px;height:4px;border-radius:50%;background:#C4C4CE;margin-right:10px}
/* prose */
#main .edi .edi-prose{font:400 18px/1.72 "EdcGeologica",sans-serif;color:var(--ink)}
#main .edi .edi-prose>*+*{margin-top:24px}
#main .edi .edi-prose p{font:inherit;color:inherit;text-indent:0;text-align:left}
#main .edi .edi-prose>p.edi-lead{font-size:21px;line-height:1.6;color:var(--g)}
#main .edi .edi-prose h2{margin-top:72px;font:700 clamp(28px,2.8vw,38px)/1.12 "EdcTektur",sans-serif!important;color:var(--g);letter-spacing:-.005em;text-transform:none;scroll-margin-top:90px}
#main .edi .edi-prose h3{margin-top:44px;font:700 23px/1.25 "EdcTektur",sans-serif!important;color:var(--g);text-transform:none}
#main .edi .edi-prose h2+*,#main .edi .edi-prose h3+*{margin-top:18px}
#main .edi .edi-prose a{color:var(--g);box-shadow:inset 0 -.36em 0 rgba(210,252,81,.9);transition:box-shadow .2s}
#main .edi .edi-prose a:hover{box-shadow:inset 0 -1.2em 0 rgba(210,252,81,.9)}
#main .edi .edi-prose strong{color:var(--g);font-weight:600}
#main .edi .edi-prose ul>li,#main .edi .edi-prose ol>li{position:relative;padding-left:34px}
#main .edi .edi-prose li+li{margin-top:10px}
#main .edi .edi-prose ul>li:before{content:"";position:absolute;left:4px;top:.62em;width:10px;height:10px;border-radius:3px;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--g)}
#main .edi .edi-prose ol{counter-reset:o}
#main .edi .edi-prose ol>li{counter-increment:o;padding-left:46px;min-height:32px}
#main .edi .edi-prose ol>li:before{content:counter(o);position:absolute;left:0;top:-.05em;width:32px;height:32px;border-radius:10px;background:var(--lime);color:var(--g);font:700 16px/32px "EdcTektur",sans-serif;text-align:center}
#main .edi .edi-prose em{font-style:normal;color:var(--g)}
#main .edi .edi-prose blockquote{position:relative;margin-top:36px;padding:28px 32px 28px 84px;background:var(--soft);border-radius:22px;border:0;font:500 19px/1.6 "EdcGeologica",sans-serif;color:var(--g)}
#main .edi .edi-prose blockquote:before{content:"“";position:absolute;left:26px;top:14px;font:700 72px/1 "EdcTektur",sans-serif;color:var(--pink)}
#main .edi .edi-prose blockquote p{margin:0;font:inherit;color:inherit}
#main .edi .edi-prose>.edi-media{margin-top:40px;margin-bottom:8px}
#main .edi .edi-prose>.edi-media+*:not(.edi-media){margin-top:40px}
#main .edi .edi-img img{width:auto;max-width:100%;margin:0 auto;border-radius:20px}
#main .edi .edi-ratio{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#15151a}
#main .edi .edi-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
#main .edi .edi-vf figcaption{margin-top:10px;font:500 13px/1.45 "EdcGeologica",sans-serif;color:var(--mut)}
#main .edi .edi-vg{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#main .edi .edi-vg.odd>.edi-vf:first-child{grid-column:1/-1}
/* form */
#main .edi .edi-form{position:relative;display:grid;gap:16px}
#main .edi .edi-f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#main .edi .edi-fld{display:flex;flex-direction:column;gap:8px}
#main .edi .edi-fld>span{font:600 12px/1.3 "EdcGeologica",sans-serif;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
#main .edi .edi-fld>span i{font-style:normal;font-weight:400;text-transform:none;letter-spacing:0;color:#9A9AA6;margin-left:6px}
#main .edi .edi-fld input,#main .edi .edi-fld textarea{display:block;width:100%!important;height:auto!important;min-height:56px;margin:0!important;border:1.5px solid #E1E1E8!important;border-radius:14px!important;padding:16px 18px!important;background:#fff!important;box-shadow:none;font:400 16px/1.4 "EdcGeologica",sans-serif!important;color:var(--g)!important;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
#main .edi .edi-fld textarea{min-height:108px;resize:vertical}
#main .edi .edi-fld input::placeholder,#main .edi .edi-fld textarea::placeholder{color:#A3A3AE;opacity:1}
#main .edi .edi-fld input:focus,#main .edi .edi-fld textarea:focus{outline:0;border-color:var(--g)!important;box-shadow:0 0 0 4px rgba(210,252,81,.6)}
#main .edi .edi-hp{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}
#main .edi .edi-fbot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:4px}
#main .edi .edi-priv{display:flex;align-items:center;gap:8px;font:400 13px/1.45 "EdcGeologica",sans-serif;color:var(--mut);max-width:330px}
#main .edi .edi-priv svg{flex:none;width:18px;height:18px;stroke:var(--mut);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#main .edi a:focus-visible,#main .edi button:focus-visible{outline:2px solid var(--g)!important;outline-offset:3px}
/* cards shared */
#main .edi .edi-svc{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;transition:transform .3s,border-color .3s,box-shadow .3s;height:100%}
#main .edi .edi-svc img{width:64px;height:64px;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
#main .edi .edi-svc h3{font:700 22px/1.15 "EdcTektur",sans-serif!important;color:var(--g);margin-top:6px;text-transform:none}
#main .edi .edi-svc p{font:400 15px/1.55 "EdcGeologica",sans-serif;color:var(--mut);flex:1}
#main .edi .edi-svc:hover{border-color:var(--g);transform:translateY(-3px);box-shadow:0 14px 34px rgba(30,30,36,.08)}#main .edi .edi-svc:hover img{transform:rotate(-7deg) scale(1.05)}
#main .edi .edi-pg{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:56px}
#main .edi .edi-pg a,#main .edi .edi-pg span{min-width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:14px;border:1.5px solid var(--line);font:600 15px/1 "EdcGeologica",sans-serif;color:var(--g);background:#fff}
#main .edi .edi-pg .on{background:var(--g);border-color:var(--g);color:#fff}#main .edi .edi-pg .dots{border:0;min-width:20px;padding:0}
#main .edi .edi-pg a:hover{border-color:var(--g)}#main .edi .edi-pg .nx{gap:8px}
#main .edi .edi-pg .nx svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:760px){
 #main .edi .edi-wrap{padding:0 20px}
 #main .edi{padding-bottom:64px;font-size:16px}
 #main .edi .edi-prose{font-size:17px;line-height:1.68}
 #main .edi .edi-prose>p.edi-lead{font-size:19px}
 #main .edi .edi-prose h2{margin-top:52px}
 #main .edi .edi-prose blockquote{padding:58px 22px 22px;font-size:17px}#main .edi .edi-prose blockquote:before{left:20px;top:8px;font-size:60px}
 #main .edi .edi-f2{grid-template-columns:1fr}
 #main .edi .edi-btns .edi-btn{flex:1 1 auto}
 #main .edi .edi-vg{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:-20px!important;margin-right:-20px!important;padding:0 20px 6px;scrollbar-width:none}
 #main .edi .edi-vg::-webkit-scrollbar{display:none}
 #main .edi .edi-vg>.edi-vf{flex:0 0 86%;scroll-snap-align:center}
 #main .edi .edi-pg a.num,#main .edi .edi-pg .dots{display:none}#main .edi .edi-pg a.num.keep{display:inline-flex}
}
@media (prefers-reduced-motion:reduce){#main .edi *{transition:none!important}#main .edi *:hover{transform:none!important}}
#main .edi-a .edi-hero{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:56px;align-items:center;padding:76px 30px 84px}
#main .edi-a .edi-hero.solo{grid-template-columns:minmax(0,1fr);padding-bottom:56px}
#main .edi-a .edi-hero .edi-btns{margin-top:34px}
#main .edi-a .edi-hero .edi-meta{margin-top:22px}
#main .edi-a .edi-stills{position:relative;height:430px}
#main .edi-a .edi-st{position:absolute;width:66%;aspect-ratio:16/9;border-radius:18px;border:8px solid #fff;box-shadow:0 26px 54px rgba(30,30,36,.2);overflow:hidden;background:#ddd;transition:transform .45s cubic-bezier(.3,1.3,.5,1)}
#main .edi-a .edi-st img{width:100%;height:100%;object-fit:cover}
#main .edi-a .edi-st.s1{left:2%;top:6px;transform:rotate(-5deg)}
#main .edi-a .edi-st.s2{right:0;top:128px;transform:rotate(4deg);z-index:2}
#main .edi-a .edi-st.s3{left:8%;bottom:8px;transform:rotate(-1.5deg);z-index:3}
#main .edi-a .edi-stills:hover .s1{transform:rotate(-7deg) translate(-8px,-6px)}#main .edi-a .edi-stills:hover .s2{transform:rotate(6deg) translate(8px,0)}
#main .edi-a .edi-st0{width:260px;height:260px;margin:60px auto 0;transform:rotate(-6deg)}
#main .edi-a .edi-play{position:absolute;z-index:5;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--lime);box-shadow:0 10px 26px rgba(30,30,36,.25);display:grid;place-items:center}
#main .edi-a .edi-play:after{content:"";margin-left:5px;border-left:18px solid var(--g);border-top:11px solid transparent;border-bottom:11px solid transparent}
#main .edi-a .edi-cnt{position:absolute;right:6%;bottom:2px;z-index:4;background:var(--g);color:#fff;border-radius:99px;padding:9px 14px;font:600 13px/1 "EdcGeologica",sans-serif;display:inline-flex;gap:8px;align-items:center}
#main .edi-a .edi-cnt:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime)}
#main .edi-a .edi-feat{position:relative;isolation:isolate;justify-self:end;width:100%;max-width:470px}
#main .edi-a .edi-feat img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;border:8px solid #fff;box-shadow:0 26px 54px rgba(30,30,36,.18);transform:rotate(2.5deg)}
#main .edi-a .edi-feat:before{content:"";position:absolute;inset:18px -14px -14px 18px;border-radius:24px;background:var(--lime);transform:rotate(-2deg);z-index:-1}
#main .edi-a .edi-col{max-width:760px;margin:0 auto}
@media (min-width:1180px){#main .edi-a .edi-col>.edi-media{margin-left:-140px;margin-right:-140px}}
#main .edi-a .edi-cta{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start;background:var(--soft);border-radius:32px;padding:60px;margin-top:120px;scroll-margin-top:40px}
#main .edi-a .edi-cta .edi-h2{margin:18px 0 0}
#main .edi-a .edi-cta .edi-sub{margin-top:18px;font-size:17px;line-height:1.6;color:var(--ink);max-width:440px}
#main .edi-a .edi-ic{position:absolute;left:-26px;top:-38px;width:104px;height:104px;transform:rotate(-8deg);filter:drop-shadow(0 14px 22px rgba(30,30,36,.18))}
#main .edi-a .edi-quiz{margin-top:34px;padding-top:28px;border-top:1px solid #E1E1E8;max-width:440px}
#main .edi-a .edi-quiz b{display:block;font:600 17px/1.3 "EdcGeologica",sans-serif;color:var(--g)}
#main .edi-a .edi-quiz p{margin:6px 0 18px;font-size:15px;line-height:1.55;color:var(--mut)}
#main .edi-a .edi-tel{margin-top:22px;font:400 14px/1.5 "EdcGeologica",sans-serif;color:var(--mut)}#main .edi-a .edi-tel a{color:var(--g);font-weight:600;box-shadow:inset 0 -2px 0 var(--lime)}
#main .edi-a .edi-fcard{background:#fff;border-radius:24px;padding:34px;box-shadow:0 24px 60px rgba(30,30,36,.08)}
#main .edi-a .edi-relh{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:110px 0 28px}
#main .edi-a .edi-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#main .edi-a .edi-pc{display:flex;flex-direction:column;gap:10px}
#main .edi-a .edi-pc .im{border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:var(--soft)}
#main .edi-a .edi-pc .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
#main .edi-a .edi-pc:hover .im img{transform:scale(1.04)}
#main .edi-a .edi-pc>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#main .edi-a .edi-pc time{margin-top:8px;font:500 13px/1.3 "EdcGeologica",sans-serif;color:var(--mut)}
#main .edi-a .edi-pc h3{font:700 21px/1.22 "EdcTektur",sans-serif!important;color:var(--g);text-transform:none}
#main .edi-a .edi-pc:hover h3 span{box-shadow:inset 0 -.32em 0 var(--lime)}
#main .edi-a .edi-pc p{font:400 15px/1.5 "EdcGeologica",sans-serif;color:var(--mut)}
#main .edi-a .edi-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:64px}
#main .edi-a .edi-top .im{aspect-ratio:4/3}
#main .edi-a .edi-top h3{font-size:clamp(28px,3vw,40px)!important;line-height:1.1!important}
#main .edi-a .edi-top p{font-size:17px}
#main .edi-a .edi-top .edi-more{margin-top:14px}
#main .edi-a .edi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}
#main .edi-a .edi-ask{display:flex;flex-direction:column;justify-content:space-between;gap:18px;border-radius:24px;background:var(--soft);padding:30px}
#main .edi-a .edi-ask img{width:84px;height:84px;transform:rotate(-6deg)}
#main .edi-a .edi-ask h3{font-size:26px!important}#main .edi-a .edi-ask p{font-size:15px}
#main .edi-a .edi-hub .edi-meta{justify-content:flex-end}
#main .edi-a .edi-hub{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:76px 30px 56px}
#main .edi-a .edi-back{display:flex;justify-content:center;margin-top:64px}
@media (max-width:1100px){#main .edi-a .edi-hero{grid-template-columns:1fr 400px;gap:36px}#main .edi-a .edi-stills{height:360px}}
@media (max-width:900px){#main .edi-a .edi-cta{grid-template-columns:1fr;gap:36px;padding:44px 32px}#main .edi-a .edi-grid{grid-template-columns:1fr 1fr}#main .edi-a .edi-g3{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
 #main .edi-a .edi-hero{grid-template-columns:1fr;gap:34px;padding:36px 20px 44px}
 #main .edi-a .edi-stills{height:248px;margin:0 6px}
 #main .edi-a .edi-st{border-width:5px;border-radius:14px}
 #main .edi-a .edi-play{width:54px;height:54px;margin:-27px 0 0 -27px}
 #main .edi-a .edi-feat{max-width:none;margin:0 8px}
 #main .edi-a .edi-cta{margin:84px -6px 0;padding:46px 20px 22px;border-radius:26px}
 #main .edi-a .edi-ic{left:auto;right:10px;top:-40px;width:84px;height:84px}
 #main .edi-a .edi-fcard{padding:22px 18px;margin:0 -6px}
 #main .edi-a .edi-relh{margin:76px 0 22px;flex-direction:column;align-items:flex-start}
 #main .edi-a .edi-g3,#main .edi-a .edi-grid{grid-template-columns:1fr;gap:34px}
 #main .edi-a .edi-top{grid-template-columns:1fr;gap:18px;margin-bottom:34px}
 #main .edi-a .edi-hub{flex-direction:column;align-items:flex-start;gap:16px;padding:36px 20px 34px}
 #main .edi-a .edi-hub .edi-meta{justify-content:flex-start}
}
/* ---- production additions (not in the mockup) ---- */
/* Long words in the H1 (e.g. «ПРЕЗЕНТАЦИОННЫЕ», «ARCHITECTURAL»): the template puts the longest word length into --w; the
   H1 shrinks just enough to fit its column (container query units; browsers without them keep the mockup clamp). */
#main .edi-a .edi-hero>div:first-child{container-type:inline-size;min-width:0}
#main .edi h1.edi-h1{font-size:min(clamp(46px,6.6vw,96px),calc(100cqi / (var(--w,8) * .67)))!important;overflow-wrap:break-word}
#main .edi h1.edi-h1.post{font-size:min(clamp(34px,4.2vw,58px),calc(100cqi / (var(--w,8) * .62)))!important}
@media (max-width:760px){#main .edi-a .edi-hero{grid-template-columns:minmax(0,1fr)}}
#main .edi .edi-ask p{margin-top:10px;color:var(--mut)}
#main .edi button.edi-btn[disabled]{opacity:.6;cursor:progress;transform:none!important;box-shadow:none!important}
#main .edi .edi-ferr{font:500 14px/1.5 "EdcGeologica",sans-serif;color:#B4235A;background:#FFF0F6;border-radius:12px;padding:12px 14px}
#main .edi .edi-ferr a{color:inherit;font-weight:600;box-shadow:inset 0 -2px 0 var(--pink)}
#main .edi .edi-done{display:flex;align-items:center;gap:16px;min-height:220px;padding:10px 6px;font:600 20px/1.4 "EdcGeologica",sans-serif;color:var(--g)}
#main .edi .edi-done[hidden],#main .edi [hidden]{display:none!important}
#main .edi .edi-done svg{flex:none;width:56px;height:56px;padding:12px;border-radius:50%;background:var(--lime);stroke:var(--g);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#main .edi .edi-fld input:user-invalid{border-color:#E0498F!important}
#main .edi .edi-pg .nx.prev svg{order:-1}
/* «Інші послуги»: all other services from the hub (14) -> compact hub-style cards, icon left, 3 columns */
#main .edi-a .edi-g3 .edi-svc{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto 1fr auto;column-gap:18px;row-gap:6px;padding:22px}
#main .edi-a .edi-g3 .edi-svc img{grid-row:1/4}
#main .edi-a .edi-g3 .edi-svc h3{margin-top:2px;font-size:20px!important}
#main .edi-a .edi-g3 .edi-svc p{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#main .edi-a .edi-g3 .edi-svc .edi-more{font-size:14px}
/* the post content can contain things the mockup did not: tables, captions, h4 */
#main .edi .edi-prose h4{margin-top:32px;font:700 19px/1.3 "EdcGeologica",sans-serif;color:var(--g)}
#main .edi .edi-prose table{width:100%;border-collapse:collapse;font-size:16px}
#main .edi .edi-prose td,#main .edi .edi-prose th{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
#main .edi .edi-prose .wp-caption{max-width:100%!important;width:auto!important}
#main .edi .edi-prose .wp-caption-text,#main .edi .edi-prose figcaption{margin-top:10px;font:500 13px/1.45 "EdcGeologica",sans-serif;color:var(--mut);text-align:center}
#main .edi .edi-prose iframe:not(.edi-ratio iframe){max-width:100%}
#main .edi .edi-img a{display:block;box-shadow:none!important}
/* ===== 3. Blog list + posts: prefix .edb (identical component rules) ===== */
#main .edb{--g:#1E1E24;--lime:#D2FC51;--pink:#FC84C8;--mut:#5F5F6B;--line:#E9E9EE;--soft:#F5F5F8;--ink:#3A3A44;
 font:400 17px/1.65 "EdcGeologica",sans-serif;color:var(--g);-webkit-font-smoothing:antialiased;padding-bottom:96px;overflow-x:clip}
#main .edb *{box-sizing:border-box}
#main .edb :where(h1,h2,h3,h4,p,ul,ol,li,figure,blockquote,section,div,span,form,label,nav,aside,article){margin:0;padding:0}
#main .edb ul,#main .edb ol{list-style:none}
#main .edb a{color:inherit;text-decoration:none}#main .edb a:hover{color:inherit}
#main .edb img{display:block;max-width:100%;height:auto}
#main .edb .edb-wrap{max-width:1260px;margin:0 auto;padding:0 30px}
#main .edb .edb-eyebrow{display:inline-flex;align-items:center;gap:8px;font:500 13px/1.6 "EdcGeologica",sans-serif!important;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
#main .edb .edb-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pink)}
#main .edb .edb-eyebrow a:hover{color:var(--g)}#main .edb .edb-eyebrow .sep{opacity:.45}
#main .edb h1.edb-h1{margin:18px 0 0;font:700 clamp(46px,6.6vw,96px)/.98 "EdcTektur",sans-serif!important;letter-spacing:-.01em;color:var(--g);text-transform:uppercase}
#main .edb h1.edb-h1.post{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.08!important;text-transform:none;letter-spacing:-.005em}
#main .edb .edb-mark{background:linear-gradient(transparent 56%,var(--lime) 56%,var(--lime) 90%,transparent 90%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
#main .edb .edb-btns{display:flex;flex-wrap:wrap;gap:12px}
#main .edb .edb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--g)!important;color:#fff!important;border:1.5px solid var(--g)!important;border-radius:14px!important;padding:16px 24px!important;font:600 16px/1 "EdcGeologica",sans-serif!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:none;height:auto!important;width:auto}
#main .edb .edb-btn:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);flex:none}
#main .edb .edb-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(30,30,36,.16)}
#main .edb .edb-btn.ghost{background:#fff!important;color:var(--g)!important;border-color:var(--line)!important}
#main .edb .edb-btn.ghost:before{background:var(--pink)}#main .edb .edb-btn.ghost:hover{border-color:var(--g)!important;box-shadow:none}
#main .edb .edb-btn.lime{background:var(--lime)!important;color:var(--g)!important;border-color:var(--lime)!important}#main .edb .edb-btn.lime:before{background:var(--g)}
#main .edb .edb-more{display:inline-flex;align-items:center;gap:8px;font:600 15px "EdcGeologica",sans-serif}
#main .edb .edb-more i{display:inline-block;width:18px;height:2px;background:currentColor;position:relative;transition:width .25s}
#main .edb .edb-more i:after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
#main .edb a:hover .edb-more i{width:26px}
#main .edb .edb-h2{font:700 clamp(30px,3.4vw,46px)/1.06 "EdcTektur",sans-serif!important;color:var(--g);letter-spacing:-.005em;text-transform:none}
#main .edb .edb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font:500 14px/1.4 "EdcGeologica",sans-serif;color:var(--mut)}
#main .edb .edb-meta span{display:inline-flex;align-items:center;gap:8px}
#main .edb .edb-meta span+span:before{content:"";width:4px;height:4px;border-radius:50%;background:#C4C4CE;margin-right:10px}
/* prose */
#main .edb .edb-prose{font:400 18px/1.72 "EdcGeologica",sans-serif;color:var(--ink)}
#main .edb .edb-prose>*+*{margin-top:24px}
#main .edb .edb-prose p{font:inherit;color:inherit;text-indent:0;text-align:left}
#main .edb .edb-prose>p.edb-lead{font-size:21px;line-height:1.6;color:var(--g)}
#main .edb .edb-prose h2{margin-top:72px;font:700 clamp(28px,2.8vw,38px)/1.12 "EdcTektur",sans-serif!important;color:var(--g);letter-spacing:-.005em;text-transform:none;scroll-margin-top:90px}
#main .edb .edb-prose h3{margin-top:44px;font:700 23px/1.25 "EdcTektur",sans-serif!important;color:var(--g);text-transform:none}
#main .edb .edb-prose h2+*,#main .edb .edb-prose h3+*{margin-top:18px}
#main .edb .edb-prose a{color:var(--g);box-shadow:inset 0 -.36em 0 rgba(210,252,81,.9);transition:box-shadow .2s}
#main .edb .edb-prose a:hover{box-shadow:inset 0 -1.2em 0 rgba(210,252,81,.9)}
#main .edb .edb-prose strong{color:var(--g);font-weight:600}
#main .edb .edb-prose ul>li,#main .edb .edb-prose ol>li{position:relative;padding-left:34px}
#main .edb .edb-prose li+li{margin-top:10px}
#main .edb .edb-prose ul>li:before{content:"";position:absolute;left:4px;top:.62em;width:10px;height:10px;border-radius:3px;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--g)}
#main .edb .edb-prose ol{counter-reset:o}
#main .edb .edb-prose ol>li{counter-increment:o;padding-left:46px;min-height:32px}
#main .edb .edb-prose ol>li:before{content:counter(o);position:absolute;left:0;top:-.05em;width:32px;height:32px;border-radius:10px;background:var(--lime);color:var(--g);font:700 16px/32px "EdcTektur",sans-serif;text-align:center}
#main .edb .edb-prose em{font-style:normal;color:var(--g)}
#main .edb .edb-prose blockquote{position:relative;margin-top:36px;padding:28px 32px 28px 84px;background:var(--soft);border-radius:22px;border:0;font:500 19px/1.6 "EdcGeologica",sans-serif;color:var(--g)}
#main .edb .edb-prose blockquote:before{content:"“";position:absolute;left:26px;top:14px;font:700 72px/1 "EdcTektur",sans-serif;color:var(--pink)}
#main .edb .edb-prose blockquote p{margin:0;font:inherit;color:inherit}
#main .edb .edb-prose>.edb-media{margin-top:40px;margin-bottom:8px}
#main .edb .edb-prose>.edb-media+*:not(.edb-media){margin-top:40px}
#main .edb .edb-img img{width:auto;max-width:100%;margin:0 auto;border-radius:20px}
#main .edb .edb-ratio{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#15151a}
#main .edb .edb-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
#main .edb .edb-vf figcaption{margin-top:10px;font:500 13px/1.45 "EdcGeologica",sans-serif;color:var(--mut)}
#main .edb .edb-vg{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#main .edb .edb-vg.odd>.edb-vf:first-child{grid-column:1/-1}
/* form */
#main .edb .edb-form{position:relative;display:grid;gap:16px}
#main .edb .edb-f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#main .edb .edb-fld{display:flex;flex-direction:column;gap:8px}
#main .edb .edb-fld>span{font:600 12px/1.3 "EdcGeologica",sans-serif;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
#main .edb .edb-fld>span i{font-style:normal;font-weight:400;text-transform:none;letter-spacing:0;color:#9A9AA6;margin-left:6px}
#main .edb .edb-fld input,#main .edb .edb-fld textarea{display:block;width:100%!important;height:auto!important;min-height:56px;margin:0!important;border:1.5px solid #E1E1E8!important;border-radius:14px!important;padding:16px 18px!important;background:#fff!important;box-shadow:none;font:400 16px/1.4 "EdcGeologica",sans-serif!important;color:var(--g)!important;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
#main .edb .edb-fld textarea{min-height:108px;resize:vertical}
#main .edb .edb-fld input::placeholder,#main .edb .edb-fld textarea::placeholder{color:#A3A3AE;opacity:1}
#main .edb .edb-fld input:focus,#main .edb .edb-fld textarea:focus{outline:0;border-color:var(--g)!important;box-shadow:0 0 0 4px rgba(210,252,81,.6)}
#main .edb .edb-hp{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}
#main .edb .edb-fbot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:4px}
#main .edb .edb-priv{display:flex;align-items:center;gap:8px;font:400 13px/1.45 "EdcGeologica",sans-serif;color:var(--mut);max-width:330px}
#main .edb .edb-priv svg{flex:none;width:18px;height:18px;stroke:var(--mut);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#main .edb a:focus-visible,#main .edb button:focus-visible{outline:2px solid var(--g)!important;outline-offset:3px}
/* cards shared */
#main .edb .edb-svc{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;transition:transform .3s,border-color .3s,box-shadow .3s;height:100%}
#main .edb .edb-svc img{width:64px;height:64px;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
#main .edb .edb-svc h3{font:700 22px/1.15 "EdcTektur",sans-serif!important;color:var(--g);margin-top:6px;text-transform:none}
#main .edb .edb-svc p{font:400 15px/1.55 "EdcGeologica",sans-serif;color:var(--mut);flex:1}
#main .edb .edb-svc:hover{border-color:var(--g);transform:translateY(-3px);box-shadow:0 14px 34px rgba(30,30,36,.08)}#main .edb .edb-svc:hover img{transform:rotate(-7deg) scale(1.05)}
#main .edb .edb-pg{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:56px}
#main .edb .edb-pg a,#main .edb .edb-pg span{min-width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:14px;border:1.5px solid var(--line);font:600 15px/1 "EdcGeologica",sans-serif;color:var(--g);background:#fff}
#main .edb .edb-pg .on{background:var(--g);border-color:var(--g);color:#fff}#main .edb .edb-pg .dots{border:0;min-width:20px;padding:0}
#main .edb .edb-pg a:hover{border-color:var(--g)}#main .edb .edb-pg .nx{gap:8px}
#main .edb .edb-pg .nx svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:760px){
 #main .edb .edb-wrap{padding:0 20px}
 #main .edb{padding-bottom:64px;font-size:16px}
 #main .edb .edb-prose{font-size:17px;line-height:1.68}
 #main .edb .edb-prose>p.edb-lead{font-size:19px}
 #main .edb .edb-prose h2{margin-top:52px}
 #main .edb .edb-prose blockquote{padding:58px 22px 22px;font-size:17px}#main .edb .edb-prose blockquote:before{left:20px;top:8px;font-size:60px}
 #main .edb .edb-f2{grid-template-columns:1fr}
 #main .edb .edb-btns .edb-btn{flex:1 1 auto}
 #main .edb .edb-vg{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:-20px!important;margin-right:-20px!important;padding:0 20px 6px;scrollbar-width:none}
 #main .edb .edb-vg::-webkit-scrollbar{display:none}
 #main .edb .edb-vg>.edb-vf{flex:0 0 86%;scroll-snap-align:center}
 #main .edb .edb-pg a.num,#main .edb .edb-pg .dots{display:none}#main .edb .edb-pg a.num.keep{display:inline-flex}
}
@media (prefers-reduced-motion:reduce){#main .edb *{transition:none!important}#main .edb *:hover{transform:none!important}}
#main .edb-a .edb-hero{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:56px;align-items:center;padding:76px 30px 84px}
#main .edb-a .edb-hero.solo{grid-template-columns:minmax(0,1fr);padding-bottom:56px}
#main .edb-a .edb-hero .edb-btns{margin-top:34px}
#main .edb-a .edb-hero .edb-meta{margin-top:22px}
#main .edb-a .edb-stills{position:relative;height:430px}
#main .edb-a .edb-st{position:absolute;width:66%;aspect-ratio:16/9;border-radius:18px;border:8px solid #fff;box-shadow:0 26px 54px rgba(30,30,36,.2);overflow:hidden;background:#ddd;transition:transform .45s cubic-bezier(.3,1.3,.5,1)}
#main .edb-a .edb-st img{width:100%;height:100%;object-fit:cover}
#main .edb-a .edb-st.s1{left:2%;top:6px;transform:rotate(-5deg)}
#main .edb-a .edb-st.s2{right:0;top:128px;transform:rotate(4deg);z-index:2}
#main .edb-a .edb-st.s3{left:8%;bottom:8px;transform:rotate(-1.5deg);z-index:3}
#main .edb-a .edb-stills:hover .s1{transform:rotate(-7deg) translate(-8px,-6px)}#main .edb-a .edb-stills:hover .s2{transform:rotate(6deg) translate(8px,0)}
#main .edb-a .edb-st0{width:260px;height:260px;margin:60px auto 0;transform:rotate(-6deg)}
#main .edb-a .edb-play{position:absolute;z-index:5;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--lime);box-shadow:0 10px 26px rgba(30,30,36,.25);display:grid;place-items:center}
#main .edb-a .edb-play:after{content:"";margin-left:5px;border-left:18px solid var(--g);border-top:11px solid transparent;border-bottom:11px solid transparent}
#main .edb-a .edb-cnt{position:absolute;right:6%;bottom:2px;z-index:4;background:var(--g);color:#fff;border-radius:99px;padding:9px 14px;font:600 13px/1 "EdcGeologica",sans-serif;display:inline-flex;gap:8px;align-items:center}
#main .edb-a .edb-cnt:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime)}
#main .edb-a .edb-feat{position:relative;isolation:isolate;justify-self:end;width:100%;max-width:470px}
#main .edb-a .edb-feat img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;border:8px solid #fff;box-shadow:0 26px 54px rgba(30,30,36,.18);transform:rotate(2.5deg)}
#main .edb-a .edb-feat:before{content:"";position:absolute;inset:18px -14px -14px 18px;border-radius:24px;background:var(--lime);transform:rotate(-2deg);z-index:-1}
#main .edb-a .edb-col{max-width:760px;margin:0 auto}
@media (min-width:1180px){#main .edb-a .edb-col>.edb-media{margin-left:-140px;margin-right:-140px}}
#main .edb-a .edb-cta{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start;background:var(--soft);border-radius:32px;padding:60px;margin-top:120px;scroll-margin-top:40px}
#main .edb-a .edb-cta .edb-h2{margin:18px 0 0}
#main .edb-a .edb-cta .edb-sub{margin-top:18px;font-size:17px;line-height:1.6;color:var(--ink);max-width:440px}
#main .edb-a .edb-ic{position:absolute;left:-26px;top:-38px;width:104px;height:104px;transform:rotate(-8deg);filter:drop-shadow(0 14px 22px rgba(30,30,36,.18))}
#main .edb-a .edb-quiz{margin-top:34px;padding-top:28px;border-top:1px solid #E1E1E8;max-width:440px}
#main .edb-a .edb-quiz b{display:block;font:600 17px/1.3 "EdcGeologica",sans-serif;color:var(--g)}
#main .edb-a .edb-quiz p{margin:6px 0 18px;font-size:15px;line-height:1.55;color:var(--mut)}
#main .edb-a .edb-tel{margin-top:22px;font:400 14px/1.5 "EdcGeologica",sans-serif;color:var(--mut)}#main .edb-a .edb-tel a{color:var(--g);font-weight:600;box-shadow:inset 0 -2px 0 var(--lime)}
#main .edb-a .edb-fcard{background:#fff;border-radius:24px;padding:34px;box-shadow:0 24px 60px rgba(30,30,36,.08)}
#main .edb-a .edb-relh{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:110px 0 28px}
#main .edb-a .edb-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#main .edb-a .edb-pc{display:flex;flex-direction:column;gap:10px}
#main .edb-a .edb-pc .im{border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:var(--soft)}
#main .edb-a .edb-pc .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
#main .edb-a .edb-pc:hover .im img{transform:scale(1.04)}
#main .edb-a .edb-pc>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#main .edb-a .edb-pc time{margin-top:8px;font:500 13px/1.3 "EdcGeologica",sans-serif;color:var(--mut)}
#main .edb-a .edb-pc h3{font:700 21px/1.22 "EdcTektur",sans-serif!important;color:var(--g);text-transform:none}
#main .edb-a .edb-pc:hover h3 span{box-shadow:inset 0 -.32em 0 var(--lime)}
#main .edb-a .edb-pc p{font:400 15px/1.5 "EdcGeologica",sans-serif;color:var(--mut)}
#main .edb-a .edb-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:64px}
#main .edb-a .edb-top .im{aspect-ratio:4/3}
#main .edb-a .edb-top h3{font-size:clamp(28px,3vw,40px)!important;line-height:1.1!important}
#main .edb-a .edb-top p{font-size:17px}
#main .edb-a .edb-top .edb-more{margin-top:14px}
#main .edb-a .edb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}
#main .edb-a .edb-ask{display:flex;flex-direction:column;justify-content:space-between;gap:18px;border-radius:24px;background:var(--soft);padding:30px}
#main .edb-a .edb-ask img{width:84px;height:84px;transform:rotate(-6deg)}
#main .edb-a .edb-ask h3{font-size:26px!important}#main .edb-a .edb-ask p{font-size:15px}
#main .edb-a .edb-hub .edb-meta{justify-content:flex-end}
#main .edb-a .edb-hub{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:76px 30px 56px}
#main .edb-a .edb-back{display:flex;justify-content:center;margin-top:64px}
@media (max-width:1100px){#main .edb-a .edb-hero{grid-template-columns:1fr 400px;gap:36px}#main .edb-a .edb-stills{height:360px}}
@media (max-width:900px){#main .edb-a .edb-cta{grid-template-columns:1fr;gap:36px;padding:44px 32px}#main .edb-a .edb-grid{grid-template-columns:1fr 1fr}#main .edb-a .edb-g3{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
 #main .edb-a .edb-hero{grid-template-columns:1fr;gap:34px;padding:36px 20px 44px}
 #main .edb-a .edb-stills{height:248px;margin:0 6px}
 #main .edb-a .edb-st{border-width:5px;border-radius:14px}
 #main .edb-a .edb-play{width:54px;height:54px;margin:-27px 0 0 -27px}
 #main .edb-a .edb-feat{max-width:none;margin:0 8px}
 #main .edb-a .edb-cta{margin:84px -6px 0;padding:46px 20px 22px;border-radius:26px}
 #main .edb-a .edb-ic{left:auto;right:10px;top:-40px;width:84px;height:84px}
 #main .edb-a .edb-fcard{padding:22px 18px;margin:0 -6px}
 #main .edb-a .edb-relh{margin:76px 0 22px;flex-direction:column;align-items:flex-start}
 #main .edb-a .edb-g3,#main .edb-a .edb-grid{grid-template-columns:1fr;gap:34px}
 #main .edb-a .edb-top{grid-template-columns:1fr;gap:18px;margin-bottom:34px}
 #main .edb-a .edb-hub{flex-direction:column;align-items:flex-start;gap:16px;padding:36px 20px 34px}
 #main .edb-a .edb-hub .edb-meta{justify-content:flex-start}
}
/* ---- production additions (not in the mockup) ---- */
/* Long words in the H1 (e.g. «ПРЕЗЕНТАЦИОННЫЕ», «ARCHITECTURAL»): the template puts the longest word length into --w; the
   H1 shrinks just enough to fit its column (container query units; browsers without them keep the mockup clamp). */
#main .edb-a .edb-hero>div:first-child{container-type:inline-size;min-width:0}
#main .edb h1.edb-h1{font-size:min(clamp(46px,6.6vw,96px),calc(100cqi / (var(--w,8) * .67)))!important;overflow-wrap:break-word}
#main .edb h1.edb-h1.post{font-size:min(clamp(34px,4.2vw,58px),calc(100cqi / (var(--w,8) * .62)))!important}
@media (max-width:760px){#main .edb-a .edb-hero{grid-template-columns:minmax(0,1fr)}}
#main .edb .edb-ask p{margin-top:10px;color:var(--mut)}
#main .edb button.edb-btn[disabled]{opacity:.6;cursor:progress;transform:none!important;box-shadow:none!important}
#main .edb .edb-ferr{font:500 14px/1.5 "EdcGeologica",sans-serif;color:#B4235A;background:#FFF0F6;border-radius:12px;padding:12px 14px}
#main .edb .edb-ferr a{color:inherit;font-weight:600;box-shadow:inset 0 -2px 0 var(--pink)}
#main .edb .edb-done{display:flex;align-items:center;gap:16px;min-height:220px;padding:10px 6px;font:600 20px/1.4 "EdcGeologica",sans-serif;color:var(--g)}
#main .edb .edb-done[hidden],#main .edb [hidden]{display:none!important}
#main .edb .edb-done svg{flex:none;width:56px;height:56px;padding:12px;border-radius:50%;background:var(--lime);stroke:var(--g);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#main .edb .edb-fld input:user-invalid{border-color:#E0498F!important}
#main .edb .edb-pg .nx.prev svg{order:-1}
/* «Інші послуги»: all other services from the hub (14) -> compact hub-style cards, icon left, 3 columns */
#main .edb-a .edb-g3 .edb-svc{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto 1fr auto;column-gap:18px;row-gap:6px;padding:22px}
#main .edb-a .edb-g3 .edb-svc img{grid-row:1/4}
#main .edb-a .edb-g3 .edb-svc h3{margin-top:2px;font-size:20px!important}
#main .edb-a .edb-g3 .edb-svc p{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#main .edb-a .edb-g3 .edb-svc .edb-more{font-size:14px}
/* the post content can contain things the mockup did not: tables, captions, h4 */
#main .edb .edb-prose h4{margin-top:32px;font:700 19px/1.3 "EdcGeologica",sans-serif;color:var(--g)}
#main .edb .edb-prose table{width:100%;border-collapse:collapse;font-size:16px}
#main .edb .edb-prose td,#main .edb .edb-prose th{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
#main .edb .edb-prose .wp-caption{max-width:100%!important;width:auto!important}
#main .edb .edb-prose .wp-caption-text,#main .edb .edb-prose figcaption{margin-top:10px;font:500 13px/1.45 "EdcGeologica",sans-serif;color:var(--mut);text-align:center}
#main .edb .edb-prose iframe:not(.edb-ratio iframe){max-width:100%}
#main .edb .edb-img a{display:block;box-shadow:none!important}