/* Approved catalogue-opening composition. Native layout; product media geometry stays unchanged. */
.ui-scope > .ui-header{border-bottom:1px solid transparent}
.ui-scope .ui-main .ui-hero{border-top:0;padding-top:0}
.ui-scope .ui-main .ui-hero::before,.ui-scope .ui-main .ui-hero::after{content:none;display:none}
.ui-scope .ui-main .ui-hero > .kick{display:none}
.ui-scope .ui-sidebar{padding-inline-end:14px;scrollbar-gutter:stable}
.ui-scope .ui-sidebar > nav:first-of-type{padding-bottom:18px;border-bottom:1px solid var(--ui-line)}
.ui-scope .nav-direction{border-bottom:0}
.ui-scope .nav-direction > summary,.ui-scope .nav-direction.nav-direct{font-size:16px;font-weight:600;min-height:56px;padding:16px 18px;line-height:1.45}
.ui-scope .nav-direction small{font-size:12px}
.ui-scope .ui-sidebar > .sidebar-service{padding:22px 0;gap:3px;font-size:15px}
.ui-scope .ui-sidebar > .sidebar-note{font-size:14px;line-height:1.65}
.ui-scope .ui-main .catalogue-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);column-gap:clamp(48px,4vw,72px);container-type:inline-size;align-items:start;padding:16px 0 54px;margin:0 0 50px;border-bottom:1px solid var(--ui-line)}
.catalogue-opening__lead,.catalogue-opening__context{min-width:0}
.ui-scope .catalogue-opening h1{font-size:clamp(44px,4.4vw,72px);font-size:clamp(44px,6.4cqi,72px);font-weight:700;line-height:1.04;letter-spacing:-.045em;max-width:none;margin:0;color:var(--ui-text);white-space:normal;overflow-wrap:break-word;hyphens:none}
.ui-scope[data-dir=fire] .catalogue-opening h1{font-size:clamp(38px,3.5vw,62px);font-size:clamp(38px,5.25cqi,62px)}
.ui-scope .catalogue-opening .catalogue-opening__subtitle{font-size:clamp(28px,2.3vw,36px);font-weight:400;line-height:1.2;letter-spacing:-.04em;color:#5c6674;margin:10px 0 0}
.ui-scope .catalogue-opening__lead > .ui-actions{margin-top:32px}
.ui-scope .catalogue-opening__lead .button.primary{min-height:56px;padding:15px 40px;font-size:18px;font-weight:600;line-height:1.35}
.ui-scope .catalogue-opening__context{padding-top:clamp(36px,3.8vw,56px)}
.ui-scope .catalogue-opening__context > .lede{font-size:clamp(20px,1.45vw,22px);line-height:1.5;font-weight:400;letter-spacing:-.02em;max-width:37ch;color:var(--ui-text);margin:0}
.ui-scope .catalogue-opening__facts{display:grid;gap:10px;list-style:none;padding:0;margin:48px 0 0;font-size:18px;line-height:1.4;color:var(--ui-muted)}
.ui-scope .catalogue-opening__facts > li{margin:0;padding:0}
.ui-scope .opening-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,2.8vw,44px);margin:28px 0 0}
.ui-scope .opening-facts > .ui-content-card{padding:0;border:0;background:transparent;box-shadow:none;min-width:0}
.ui-scope .opening-facts h3{font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.025em;margin:0 0 18px}
.ui-scope .opening-facts p{font-size:19px;line-height:1.65;color:var(--ui-muted);margin:0}
.ui-scope .ui-landing-page [aria-labelledby=requirements-title] > h2{font-size:clamp(28px,2.8vw,44px);line-height:1.2;font-weight:650;letter-spacing:-.035em;margin:0}
@media(min-width:900px){
 .site-shell{grid-template-columns:clamp(238px,17.5vw,280px) minmax(0,1fr);gap:clamp(32px,3.5vw,56px);padding:36px clamp(24px,2.27vw,40px) 72px}
 .ui-scope .ui-main .crumb{margin-bottom:26px}.ui-scope .ui-landing-page .crumb{padding-top:10px}
}
@media(min-width:900px) and (max-width:1199px){
 .site-shell{grid-template-columns:220px minmax(0,1fr);gap:28px;padding-inline:24px}
 .ui-scope .nav-direction > summary,.ui-scope .nav-direction.nav-direct{font-size:14px;padding-inline:13px}
}
@media(max-width:1199px){
 .ui-scope .ui-main .catalogue-opening{grid-template-columns:minmax(0,1fr);row-gap:0;padding-top:16px}
 .catalogue-opening__lead{display:contents}
 .ui-scope .catalogue-opening h1,.ui-scope[data-dir=fire] .catalogue-opening h1{grid-row:1;font-size:clamp(38px,4.5vw,54px)}
 .ui-scope .catalogue-opening .catalogue-opening__subtitle{grid-row:2;margin-top:14px;font-size:28px}
 .ui-scope .catalogue-opening__context{grid-row:3;padding-top:24px}
 .ui-scope .catalogue-opening__context > .lede{font-size:18px;max-width:58ch}
 .ui-scope .catalogue-opening__facts{font-size:14px;margin-top:20px;gap:7px}
 .ui-scope .catalogue-opening__lead > .ui-actions{grid-row:4;margin-top:26px}
 .ui-scope .opening-facts{gap:24px}
 .ui-scope .opening-facts p{font-size:15px}
}
@media(max-width:899px){
 .ui-scope .ui-main .catalogue-opening{padding:16px 0 32px;margin-bottom:32px}
 .ui-scope .catalogue-opening h1,.ui-scope[data-dir=fire] .catalogue-opening h1{font-size:clamp(32px,8.5vw,46px);line-height:1.08;letter-spacing:-.04em}
 .ui-scope .catalogue-opening .catalogue-opening__subtitle{font-size:24px;margin-top:12px}
 .ui-scope .catalogue-opening__context{padding-top:22px}
 .ui-scope .catalogue-opening__context > .lede{font-size:16px;line-height:1.6;letter-spacing:-.01em}
 .ui-scope .catalogue-opening__lead > .ui-actions{width:auto;justify-self:start;margin-top:24px}
 .ui-scope .catalogue-opening__lead .button.primary{min-height:48px;font-size:14px;padding:12px 22px}
 .ui-scope .opening-facts{grid-template-columns:1fr;gap:24px;margin-top:24px}
 .ui-scope .opening-facts h3{font-size:18px;margin-bottom:8px}
 .ui-scope .opening-facts p{font-size:15px;max-width:60ch}
 .ui-scope .ui-landing-page [aria-labelledby=requirements-title] > h2{font-size:25px}
}
@media print{.ui-scope .catalogue-opening h1{font-size:32px}.ui-scope .catalogue-opening__context{padding-top:0}.ui-scope .ui-main .catalogue-opening{display:block;padding:0 0 20px}}

