/* Own presentation rules; reference: rendered runde.ru, 2026-10-07.
   No Aspro CSS, JavaScript or PHP modules are loaded. */
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-v15-latin_cyrillic-ext-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-v15-latin_cyrillic-ext-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-v15-latin_cyrillic-ext-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-v15-latin_cyrillic-ext-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--navy:#0b2e59;--ink:#333;--muted:#777;--line:#ececec;--paper:#f8f8f8;--blue:#0b2e59}
body{font-family:Montserrat,Arial,sans-serif;font-size:15px;line-height:25px;color:#555}
h1,h2,h3{color:#333;letter-spacing:normal;font-weight:400}
h1{font-size:34px;line-height:1.15;color:#202020}
h2,.about h2{font-size:24px;line-height:1.3;font-weight:400;letter-spacing:normal}
.hero p{font-size:15px;line-height:27px;color:#555}
.hero-copy{max-width:590px}
.eyebrow{font-size:11px;line-height:18px;font-weight:400;letter-spacing:.08em;color:#888}
.nav{color:#fff}.nav a,.nav button{font-size:13px;letter-spacing:.08em;font-weight:700}
.phone{color:#333;font-size:18px}.phone small{font-size:10px;line-height:17px;font-weight:400}
.search{background:#f8f8f8;border-color:#eee;border-radius:2px}
.search input{font-size:13px}.search input::placeholder{color:#888}
.button{font-size:11px;font-weight:400;line-height:18px;letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:15px 24px;min-height:48px}
.button.secondary{color:#333;background:#fff;border-color:#ececec}
.button:hover,.button.secondary:hover{background:#0e3c74;border-color:#0e3c74;color:#fff}
.heading a{font-size:10px;letter-spacing:.08em;color:#777}
.promo h3{color:#fff;font-size:22px;line-height:1.35;font-weight:400}
.category{border:1px solid #ececec;border-radius:0;background:#fff;transition:box-shadow .2s}
.category:hover{border-color:#ececec;box-shadow:0 8px 24px #0000000d}
.category h3{font-size:17px;line-height:25px;font-weight:400}
.offer,.quote,.article img,.about img{border-radius:0}
.offer h3{font-size:24px;font-weight:400}.offer.wide h3{color:#fff}
.reviews,.about{background:#fafafa}.quote strong{font-size:16px;font-weight:600}.quote blockquote{font-size:18px;line-height:29px}
.article h3{font-size:16px;line-height:25px;font-weight:400}.article small{font-size:10px;letter-spacing:.04em;color:#888}
.benefits strong{font-weight:600;color:#333}.benefits p{font-size:13px;line-height:21px}
footer{background:#f6f6f6;color:#333;border-top:1px solid #ececec}
.footer-links{font-size:11px;letter-spacing:.04em}.footer-contact .phone{color:#333;font-size:20px}
.footer-contact small,.social{color:#777}.copyright{border-color:#e6e6e6;color:#777}
.tools{border-color:#eee;box-shadow:0 4px 20px #0000000d}.tools button{color:#777}
@media(max-width:900px){.nav a,.nav button{font-size:11px;letter-spacing:.04em}.phone{font-size:15px}.category h3{font-size:15px;line-height:23px}.promo h3{font-size:19px}}
@media(max-width:600px){h1,.hero h1{font-size:28px;line-height:1.25}h2,.about h2{font-size:22px;line-height:1.35}.hero p{font-size:14px;line-height:24px}.hero .button{font-size:10px;padding:12px 17px;min-height:44px}.hero-copy{padding-bottom:235px}.category h3{font-size:14px;line-height:22px;overflow-wrap:anywhere}.category .eyebrow{font-size:9px;letter-spacing:.02em}.article h3{font-size:14px;line-height:22px}.quote blockquote{font-size:16px;line-height:26px}.offer h3{font-size:20px}.footer-contact .phone{font-size:20px}}

/* Preserve the circular logo at every breakpoint. */
img.logo { height: auto; aspect-ratio: 283 / 76; object-fit: contain; flex-shrink: 0; }
/* Responsive cut-out slider; no large background photograph to download. */
.hero{background:linear-gradient(110deg,#f0f4f7 0%,#e9eff3 65%,#dfe9ef 100%);touch-action:pan-y}
.hero:before{background:radial-gradient(ellipse at 80% 42%,#ffffffb8,transparent 60%);pointer-events:none}
.hero .wrap{grid-template-columns:1.18fr 1fr;min-height:520px;gap:28px}
.hero-copy{padding:64px 0 94px;z-index:1}
.hero h1{font-size:clamp(30px,3vw,42px);line-height:1.2;max-width:660px}
.hero-image{width:100%;height:480px;object-fit:contain;object-position:center bottom;align-self:end}
.slider-controls{align-items:center;bottom:22px;z-index:2;gap:9px}
.slider-action{width:38px;height:38px;border:1px solid #cdd8e0;border-radius:50%;background:#ffffffb8;color:#0b2e59;display:grid;place-items:center;padding:0;font-size:18px}
.slider-action:hover{background:#fff;border-color:#0b2e59}
.slider-controls .dot{position:relative;height:5px;min-width:24px}
.slider-controls .dot:after{content:'';position:absolute;inset:-18px 0}
.slider-controls .dot[data-slide="2"]{margin-right:14px}
@media(max-width:900px) and (min-width:601px){.hero .wrap{gap:10px}.hero-image{height:390px}.hero h1{font-size:30px}.hero-copy{padding-top:44px}}
@media(max-width:600px){.hero .wrap{display:flex;flex-direction:column;gap:0;min-height:0;padding-bottom:64px}.hero-copy{padding:32px 0 12px;width:100%}.hero h1{font-size:28px;max-width:none}.hero p{font-size:14px;max-width:none}.hero .actions{max-width:none;gap:10px}.hero-image{position:static;width:100%;height:285px;align-self:center}.slider-controls{bottom:15px}.hero .button{padding:12px 15px}.slider-action{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.hero *{animation:none!important;transition:none!important}}
/* Original per-slide warehouse photographs, compressed to 7–11 KB each. */
.hero{--hero-background:url('assets/slider/hydraulics-background.webp')}
.hero[data-current-slide="1"]{--hero-background:url('assets/slider/components-background.webp')}
.hero[data-current-slide="2"]{--hero-background:url('assets/slider/automation-background.webp')}
.hero:before{background-image:linear-gradient(90deg,rgba(244,247,249,.87) 0%,rgba(244,247,249,.76) 47%,rgba(238,243,246,.52) 100%),var(--hero-background);background-position:center;background-size:cover;background-repeat:no-repeat}
@media(max-width:600px){.hero:before{background-image:linear-gradient(180deg,rgba(244,247,249,.93),rgba(238,243,246,.67)),var(--hero-background)}}

.hero{--hero-background:url('assets/slider/components-background.webp')}.hero[data-current-slide="1"]{--hero-background:url('assets/slider/hydraulics-background.webp')}
/* Live S2 content in the independent Runde presentation. */
.storefront{padding-top:32px;padding-bottom:64px;min-height:55vh}.breadcrumbs{font-size:12px;margin-bottom:25px}.storefront h1{margin:0 0 28px}.storefront a:not(.button):hover{color:#176fa0}.nav-entry{position:relative}.nav-entry>a{display:block}.nav-dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;color:#333;min-width:260px;box-shadow:0 12px 28px #0002;padding:12px;z-index:30;list-style:none}.nav-entry:hover>.nav-dropdown,.nav-entry:focus-within>.nav-dropdown{display:block}.nav .nav-dropdown a{color:#333;font-size:12px;display:block;padding:9px;letter-spacing:0;font-weight:400}.nav-dropdown ul{list-style:none;padding-left:14px}.nav-dropdown details summary{cursor:pointer}.catalog-panel .wrap{display:block}.catalog-tree{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0}.catalog-tree ul{list-style:none;padding-left:14px}.catalog-tree details{padding:7px 0}.catalog-tree summary{cursor:pointer}.catalog-panel .catalog-tree a{border:0;padding:7px;display:inline-block;background:transparent}.catalog-tree>li{background:#fff;padding:12px;border:1px solid #eee}.section-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.section-links a{border:1px solid #e0e5e9;padding:9px 16px;border-radius:3px}.product-grid,.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0}.product-card,.content-card{min-width:0;padding:22px;border:1px solid #e5e9ed;background:#fff}.product-card>a>img{width:100%;height:190px;object-fit:contain}.product-card h3{font-size:17px;line-height:1.5}.content-card img{width:100%;height:180px;object-fit:cover}.content-card h2{font-size:21px}.price{font-size:23px;font-weight:600;color:#0b2e59;margin:18px 0}.product-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.product-actions label{width:100%;font-size:12px}.product-actions input{width:78px;padding:8px;border:1px solid #ddd}.product-actions .button{font-size:10px;padding:10px 13px;min-height:40px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.product-main{width:100%;height:380px;object-fit:contain}.product-thumbs{display:flex;flex-wrap:wrap;gap:10px}.product-thumbs img{width:80px;height:80px;object-fit:contain;border:1px solid #eee}.specifications{display:grid;grid-template-columns:minmax(150px,1fr) 2fr}.specifications dt,.specifications dd{border-bottom:1px solid #eee;margin:0;padding:12px;overflow-wrap:anywhere}.specifications dt{background:#f6f8fa}.catalog-filter{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:20px;background:#f5f7f9;margin:24px 0}.catalog-filter label{font-size:12px}.catalog-filter input:not([type=checkbox]),.catalog-filter select{display:block;padding:11px;border:1px solid #d6dde3;max-width:100%}.rich-content{overflow-wrap:anywhere;line-height:1.8}.rich-content img{max-width:100%;height:auto}.rich-content table{display:block;overflow:auto;max-width:100%}.rich-content p,.rich-content div{font-family:inherit}.article-cover{max-height:440px;max-width:100%;object-fit:contain;margin:24px 0}.faq{grid-column:1/-1;border:1px solid #e1e6eb;padding:20px}.faq summary{cursor:pointer;font-weight:500}.faq .rich-content{padding-top:16px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.table-scroll{overflow:auto}.compare-table{border-collapse:collapse;min-width:700px}.compare-table td,.compare-table th{padding:16px;border:1px solid #ddd;vertical-align:top;min-width:180px;text-align:left}.storefront input[type=text],.storefront input[type=email],.storefront input[type=password],.storefront textarea{max-width:100%;padding:10px;border:1px solid #ccc;border-radius:3px}.storefront input[type=submit]{background:#0b2e59;color:white;padding:12px 22px;border:0;border-radius:3px;cursor:pointer}.storefront form table{max-width:100%}.form-error{background:#fff1f1;color:#9d2727;padding:20px}.tools a{display:block;text-align:center;padding:17px;border-bottom:1px solid #eee;font-size:22px}.pagination{margin-top:24px}
@media(max-width:900px){.product-grid,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-tree{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.product-grid,.content-grid,.product-detail,.contact-grid{grid-template-columns:1fr}.nav-entry{display:none;width:100%}.nav.expanded .nav-entry{display:block}.nav .nav-dropdown{position:static;box-shadow:none;min-width:0}.nav.expanded .nav-entry>a{display:block}.catalog-tree{grid-template-columns:1fr}.product-main{height:260px}.specifications{grid-template-columns:1fr 1fr}.storefront{padding-top:24px}.storefront h1{font-size:27px}.catalog-filter{padding:14px}.storefront form table td{overflow-wrap:anywhere}.tools{display:flex;top:auto;bottom:0;right:0}.tools a{padding:8px 15px}}
/* S2 timing: 5000 ms hold, 600 ms horizontal transition. */
.hero .slider-controls{left:50%;transform:translateX(-50%);bottom:24px;gap:16px}
.hero .slider-controls .dot,.hero .slider-controls .dot[aria-pressed=true]{width:16px;min-width:16px;height:16px;border:3px solid #b9b9b9;border-radius:50%;background:#fff;padding:0;margin:0}
.hero .slider-controls .dot[aria-pressed=true]{background:#0b2e59;border-color:#0b2e59}
.hero .slider-controls .dot:after{inset:-12px;border-radius:50%}
.hero .slider-controls [data-prev],.hero .slider-controls [data-next]{position:fixed;top:50%;width:42px;height:42px;border:0;border-radius:3px;background:#fff;color:#333;opacity:0;transition:background-color .3s,opacity .3s;font-size:24px}
.hero .slider-controls [data-prev]{left:calc(-1 * min(580px,43vw))}
.hero .slider-controls [data-next]{right:calc(-1 * min(580px,43vw))}
.hero:hover .slider-action,.hero:focus-within .slider-action{opacity:1}
.hero .slider-controls [data-prev]:hover,.hero .slider-controls [data-next]:hover{background:#0b2e59;color:white}
.hero .slider-controls [data-pause]{width:28px;height:28px;font-size:12px;position:absolute;left:calc(100% + 16px);background:#ffffffb0;border:1px solid #c5cdd3}
.hero .button{transition:background-color .3s,border-color .3s;color:white}
.hero .button:hover{background:#174b82;border-color:#174b82}
.hero .button.secondary{color:#333}.hero .button.secondary:hover{color:white}
.hero:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;background:#0b2e5940;transform:scaleX(var(--slide-progress,0));transform-origin:left;pointer-events:none}
@media(max-width:600px){.hero .slider-controls{bottom:22px}.hero .slider-controls [data-prev],.hero .slider-controls [data-next]{display:none}}
/* Standard Bitrix blog components, scoped to the S3 blog. */
.native-blog .news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;font-size:inherit}
.native-blog .news-list>br{display:none}
.native-blog .news-list .news-item{margin:0;padding:24px;border:1px solid var(--line);border-radius:8px;overflow:hidden;line-height:1.7}
.native-blog .news-list .news-item img.preview_picture{float:none;width:100%;height:230px;object-fit:cover;margin:0 0 18px;border-radius:5px}
.native-blog .news-date-time{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}
.native-blog .news-item b{font-size:21px;line-height:1.35}
.native-blog .news-detail{max-width:900px;font-size:inherit;line-height:1.8}
.native-blog .news-detail img.detail_picture{float:none;width:auto;max-height:560px;object-fit:contain;margin:0 0 24px}
.native-blog .news-detail img{max-width:100%;height:auto}
.native-blog .news-detail table{max-width:100%}
.native-blog a:hover{color:#176fa0}
.native-blog .news-list>div:not(.news-item){grid-column:1/-1}
@media(max-width:700px){.native-blog .news-list{grid-template-columns:1fr}.native-blog .news-list .news-item{padding:16px}}