@font-face{font-family:Onest;src:url('https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/tb-kit/3.4.0/fonts/Onest-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url('https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/tb-kit/3.4.0/fonts/Onest-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
body{background:#faf9f6}.st-preview-notice{position:fixed;left:12px;bottom:10px;z-index:9999;background:#31223edb;color:#fff;border-radius:12px;padding:8px 14px;font:12px/1.5 Onest;backdrop-filter:blur(8px);max-width:calc(100% - 24px)}.st-preview-notice details{display:inline-block;margin-left:16px}.st-preview-notice label{display:block}.st-preview-notice select{color:#242628}.st-breadcrumb{max-width:1440px;margin:auto;padding:26px 32px 0;display:flex;gap:12px;font:13px/1.4 Onest;color:#79717e}.st-breadcrumb a{color:inherit}
#stojki-page{--st-purple:#69378b;font-family:Onest,sans-serif}#stojki-page .sg-wrap{max-width:1440px;padding:0 32px;box-sizing:border-box}#stojki-page .sg-hero-grid:has(.sg-hero-gallery){grid-template-columns:minmax(0,550px) minmax(0,1fr);gap:40px}#stojki-page .sg-hero h1{font-size:clamp(36px,4.1vw,58px);line-height:1.07;letter-spacing:-2px}#stojki-page .sg-tagline{font-size:25px;line-height:1.3}#stojki-page .sg-hero-gallery{position:sticky;top:110px}#stojki-page .sg-hero-gallery-image{object-fit:contain;background:#eee7f4;height:620px}#stojki-page .sg-trust{flex-wrap:wrap}#stojki-page .sg-section{margin-top:80px}#stojki-page p{line-height:1.6}#stojki-page h2{letter-spacing:-1.3px}#stojki-page .sg-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#stojki-page .sg-choice-visual{height:300px}#stojki-page .sg-choice-visual img{height:100%;width:100%;object-fit:contain;border-radius:24px}#stojki-page .sg-choice-card a{min-height:44px;display:inline-flex;align-items:center}#stojki-page .sg-proof-tile img{object-fit:contain;background:#fff}#stojki-page .sg-work-grid figure img{object-fit:contain;background:#fff}#stojki-page .sg-proof-showcase{max-width:1440px;margin:auto;margin-top:60px;padding:0 32px}#stojki-page .sg-proof-showcase .sg-proof-row{margin:0}#stojki-page .sg-hero-gallery figcaption{font-size:13px}#stojki-page .sg-hero-rating-avatars{display:none}#stojki-page .sg-hero-proof .sg-proof-eyebrow{color:#6b348e}
#stojki-page [hidden]{display:none!important}#stojki-page .st-small{font-size:13px;color:#726777;line-height:1.5}#stojki-page .st-note{padding:18px 22px;background:#f3edf8;border-left:3px solid #955db9;border-radius:0 14px 14px 0;font-size:14px}#stojki-page .st-comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}#stojki-page .st-comparison-grid article{padding:25px;border-radius:25px;background:#fff}#stojki-page .st-comparison-grid article>span{font-size:11px;letter-spacing:1px;color:#9054b4}#stojki-page .st-comparison-grid h3{font-size:22px;margin:16px 0 12px;line-height:1.25}#stojki-page .st-comparison-grid p{font-size:15px}#stojki-page .st-picker{border-radius:34px;background:#eee6f7;padding:44px}#stojki-page .st-picker-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px}#stojki-page .st-picker-fields fieldset{border:0;border-bottom:1px solid #d9cbe4;margin:0 0 24px;padding:0 0 24px;min-width:0}#stojki-page .st-picker legend{font-size:19px;font-weight:700;margin-bottom:17px}#stojki-page .st-picker legend span{color:#8643b1;font-size:13px;margin-right:12px}#stojki-page .st-picker label{display:block;font-size:14px;margin:14px 0}#stojki-page .st-picker input:not([type=radio]),#stojki-page .st-picker select{display:block;background:#fff;border:1px solid #d8cce1;border-radius:12px;padding:12px 14px;width:100%;font:inherit;margin-top:7px;min-height:48px;box-sizing:border-box}#stojki-page .st-task-buttons{display:grid;gap:8px}#stojki-page .st-task-buttons label{margin:0;background:#ffffffa6;border-radius:12px;padding:14px;display:flex;gap:10px;align-items:center}#stojki-page .st-task-buttons label:has(input:checked){outline:2px solid #9754bd;background:#fff}#stojki-page .st-picker-preview{background:#fff;border-radius:26px;padding:25px;align-self:start;position:sticky;top:110px}#stojki-page .st-picker-preview h3{font-size:24px}#stojki-page .st-demo-panel{background:#f5effb;border-radius:18px}#stojki-page .st-demo-panel svg{display:block;width:100%;height:auto}#stojki-page #pick-summary{font-size:14px}#stojki-page #pick-summary div{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;border-bottom:1px solid #eee7f3;padding:10px 0}#stojki-page #pick-summary dt{color:#75687e}#stojki-page #pick-summary dd{margin:0;text-align:right;overflow-wrap:anywhere}#stojki-page #pick-recommendation{font-size:14px;color:#654675}#stojki-page .st-picker-preview .sg-btn{width:100%;justify-content:space-between}#stojki-page .st-reset{background:none;border:0;color:#765089;text-decoration:underline;padding:12px;display:block;margin:auto;min-height:44px}#stojki-page details>summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;gap:15px}#stojki-page details>summary:after{content:'+';margin-left:auto;color:#8555a2;font-size:24px;font-weight:400}#stojki-page details[open]>summary:after{content:'−'}#stojki-page details>p{font-size:15px;margin:12px 0}#stojki-page .st-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}#stojki-page .st-split figure{margin:0}#stojki-page .st-split img{width:100%;height:auto;border-radius:25px}#stojki-page .st-split figcaption{font-size:12px;color:#7c7185;margin-top:12px}#stojki-page .st-split details{border-bottom:1px solid #e0d5e7;padding:8px 0}#stojki-page .st-dimension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#stojki-page .st-dimension-grid article{background:#fff;padding:25px;border-radius:25px}#stojki-page .st-dimension-grid h3{font-size:22px;line-height:1.2}#stojki-page .st-dimension-grid p{font-size:15px}#stojki-page .st-price-note{background:#fff0e2;border-radius:20px;padding:24px;margin:25px 0}#stojki-page .st-price-note strong{font-size:22px;color:#593676}#stojki-page .st-price-note p{font-size:15px;margin:10px 0 0}#stojki-page .st-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}#stojki-page .st-price-row{background:#fff;border-radius:16px;padding:16px 20px}#stojki-page .st-price-row summary{font-size:15px;font-weight:400;justify-content:space-between;gap:15px}#stojki-page .st-price-row summary span{max-width:60%}#stojki-page .st-price-row summary strong{white-space:nowrap;font-size:18px;color:#6a338c}#stojki-page .st-price-row summary:after{display:none}#stojki-page .st-price-row p{font-size:14px}#stojki-page .st-text-cta{color:#793599;font-weight:700;display:inline-flex;gap:15px;min-height:44px;align-items:center}#stojki-page .st-price-factors{padding:26px 0}#stojki-page .st-price-factors h3{font-size:24px}#stojki-page .st-price-factors p{max-width:980px;font-size:16px}#stojki-page .st-mockup{background:#f2edf8;border-radius:32px;padding:42px}#stojki-page .st-mockup h2{font-size:40px}#stojki-page .st-form-optional{font-size:13px;margin:12px 0}#stojki-page .st-form-optional summary{min-height:34px;font-weight:400;color:#786487}#stojki-page .st-form-optional input,#stojki-page .st-form-optional textarea{width:100%;border:1px solid #dcd1e7;border-radius:10px;padding:12px;box-sizing:border-box;font:inherit}#stojki-page .st-form-optional label{margin-top:12px}#stojki-page .st-form-optional label span{font-weight:400;color:#83768e}#stojki-page .st-final-order{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#30203f;color:#fff;border-radius:34px;padding:45px}#stojki-page .st-final-order h2{color:#fff;font-size:44px}#stojki-page .st-final-order h2 em{color:#cfaae6}#stojki-page .st-final-order>div>img{width:100%;height:360px;object-fit:contain;border-radius:22px;margin-top:20px;background:#eae1f2}#stojki-page .st-final-form{align-self:center;min-width:0}#stojki-page .st-final-form .sg-quick-form{color:#242628}#stojki-page .st-mini-manager{display:flex;align-items:center;gap:15px;margin:16px 0}#stojki-page .st-mini-manager img{width:56px;height:56px;object-fit:cover;border-radius:50%;object-position:50% 20%}#stojki-page .st-mini-manager p{font-size:13px;margin:0}#stojki-page .st-order-direct{display:flex;flex-wrap:wrap;gap:12px}#stojki-page .st-order-direct a{color:#fff;border:1px solid #9879ad;padding:11px 12px;border-radius:12px;font-size:13px}#stojki-page .sg-related{padding:40px;border-radius:32px;background:#fff}#stojki-page .sg-related-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}#stojki-page .sg-related-image img{object-fit:contain;height:180px}#stojki-page .st-useful{margin-top:24px;padding:26px;border-radius:20px;background:#efe8f7}#stojki-page .st-useful h3{font-size:23px}#stojki-page .st-useful p{font-size:15px}#stojki-page .bp-dialog{max-width:min(600px,calc(100vw - 32px));border:0;border-radius:24px;padding:26px;color:#242628;background:#fff}#stojki-page .bp-dialog::backdrop{background:#251832b8}#stojki-page .bp-dialog img{width:100%;height:auto;max-height:78vh;object-fit:contain}#stojki-page .demo-close{border:0;width:44px;height:44px;float:right;border-radius:50%;color:#69358d;background:#f0e8f8;font-size:28px}#stojki-page .demo-context{margin-bottom:12px;font-size:13px}#stojki-page .bp-dialog .sg-quick-form{margin-top:22px}#stojki-page .st-context-title{font-size:23px}#stojki-page .st-catalog-more{margin:20px auto;display:block}
@media(min-width:1100px){#stojki-page .sg-work-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));max-height:none!important;overflow:visible}#stojki-page .sg-work-grid figure img{height:260px;width:100%}#stojki-page .sg-work-grid figure{margin:0}#stojki-page .sg-work-grid figure h3{font-size:17px}}
@media(max-width:1050px){#stojki-page .sg-hero-grid:has(.sg-hero-gallery){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}#stojki-page .st-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#stojki-page .st-picker{padding:28px}#stojki-page .st-picker-grid{gap:24px}#stojki-page .st-split{gap:25px}#stojki-page .st-final-order{gap:25px;padding:30px}#stojki-page .st-dimension-grid{gap:15px}#stojki-page .st-dimension-grid article{padding:20px}}
@media(max-width:850px){.st-breadcrumb{padding:20px 20px 0}#stojki-page .sg-wrap{padding:0 20px}#stojki-page .sg-hero-grid:has(.sg-hero-gallery){grid-template-columns:1fr}#stojki-page .sg-hero-gallery{position:relative;top:auto;max-width:none}#stojki-page .sg-hero-gallery-image{height:430px}#stojki-page .st-picker-grid,#stojki-page .st-split,#stojki-page .st-final-order{grid-template-columns:1fr}#stojki-page .st-picker-preview{position:static}#stojki-page .st-demo-panel{max-width:480px;margin:auto}#stojki-page .st-dimension-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}#stojki-page .st-dimension-grid article{flex:0 0 80%;scroll-snap-align:start}#stojki-page .st-split figure img{max-height:400px;object-fit:contain}#stojki-page .sg-related-links{grid-template-columns:repeat(2,minmax(0,1fr))}#stojki-page .st-final-order>div>img{height:270px}#stojki-page .sg-proof-showcase{padding:0 20px}#stojki-page .st-mockup h2,#stojki-page .st-final-order h2{font-size:37px}}
@media(max-width:560px){.st-breadcrumb{font-size:11px;padding:16px 16px 0}#stojki-page .sg-wrap{padding:0 16px}#stojki-page .sg-hero h1{font-size:37px;letter-spacing:-1.5px}#stojki-page .sg-tagline{font-size:20px}#stojki-page .sg-lead{font-size:15px}#stojki-page .sg-section{margin-top:48px}#stojki-page h2{font-size:31px;line-height:1.15;letter-spacing:-1px}#stojki-page .sg-hero-gallery-image{height:270px}#stojki-page .sg-hero-gallery{padding:10px}#stojki-page .sg-choice-grid{display:flex;overflow:auto;gap:16px}#stojki-page .sg-choice-card{flex:0 0 88%;padding:20px}#stojki-page .sg-choice-card h3{font-size:23px}#stojki-page .sg-choice-visual{height:205px}#stojki-page .sg-choice-card p{font-size:14px}#stojki-page .st-comparison-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}#stojki-page .st-comparison-grid article{flex:0 0 82%;scroll-snap-align:start;padding:22px}#stojki-page .st-picker{padding:24px 18px;border-radius:24px}#stojki-page .st-picker .sg-section-head{margin-bottom:22px}#stojki-page .st-picker-grid{gap:14px}#stojki-page .st-picker-preview{padding:20px}#stojki-page .st-picker-fields fieldset{margin-bottom:18px;padding-bottom:18px}#stojki-page .st-price-list{grid-template-columns:1fr}#stojki-page .st-price-row{padding:13px 16px}#stojki-page .st-price-row summary{font-size:13px}#stojki-page .st-price-row summary strong{font-size:16px}#stojki-page .st-price-note{padding:20px}#stojki-page .st-price-note strong{font-size:20px}#stojki-page .st-split{gap:22px}#stojki-page .st-kit details>p,#stojki-page .st-materials details>p{font-size:14px}#stojki-page .st-mockup{padding:24px 18px}#stojki-page .st-mockup h2,#stojki-page .st-final-order h2{font-size:31px}#stojki-page .st-final-order{padding:25px 18px;border-radius:24px}#stojki-page .st-final-order>div>img{height:230px}#stojki-page .sg-related{padding:24px 18px}#stojki-page .sg-related-links{gap:15px}#stojki-page .sg-related-image img{height:120px}#stojki-page .sg-related-name{font-size:14px}#stojki-page .st-useful{padding:20px}#stojki-page .sg-proof-showcase{padding:0 16px}#stojki-page .bp-dialog{padding:20px}#stojki-page .sg-proof-tile{flex-basis:78vw}#stojki-page .sg-manager{padding:30px 20px}#stojki-page .sg-manager-person .sg-person-photo{height:340px}#stojki-page .sg-manager-copy p,#stojki-page .sg-checks span{font-size:14px}.st-preview-notice{font-size:10px}.st-preview-notice details{margin-left:5px}.st-preview-notice>span{display:none}body{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#stojki-page *{scroll-behavior:auto!important}}

#stojki-page .sg-wrap{width:100%}
#stojki-page{padding-top:0}
#stojki-page .sg-section:not(.sg-manager):not(.sg-consult):not(.sg-delivery):not(.sg-delivery-v30):not(.sg-related):not(.st-picker):not(.st-mockup):not(.st-final-order){padding-top:0;padding-bottom:0}
#stojki-page .st-price-common{font-size:15px;margin:22px 0}
#stojki-page #pick-summary{display:grid;grid-template-columns:1fr 1.3fr;gap:8px 12px;margin:14px 0}
#stojki-page .sg-rating-client-images{display:none}
#stojki-page .st-price-row summary:after{display:block;content:'⌄';font-size:18px}
#stojki-page .sg-faq-list summary:after{display:none}
@media(min-width:1100px){#stojki-page .sg-work-grid>figure{width:auto!important;min-width:0!important;max-width:100%;flex:none}#stojki-page .sg-work-grid figcaption{min-width:0}#stojki-page .sg-work-grid figure h3{white-space:normal;overflow-wrap:anywhere}#stojki-page .sg-work-select{font-size:13px;white-space:normal;padding:14px 12px}}
@media(min-width:1100px){#stojki-page .sg-work-grid>figure{grid-column:auto!important;grid-row:auto!important}}
@media(max-width:560px){.header__brand-logo{width:140px!important;height:auto!important}#stojki-page .sg-faq-questions summary:after{display:none}}
@media(max-width:560px){
 #stojki-page .sg-hero{padding-top:22px}
 #stojki-page .sg-hero-grid:has(.sg-hero-gallery){display:flex;flex-direction:column;gap:16px}
 #stojki-page .sg-copy{display:contents}
 #stojki-page .sg-copy>.sg-kicker{order:0;font-size:10px}
 #stojki-page .sg-copy>h1{order:1;font-size:34px}
 #stojki-page .sg-hero-gallery{order:2;width:100%}
 #stojki-page .sg-copy>.sg-tagline{order:3;font-size:20px}
 #stojki-page .sg-copy>.sg-lead{order:4}
 #stojki-page .sg-copy>.sg-trust{order:5;margin:0}
 #stojki-page .sg-copy>.sg-actions{order:6}
 #stojki-page .sg-copy>.sg-hero-rating{order:7}
 #stojki-page .sg-hero-gallery-image{height:240px}
 #stojki-page .sg-hero-gallery figcaption{font-size:11px}
 #stojki-page .sg-hero-gallery .sg-hero-gallery-thumbs{max-height:60px}
 #stojki-page .sg-manager{padding:26px 20px}
 #stojki-page .sg-manager-person .sg-person-photo{height:320px}
 #stojki-page .st-picker label{margin:10px 0}
 #stojki-page .st-picker legend{font-size:17px}
 #stojki-page .st-demo-panel{max-width:280px}
}

@media(min-width:1100px){#stojki-page .sg-work-grid{grid-auto-flow:row!important;grid-template-rows:none!important;grid-auto-columns:auto!important}}

@media(min-width:561px) and (max-width:850px){
#stojki-page .sg-hero-grid:has(.sg-hero-gallery){display:flex;flex-direction:column;gap:18px}
#stojki-page .sg-copy{display:contents}
#stojki-page .sg-copy>.sg-kicker{order:0}#stojki-page .sg-copy>h1{order:1}
#stojki-page .sg-hero-gallery{order:2;width:100%}#stojki-page .sg-hero-gallery-image{height:360px}
#stojki-page .sg-copy>.sg-tagline{order:3}#stojki-page .sg-copy>.sg-lead{order:4}
#stojki-page .sg-copy>.sg-trust{order:5}#stojki-page .sg-copy>.sg-actions{order:6}#stojki-page .sg-copy>.sg-hero-rating{order:7}
}

#stojki-page .sg-choice-grid{grid-auto-flow:row;grid-template-rows:none;grid-auto-columns:auto}
#stojki-page .sg-choice-card{display:flex!important;flex-direction:column!important;overflow:hidden;padding:0 22px 23px;min-width:0}
#stojki-page .sg-choice-visual{display:block;flex:0 0 300px;height:300px;width:auto;margin:0 -22px 3px;min-height:0;overflow:hidden}
#stojki-page .sg-choice-visual img{display:block;min-height:0;max-height:100%;height:100%;width:100%;object-fit:contain}
#stojki-page .sg-choice-card h3{overflow-wrap:normal;word-break:normal}
@media(max-width:560px){#stojki-page .sg-choice-card{flex:0 0 88%;padding:0 20px 20px}#stojki-page .sg-choice-visual{flex-basis:210px;height:210px;margin:0 -20px 3px;width:auto}}

/* Owner revision v2: fixed controls, readable CTA and neutral image surfaces. */
#stojki-page .sg-hero-gallery-stage,
#stojki-page .sg-hero-gallery-image{background:#fff}
#stojki-page .sg-hero-gallery-stage{padding-bottom:74px}
#stojki-page .sg-hero-gallery-stage>button.sg-hero-gallery-prev,
#stojki-page .sg-hero-gallery-stage>button.sg-hero-gallery-next{top:calc(50% - 37px);transform:translateY(-50%)!important;transition:background-color .15s,box-shadow .15s}
#stojki-page .sg-hero-gallery-stage>button[data-hero-pause]{transform:none!important;bottom:17px;background:#fff;color:#6d35a1;transition:background-color .15s,box-shadow .15s}
#stojki-page a.sg-hero-gallery-pick{opacity:1;transform:none!important;background:#ff8b35;color:#231628;border:1px solid #ed781e;padding:14px 20px;bottom:14px;gap:20px;min-height:46px;box-shadow:none;line-height:1.25;z-index:2}
#stojki-page a.sg-hero-gallery-pick:hover,#stojki-page a.sg-hero-gallery-pick:focus-visible{background:#ff9b50;color:#231628;box-shadow:0 0 0 3px #ff8b3529}
#stojki-page .sg-hero-gallery-prev:hover,#stojki-page .sg-hero-gallery-next:hover{background:#6c32c4}
#stojki-page .sg-hero-gallery-thumbs{flex-wrap:nowrap;overflow-x:auto;max-height:none;padding-bottom:7px;scrollbar-width:thin}
#stojki-page .sg-hero-gallery-thumbs button{flex:0 0 61px}
#stojki-page .sg-hero-gallery-thumbs img{object-fit:contain;background:#fff}
#stojki-page .sg-choice-visual,#stojki-page .sg-work-grid figure img,#stojki-page .st-split img,#stojki-page .st-final-order>div>img{background:#fff}
#stojki-page .st-demo-panel{background:#fff;border:1px solid #ece7ef;max-width:none;overflow:hidden;border-radius:18px}
#stojki-page .st-picker-render{position:relative}
#stojki-page .st-picker-render>img{display:block;width:100%;height:320px;object-fit:contain;background:#fff}
#stojki-page .st-demo-brand{margin:0 18px 18px;border-radius:10px;padding:14px;color:#fff;text-align:center;background:#67308c;overflow-wrap:anywhere;line-height:1.35}
#stojki-page .st-demo-brand small{display:block;opacity:.9;font-size:10px;letter-spacing:.6px;margin-bottom:5px;text-transform:uppercase}
#stojki-page .st-demo-brand strong{display:block;font-size:20px}
#stojki-page .sg-work-grid figure img{height:310px}
#stojki-page .st-concept-note{font-size:13px;color:#716879;max-width:900px;margin:12px 0 24px}
@media(max-width:850px){#stojki-page .sg-hero-gallery-stage{padding-bottom:66px}#stojki-page .sg-hero-gallery-stage>button.sg-hero-gallery-prev,#stojki-page .sg-hero-gallery-stage>button.sg-hero-gallery-next{top:calc(50% - 33px)}#stojki-page .st-picker-render>img{height:330px}}
@media(max-width:560px){#stojki-page a.sg-hero-gallery-pick{font-size:12px;padding:11px 13px;gap:10px;bottom:11px;right:11px;max-width:calc(100% - 69px)}#stojki-page .sg-hero-gallery-stage>button[data-hero-pause]{left:11px;bottom:14px}#stojki-page .st-picker-render>img{height:260px}#stojki-page .st-demo-brand{margin:0 12px 12px;padding:11px}#stojki-page .st-demo-brand strong{font-size:18px}#stojki-page .sg-work-grid figure img{height:280px}}