@media(min-width:1250px){
 .ui-scope .ui-header__inner{grid-template-columns:248px minmax(180px,1fr) max-content max-content max-content;gap:40px;padding:28px 48px}
 .ui-scope .header-mark{width:44px;height:45px}
 .ui-scope .header-wordmark{width:176px}
 .ui-scope .ui-header__inner .ui-search{height:52px}
 .ui-scope .ui-header__inner .ui-search input{height:50px;font-size:16px}
 .ui-scope .ui-header__inner .ui-search > button{padding-inline:20px;font-size:14px}
 .ui-scope .header-contact > a{font-size:19px}
 .ui-scope .header-telegram{font-size:14px}
 .ui-scope .header-spec{font-size:13px;min-height:52px;padding:12px 16px}
}

.ui-scope .ui-sidebar > .button{min-height:52px;font-size:14px}

/* Selected graphite controls: parent direction and child category have distinct states. */
.ui-scope {
 --control-graphite:#20282e;
 --control-graphite-hover:#303a42;
 --control-hover:#eef0f2;
 --control-accent-width:7.65px;
}
.ui-scope .nav-direction > summary,
.ui-scope .nav-direction.nav-direct,
.ui-scope .nav-subgroups > a {
 position:relative;
 border-left-color:transparent;
 background:transparent;
 transition:background-color .15s ease;
}
.ui-scope .nav-direction > summary,
.ui-scope .nav-direction.nav-direct {color:var(--ui-text);transition:none}
.ui-scope .nav-direction small {transition:none}
.ui-scope .nav-direction > summary:is(:hover,:focus-visible),
.ui-scope .nav-direction.nav-direct:is(:hover,:focus-visible),
.ui-scope .nav-subgroups > a:is(:hover,:focus-visible) {
 border-left-color:transparent;
 background:var(--control-hover);
 color:var(--ui-text);
}
.ui-scope .nav-direction.is-current > summary,
.ui-scope .nav-direction.is-current > summary:is(:hover,:focus-visible),
.ui-scope .nav-direction.nav-direct.is-current,
.ui-scope .nav-direction.nav-direct.is-current:is(:hover,:focus-visible) {
 border-left-color:transparent;
 background:var(--control-graphite);
 color:#fff;
}
.ui-scope .nav-direction.nav-direct.is-current {
 background:var(--control-graphite);
 color:#fff;
 transition:none;
}
.ui-scope .nav-direction > summary:is(:hover,:focus-visible) small,
.ui-scope .nav-direction.nav-direct:is(:hover,:focus-visible) small,
.ui-scope .nav-direction.is-current > summary small,
.ui-scope .nav-direction.nav-direct.is-current small,
.ui-scope .nav-subgroups > a:is(:hover,:focus-visible) small,
.ui-scope .nav-subgroups > a.is-current small {color:inherit}
.ui-scope .nav-direction.is-current > summary::after,
.ui-scope .nav-direction.nav-direct.is-current::after {
 content:"";
 display:block;
 position:absolute;
 inset-block:0;
 inset-inline-start:-3px;
 width:var(--control-accent-width);
 background:var(--nav-c);
 pointer-events:none;
}
.ui-scope .nav-subgroups > a.is-current,
.ui-scope .nav-subgroups > a.is-current:is(:hover,:focus-visible) {
 border-left-color:transparent;
 background:#fff;
 color:var(--ui-text);
 box-shadow:inset 0 0 0 2px var(--nav-c);
 font-weight:650;
}
.ui-scope[data-dir] :is(.button,.btn).primary {
 position:relative;
 color:#fff;
 background:var(--control-graphite);
 border-color:var(--control-graphite);
 filter:none;
 transition:background-color .15s ease,border-color .15s ease;
}
.ui-scope[data-dir] :is(.button,.btn).primary:is(:hover,:focus-visible) {
 color:#fff;
 background:var(--control-graphite-hover);
 border-color:var(--control-graphite-hover);
 filter:none;
}
.ui-scope[data-dir] :is(.button,.btn).primary::after {
 content:"";
 display:block;
 position:absolute;
 inset-block:-1px;
 inset-inline-start:-1px;
 width:var(--control-accent-width);
 background:var(--dir-c);
 pointer-events:none;
}
@media(prefers-reduced-motion:reduce) {
 .ui-scope .nav-direction > summary,
 .ui-scope .nav-direction.nav-direct,
 .ui-scope .nav-subgroups > a,
 .ui-scope[data-dir] :is(.button,.btn).primary {transition:none}
}
@media(forced-colors:active) {
 .ui-scope .nav-direction.is-current > summary,
 .ui-scope .nav-direction.nav-direct.is-current,
 .ui-scope .nav-subgroups > a.is-current {outline:2px solid Highlight;outline-offset:-2px}
}

/* Keep independent actions and supporting notes comfortably separated. */
.ui-product-page .ui-order-box {
 display:grid;
 gap:18px;
 padding:24px;
}
.ui-product-page .ui-order-box > p,
.ui-product-page .ui-order-box > p:first-child,
.ui-product-page .ui-order-box > p:is(.order-help,.note,.ui-shipping-note) {margin:0}
.ui-product-page .ui-order-box > .ctl {display:block;width:min(100%,260px)}
.ui-product-page .ui-order-box > .ctl > .act,
.ui-product-page .ui-order-box > p > .button.primary {width:260px;max-width:100%;min-height:46px}
.ui-product-page .ui-order-box > .ctl > .qc {min-height:46px}
@media(max-width:899px) {
 .ui-scope .ui-sidebar {padding-inline-end:20px}
 .ui-product-page .ui-order-box {gap:16px;padding:20px}
}
@media(max-width:560px) {
 .ui-product-page .ui-order-box > .ctl,
 .ui-product-page .ui-order-box > .ctl > .act,
 .ui-product-page .ui-order-box > p > .button.primary {width:100%}
}

/* Shared alignment and grouped catalogue actions, verified across viewport sizes. */
@media screen {
 .ui-scope .catalog-hero .hero-title { display:block; }
 .ui-scope .catalog-hero .hero-title h1 { margin:0; }
 .ui-scope .catalog-hero .catalog-total { display:block; margin-top:10px; font-size:13px; line-height:1.5; }
 .ui-scope .catalog-hero > p:not(.hero-shipping) { max-width:68ch; margin:12px 0 0; }
 .ui-scope .catalog-hero .hero-bottom { flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:14px; margin-top:18px; }
 .ui-scope .catalog-hero .ui-badges { font-size:12px; line-height:1.5; gap:8px 18px; }
 .ui-scope .catalog-hero .ui-actions { justify-content:flex-start; flex-wrap:wrap; gap:10px; }
 .ui-scope .catalog-hero .ui-actions .button { min-height:44px; font-size:14px; padding:11px 18px; }
 .ui-scope .catalog-hero .hero-shipping { margin-top:10px; max-width:70ch; font-size:12px; line-height:1.6; }
}
@media screen and (min-width:900px) {
 .ui-scope { --shell-pad:clamp(24px,2.27vw,40px); --shell-sidebar:clamp(238px,17.5vw,280px); --shell-gap:clamp(32px,3.5vw,56px); --header-gap:clamp(16px,1.4vw,28px); }
 .ui-scope .site-shell,.ui-scope .ui-header__inner { max-width:1760px; padding-inline:var(--shell-pad); }
 .ui-scope .site-shell { grid-template-columns:var(--shell-sidebar) minmax(0,1fr); column-gap:var(--shell-gap); }
 .ui-scope .ui-header__inner { grid-template-columns:calc(var(--shell-sidebar) + var(--shell-gap) - var(--header-gap)) minmax(160px,1fr) max-content max-content; gap:var(--header-gap); }
 .ui-scope .ui-header__inner .header-telegram { display:none; }
 .ui-scope .category-grid { grid-template-columns:repeat(auto-fill,minmax(196px,1fr)); gap:12px; }
 .ui-scope .category-card { max-width:none; min-height:208px; padding:12px; }
 .ui-scope .category-card .pic { width:132px; height:132px; max-width:132px!important; margin-bottom:8px!important; }
 .ui-scope .category-card__title { font-size:14px; line-height:1.45; }
 .ui-scope .category-card > small { margin-top:auto; padding-top:8px; font-size:12px; line-height:1.4; }
}
@media screen and (min-width:900px) and (max-width:1199px) {
 .ui-scope { --shell-pad:24px; --shell-sidebar:220px; --shell-gap:28px; }
 .ui-scope .category-grid { grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); }
}
@media screen and (min-width:1250px) {
 .ui-scope .ui-header__inner { grid-template-columns:calc(var(--shell-sidebar) + var(--shell-gap) - var(--header-gap)) minmax(180px,1fr) max-content max-content max-content; }
 .ui-scope .ui-header__inner .header-telegram { display:block; }
}
@media screen and (max-width:560px) {
 .ui-scope .catalog-hero .ui-actions { width:100%; }
 .ui-scope .catalog-hero .ui-actions .button { flex:1 1 150px; padding-inline:12px; font-size:13px; }
}

@media screen and (max-width:899px) {
 /* Contacts remain in the sticky header; the extra footer link never covers products. */
 .ui-scope .telegram-widget { position:static; width:max-content; max-width:calc(100% - 32px); margin:0 16px 24px auto; }
 .ui-scope .telegram-widget > span:last-child { display:block; }
}