/* ==================================================================
   LUMEN dynamic pages — same visual system as approved static site
   ================================================================== */

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

.page-hero{
  position:relative;
  padding:166px 0 clamp(64px,6vw,92px);
  background:
    radial-gradient(ellipse at 78% 30%,rgba(94,70,220,.22),transparent 32%),
    radial-gradient(ellipse at 10% 80%,rgba(30,130,220,.15),transparent 36%),
    linear-gradient(125deg,#050814 0%,#0a1128 52%,#100b2a 100%);
  color:#fff;
  overflow:hidden;
  border-bottom:1px solid rgba(160,190,255,.10);
}
.page-hero-glow{
  position:absolute;
  width:620px;height:620px;right:-140px;top:-160px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(126,86,255,.20),transparent 66%);
  pointer-events:none;filter:blur(18px);
}
.page-hero-inner{position:relative;z-index:1}
.breadcrumbs{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;
  margin-bottom:30px;color:rgba(207,222,250,.55);font-size:11px;letter-spacing:.04em;
}
.breadcrumbs a{color:rgba(207,222,250,.72);transition:color .2s}
.breadcrumbs a:hover{color:#8bd6ff}
.breadcrumbs span[aria-current="page"]{color:rgba(231,241,255,.92)}
.page-kicker{
  display:flex;align-items:center;gap:12px;
  margin:0 0 20px;color:#8fb9ff;font-size:10px;font-weight:700;letter-spacing:.18em;
}
.page-kicker:after{content:"";width:52px;height:1px;background:linear-gradient(90deg,#32a9f5,#b65ceb)}
.page-hero h1{
  max-width:980px;
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(40px,5.3vw,72px);
  line-height:1.02;
  letter-spacing:-.055em;
  font-weight:700;
}
.page-hero h1 em{
  font-style:normal;
  background:linear-gradient(110deg,#32a9f5,#7778f5 55%,#b65ceb);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.page-lead{max-width:620px;margin:0;color:rgba(205,218,244,.72);font-size:15px;line-height:1.7}

.page-section{padding:clamp(58px,6vw,92px) 0;background:#fff;color:#11172b}
.page-section--tint{background:#f3f6fc}
.prose{color:#3f4b65;font-size:15px;line-height:1.75}
.prose h2{color:#11172b;font-size:clamp(24px,2.2vw,32px);line-height:1.15;margin:34px 0 12px;letter-spacing:-.04em}
.prose h2:first-child{margin-top:0}
.prose h3{color:#11172b;font-size:19px;margin:26px 0 8px}
.prose p{margin:0 0 15px}
.prose ul,.prose ol{margin:0 0 20px;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.prose li::marker{color:#7778f5}
.prose a{color:#625edb;text-decoration:underline;text-underline-offset:3px}
.prose blockquote{margin:22px 0;padding:18px 22px;border-left:2px solid #7778f5;background:#f5f7fd;color:#3a4763}

.public-flashes{margin-top:24px}
.flash{padding:13px 18px;border-radius:12px;font-size:13px;margin-bottom:10px;border:1px solid}
.flash-success{background:#edf9f2;border-color:#c7edda;color:#176b45}
.flash-warning{background:#fff8e8;border-color:#f2dfb5;color:#7b5a16}
.flash-error{background:#fff1f1;border-color:#f1caca;color:#8a2525}

/* ---------------------------------------------------------------- */
/* catalog controls / catalog page                                  */
/* ---------------------------------------------------------------- */
.catalog-controls-section{padding:26px 0 0;background:#f4f7fd}
.catalog-controls{
  display:grid;grid-template-columns:2fr 1.2fr 1.1fr auto;gap:12px;align-items:end;
  padding:20px;border:1px solid #e3e9f4;border-radius:18px;background:#fff;
  box-shadow:0 14px 36px rgba(30,50,100,.06);
}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field>span{font-size:10px;font-weight:700;letter-spacing:.12em;color:#77839c;text-transform:uppercase}
.field input,.field select,.field textarea{
  width:100%;min-height:44px;border:1px solid #dce4f1;border-radius:11px;background:#fbfdff;color:#151b30;
  padding:0 13px;font:inherit;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;
}
.field textarea{min-height:130px;padding:12px 13px;resize:vertical;line-height:1.6}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#8f8cf2;box-shadow:0 0 0 4px rgba(119,120,245,.10);background:#fff}
.catalog-search-wrap{position:relative;display:block}
.catalog-search-wrap input{padding-right:46px}
.catalog-search-wrap button{
  position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;border-radius:9px;
  background:#111b36;color:#fff;font-size:19px;cursor:pointer;transition:background .2s;
}
.catalog-search-wrap button:hover{background:#2b3970}
.catalog-submit{min-height:44px;padding:0 22px;font-size:12px}
.catalog-results-section{padding:clamp(44px,5vw,72px) 0;background:#fff}
.catalog-results-heading{margin-bottom:30px}
.catalog-results-heading h2{font-size:clamp(26px,3vw,40px)}
.catalog-results-count{color:#7a86a0;font-size:12px;margin:0}
.catalog-page-section{
  padding:clamp(42px,4.8vw,64px) 0 clamp(58px,6vw,86px);
  background:#eef2fb url("/assets/catalog/background.jpg") center top/cover no-repeat;
}
.catalog-page-section .catalog-bento{max-width:none}

/* product grid/cards */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card{
  display:flex;flex-direction:column;overflow:hidden;border-radius:20px;border:1px solid #e4eaf4;
  background:#fff;color:#11172b;box-shadow:0 14px 34px rgba(35,55,110,.07);
  transition:transform .28s,box-shadow .28s,border-color .28s;
}
.product-card:hover{transform:translateY(-5px);border-color:#c4cff0;box-shadow:0 22px 46px rgba(35,55,110,.12)}
.product-card-media{
  position:relative;aspect-ratio:1.42;background:
    radial-gradient(ellipse at 50% 48%,#f9fbff 0,#edf2fc 56%,#e3ebf9 100%);
  display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #edf1f8;
}
.product-card-media img{width:86%;height:86%;object-fit:contain;transition:transform .35s}
.product-card:hover .product-card-media img{transform:scale(1.035)}
.product-card-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:#94a0b8;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.product-card-empty span{font-size:30px;color:#c3cde2}
.product-card-body{padding:18px 19px 20px;display:flex;flex-direction:column;flex:1}
.product-card-sku{color:#8b96ad;font-size:10px;letter-spacing:.08em;margin-bottom:6px}
.product-card h3{font-size:18px;line-height:1.25;margin:0 0 7px;letter-spacing:-.02em}
.product-card p{color:#6e798f;font-size:12.5px;line-height:1.55;margin:0 0 16px}
.product-card-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:#5e5bcc;font-size:12px;font-weight:700}
.product-card-link span{font-size:15px;transition:transform .2s}
.product-card:hover .product-card-link span{transform:translate(2px,-2px)}

.pagination{display:flex;justify-content:center;gap:8px;margin-top:34px}
.pagination a{
  display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid #e0e7f2;
  background:#fff;color:#59657d;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,color .2s;
}
.pagination a:hover,.pagination a.is-current{background:#111b36;border-color:#111b36;color:#fff}

.empty-state{
  padding:clamp(46px,5vw,74px) 24px;text-align:center;border:1px dashed #d8e1f0;border-radius:22px;
  background:linear-gradient(145deg,#fbfdff,#f3f7fd);max-width:760px;margin-inline:auto;
}
.empty-state--small{padding:40px 22px}
.empty-icon{
  display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:16px;
  background:rgba(119,120,245,.10);color:#7778f5;font-size:24px;font-weight:700;
}
.empty-state h2{font-size:clamp(22px,2.5vw,30px);margin:0 0 10px;color:#11172b;letter-spacing:-.03em}
.empty-state p{color:#6b778f;font-size:13.5px;line-height:1.65;max-width:480px;margin:0 auto 22px}
.empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}

/* ---------------------------------------------------------------- */
/* category page                                                    */
/* ---------------------------------------------------------------- */
.category-section{padding:clamp(40px,4.5vw,62px) 0 clamp(64px,6vw,92px);background:#fff}
.category-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.category-sidebar{position:sticky;top:118px}
.category-sidebar .eyebrow{margin-bottom:15px}
.category-sidebar nav{display:flex;flex-direction:column;gap:2px}
.category-sidebar nav a{padding:9px 12px;border-radius:9px;color:#59657d;font-size:12.5px;line-height:1.35;transition:background .2s,color .2s}
.category-sidebar nav a:hover{background:#f2f5fc;color:#282f54}
.category-sidebar nav a.is-current{background:#111b36;color:#fff}
.category-sidebar-cta{margin-top:26px;padding:17px;border-radius:14px;background:#f4f7fd;border:1px solid #e5ebf5}
.category-sidebar-cta p{margin:0 0 8px;color:#6c7890;font-size:12px;line-height:1.5}
.category-sidebar-cta a{color:#5e5bcc;font-size:12px;font-weight:700}
.category-intro{max-width:760px;margin-bottom:24px;color:#5e6a82;font-size:13.5px}
.category-toolbar{
  display:flex;gap:10px;align-items:center;margin-bottom:22px;padding:12px;border:1px solid #e6ecf6;
  border-radius:14px;background:#fbfdff;
}
.category-toolbar .field{flex:1}
.category-toolbar .field input,.category-toolbar .field select{min-height:40px;font-size:12px}
.category-main-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;border-top:1px solid #edf1f7;padding-top:18px}
.category-main-heading .eyebrow{margin:0}
.category-main-heading span{color:#8792a8;font-size:11px}

/* ---------------------------------------------------------------- */
/* product page                                                     */
/* ---------------------------------------------------------------- */
.product-top{padding:128px 0 20px;background:#f4f7fd;border-bottom:1px solid #e9eef7}
.product-top .breadcrumbs{color:#7b879e;margin-bottom:0}
.product-top .breadcrumbs a{color:#66728a}
.product-top .breadcrumbs span[aria-current="page"]{color:#242d45}
.product-page{padding:clamp(34px,4vw,56px) 0;background:#fff}
.product-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:clamp(30px,4.4vw,64px);align-items:start}
.product-gallery-main{
  position:relative;aspect-ratio:1.1;border-radius:22px;border:1px solid #e5ebf5;background:
    radial-gradient(ellipse at 50% 50%,#fbfdff,#edf2fc 62%,#e2eaf8);
  display:grid;place-items:center;overflow:hidden;
}
.product-gallery-main img{width:90%;height:90%;object-fit:contain}
.product-gallery-thumbs{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}
.product-gallery-thumbs button{
  width:72px;height:62px;padding:3px;border:1px solid #e0e7f2;border-radius:10px;background:#f8fafe;cursor:pointer;
}
.product-gallery-thumbs button.is-current{border-color:#7778f5;box-shadow:0 0 0 3px rgba(119,120,245,.12)}
.product-gallery-thumbs img{width:100%;height:100%;object-fit:contain}
.product-category{display:inline-block;color:#625edb;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.product-info h1{font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-.05em;margin:0 0 14px;color:#11172b}
.product-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:#7c879d;font-size:11px;margin-bottom:12px}
.product-badges{display:flex;gap:7px;margin-bottom:16px}
.badge{display:inline-flex;padding:5px 9px;border-radius:6px;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.badge-new{background:#e9f8ef;color:#18794b}
.badge-rec{background:#f1edff;color:#5d4dd0}
.product-short{color:#65718a;font-size:14.5px;line-height:1.7;margin:0 0 24px;max-width:530px}
.product-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.product-note{color:#8a95aa;font-size:11.5px;margin:0}
.product-details{padding:0 0 clamp(64px,6vw,92px);background:#fff}
.product-details-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(32px,4vw,60px);align-items:start;border-top:1px solid #edf1f7;padding-top:38px}
.product-details-layout .prose{font-size:14px}
.product-specs h2{font-size:22px;margin:0 0 14px;letter-spacing:-.03em;color:#11172b}
.product-specs table{width:100%;border-collapse:collapse;font-size:12.5px}
.product-specs th,.product-specs td{padding:10px 0;border-bottom:1px solid #edf1f7;text-align:left;vertical-align:top}
.product-specs th{color:#7c879d;font-weight:500;width:48%}
.product-specs td{color:#222b43}

/* ---------------------------------------------------------------- */
/* about                                                            */
/* ---------------------------------------------------------------- */
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:clamp(34px,5vw,72px);align-items:start}
.about-content{max-width:760px}
.about-aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:118px}
.about-aside-card{padding:24px;border-radius:18px;border:1px solid #e5ebf5;background:linear-gradient(145deg,#fbfdff,#f3f7fd)}
.about-aside-card .eyebrow{margin-bottom:10px}
.about-aside-card h2{font-size:24px;margin:0 0 8px;letter-spacing:-.03em}
.about-aside-card p{font-size:12.5px;line-height:1.6;color:#6d7890;margin:0 0 18px}
.about-directions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.about-directions a{display:flex;justify-content:space-between;gap:10px;color:#4c5872;font-size:12.5px;padding:8px 0;border-bottom:1px solid #e8eef7}
.about-directions a:hover{color:#625edb}

/* ---------------------------------------------------------------- */
/* contacts                                                        */
/* ---------------------------------------------------------------- */
.contacts-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,470px);gap:clamp(34px,4.5vw,64px);align-items:start}
.contacts-intro{max-width:560px;margin-bottom:26px}
.contact-cards{display:flex;flex-direction:column;gap:11px;margin-bottom:28px}
.contact-card{
  display:flex;align-items:flex-start;gap:13px;padding:15px 18px;border:1px solid #e5ebf5;border-radius:14px;
  background:#fbfdff;color:#1b243b;transition:border-color .2s,box-shadow .2s;
}
.contact-card:hover{border-color:#ccd5f1;box-shadow:0 10px 24px rgba(40,60,110,.06)}
.contact-card-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:10px;background:rgba(119,120,245,.10);color:#6a65e3;font-size:17px}
.contact-card span:not(.contact-card-icon){display:flex;flex-direction:column;gap:2px}
.contact-card small{color:#8792a8;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.contact-card strong{font-size:14px;line-height:1.45;font-weight:600}
.contact-card em{font-style:normal;color:#8a95aa;font-size:11px}
.contacts-requisites h2{font-size:22px;margin:0 0 12px;letter-spacing:-.03em}
.contacts-requisites dl{display:grid;grid-template-columns:150px 1fr;gap:9px 16px;font-size:12.5px;margin:0}
.contacts-requisites dt{color:#8792a8}
.contacts-requisites dd{margin:0;color:#29334b}
.contact-form-card{
  padding:clamp(22px,2.6vw,32px);border-radius:20px;border:1px solid #e3eaf5;
  background:linear-gradient(160deg,#ffffff,#f7faff);box-shadow:0 22px 56px rgba(35,55,110,.09);
}
.contact-form-card .eyebrow{margin-bottom:12px}
.contact-form-card h2{font-size:clamp(25px,2.6vw,33px);line-height:1.1;margin:0 0 8px;letter-spacing:-.04em}
.contact-form-lead{color:#748097;font-size:12.5px;line-height:1.6;margin:0 0 20px}
.contact-form{display:flex;flex-direction:column;gap:13px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.field b{color:#e05b5b;font-weight:600}
.check-field{display:flex;align-items:flex-start;gap:9px;color:#6c7890;font-size:11.5px;line-height:1.45;cursor:pointer}
.check-field input{margin:2px 0 0;width:15px;height:15px;accent-color:#7778f5}
.contact-submit{width:100%;margin-top:4px}
.form-note{color:#96a1b5;font-size:10.5px;line-height:1.5;margin:0;text-align:center}
.form-errors{background:#fff1f1;border:1px solid #f1caca;color:#8a2525;padding:11px 14px;border-radius:10px;font-size:12px;margin-bottom:16px}
.form-errors p{margin:0 0 4px}
.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ---------------------------------------------------------------- */
/* certificates                                                    */
/* ---------------------------------------------------------------- */
.certificates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.certificate-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e4eaf4;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(35,55,110,.07)}
.certificate-preview{display:grid;place-items:center;aspect-ratio:1.42;background:#f2f6fd;border-bottom:1px solid #e9eff8;overflow:hidden}
.certificate-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.certificate-card:hover .certificate-preview img{transform:scale(1.025)}
.certificate-placeholder{display:grid;place-items:center;width:74px;height:92px;border-radius:7px;border:1px solid #d5b6ff;background:linear-gradient(145deg,#f5edff,#e7dbff);color:#8a5ce0;font-size:18px;font-weight:700;letter-spacing:.08em}
.certificate-body{padding:18px 19px 20px;display:flex;flex-direction:column;flex:1}
.certificate-type{color:#7d6be6;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.certificate-body h2{font-size:18px;line-height:1.25;margin:0 0 6px;letter-spacing:-.02em}
.certificate-partner{color:#8a95aa;font-size:11px;margin:0 0 9px}
.certificate-body>p{color:#6e798f;font-size:12px;line-height:1.55;margin:0 0 12px}
.certificate-meta{display:flex;flex-direction:column;gap:3px;color:#8a95aa;font-size:10.5px;margin-bottom:15px}
.certificate-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}

/* ---------------------------------------------------------------- */
/* dark theme                                                      */
/* ---------------------------------------------------------------- */
html[data-theme="dark"] .page-section,
html[data-theme="dark"] .catalog-results-section,
html[data-theme="dark"] .category-section,
html[data-theme="dark"] .product-page,
html[data-theme="dark"] .product-details{background:#070b17;color:#e7efff}
html[data-theme="dark"] .page-section--tint,
html[data-theme="dark"] .catalog-controls-section{background:#070b17}
html[data-theme="dark"] .catalog-page-section{background:#070b17 url("/assets/catalog/background-dark.jpg") center top/cover no-repeat}
html[data-theme="dark"] .product-top{background:#080d1b;border-color:rgba(160,190,255,.12)}
html[data-theme="dark"] .product-top .breadcrumbs,
html[data-theme="dark"] .product-top .breadcrumbs a{color:#9aa8c2}
html[data-theme="dark"] .product-top .breadcrumbs span[aria-current="page"]{color:#e7efff}
html[data-theme="dark"] .prose,
html[data-theme="dark"] .prose p,
html[data-theme="dark"] .prose li{color:#b9c7e0}
html[data-theme="dark"] .prose h2,
html[data-theme="dark"] .prose h3{color:#fff}
html[data-theme="dark"] .prose a{color:#a99cff}
html[data-theme="dark"] .prose blockquote{background:#0d1630;color:#b9c7e0;border-left-color:#8a7dff}
html[data-theme="dark"] .catalog-controls,
html[data-theme="dark"] .category-toolbar{background:#0c1426;border-color:rgba(160,190,255,.14);box-shadow:0 14px 36px rgba(0,0,0,.25)}
html[data-theme="dark"] .field>span{color:#8090ad}
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea{background:#0a1122;border-color:rgba(160,190,255,.16);color:#e8efff}
html[data-theme="dark"] .field input:focus,
html[data-theme="dark"] .field select:focus,
html[data-theme="dark"] .field textarea:focus{background:#0d1529;border-color:#8a8af5;box-shadow:0 0 0 4px rgba(119,120,245,.14)}
html[data-theme="dark"] .catalog-results-heading h2,
html[data-theme="dark"] .category-main-heading .eyebrow,
html[data-theme="dark"] .empty-state h2,
html[data-theme="dark"] .product-info h1,
html[data-theme="dark"] .product-specs h2,
html[data-theme="dark"] .contacts-requisites h2,
html[data-theme="dark"] .contact-form-card h2{color:#fff}
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .certificate-card,
html[data-theme="dark"] .contact-form-card,
html[data-theme="dark"] .about-aside-card,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .empty-state{background:linear-gradient(145deg,rgba(18,24,49,.85),rgba(9,11,26,.8));border-color:rgba(160,190,255,.16);color:#e7efff;box-shadow:0 18px 44px rgba(0,0,0,.28)}
html[data-theme="dark"] .product-card-media,
html[data-theme="dark"] .product-gallery-main,
html[data-theme="dark"] .certificate-preview{background:radial-gradient(ellipse at 50% 48%,#14203c 0,#0c152a 58%,#091021 100%);border-color:rgba(160,190,255,.12)}
html[data-theme="dark"] .product-card h3,
html[data-theme="dark"] .certificate-body h2,
html[data-theme="dark"] .about-aside-card h2,
html[data-theme="dark"] .contact-card strong{color:#fff}
html[data-theme="dark"] .product-card p,
html[data-theme="dark"] .certificate-body>p,
html[data-theme="dark"] .contact-card em,
html[data-theme="dark"] .contact-form-lead,
html[data-theme="dark"] .product-short,
html[data-theme="dark"] .product-note,
html[data-theme="dark"] .empty-state p{color:#9aa8c2}
html[data-theme="dark"] .product-card-sku,
html[data-theme="dark"] .product-meta,
html[data-theme="dark"] .certificate-meta,
html[data-theme="dark"] .certificate-partner,
html[data-theme="dark"] .contact-card small,
html[data-theme="dark"] .contacts-requisites dt{color:#7f8daa}
html[data-theme="dark"] .product-specs th,
html[data-theme="dark"] .contacts-requisites dd{color:#b9c7e0;border-color:rgba(160,190,255,.10)}
html[data-theme="dark"] .product-specs td{border-color:rgba(160,190,255,.10);color:#e7efff}
html[data-theme="dark"] .category-sidebar nav a{color:#a8b6d2}
html[data-theme="dark"] .category-sidebar nav a:hover{background:#101a30;color:#fff}
html[data-theme="dark"] .category-sidebar nav a.is-current{background:#eaf1ff;color:#111b36}
html[data-theme="dark"] .category-sidebar-cta{background:#0c1426;border-color:rgba(160,190,255,.14)}
html[data-theme="dark"] .category-sidebar-cta p{color:#9aa8c2}
html[data-theme="dark"] .category-sidebar-cta a,
html[data-theme="dark"] .product-category,
html[data-theme="dark"] .about-directions a:hover,
html[data-theme="dark"] .product-card-link{color:#b0a4ff}
html[data-theme="dark"] .about-directions a{color:#b9c7e0;border-color:rgba(160,190,255,.12)}
html[data-theme="dark"] .pagination a{background:#0c1426;border-color:rgba(160,190,255,.18);color:#b9c7e0}
html[data-theme="dark"] .pagination a:hover,
html[data-theme="dark"] .pagination a.is-current{background:#eaf1ff;border-color:#eaf1ff;color:#111b36}
html[data-theme="dark"] .form-note,
html[data-theme="dark"] .check-field{color:#8796b2}
html[data-theme="dark"] .contact-card-icon{background:rgba(140,120,255,.14);color:#b0a4ff}
html[data-theme="dark"] .empty-icon{background:rgba(140,120,255,.14);color:#b0a4ff}
html[data-theme="dark"] .page-hero{border-color:rgba(160,190,255,.14)}

@media(max-width:1050px){
  .catalog-controls{grid-template-columns:1.5fr 1fr 1fr;gap:10px}
  .catalog-submit{grid-column:span 3;justify-self:start}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .catalog-layout,.product-layout,.product-details-layout,.about-layout,.contacts-layout{grid-template-columns:1fr}
  .category-layout{grid-template-columns:210px minmax(0,1fr);gap:28px}
  .about-aside{position:static;flex-direction:row;flex-wrap:wrap}
  .about-aside-card{flex:1 1 280px}
  .certificates-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .page-hero{padding:128px 0 50px}
  .page-hero h1{font-size:clamp(34px,9.8vw,46px)}
  .page-lead{font-size:13.5px}
  .breadcrumbs{margin-bottom:22px;font-size:10px}
  .catalog-controls{grid-template-columns:1fr;padding:15px;gap:12px}
  .catalog-submit{grid-column:auto;width:100%}
  .catalog-results-section,.page-section{padding:54px 0}
  .catalog-page-section{padding:32px 0 50px}
  .product-grid{grid-template-columns:1fr;gap:12px}
  .product-card{flex-direction:row;min-height:132px}
  .product-card-media{width:42%;aspect-ratio:auto;border-bottom:0;border-right:1px solid #edf1f8}
  .product-card-body{padding:14px 15px}
  .product-card h3{font-size:15px}
  .product-card p{font-size:11.5px;margin-bottom:10px}
  .category-layout{grid-template-columns:1fr;gap:24px}
  .category-sidebar{position:static}
  .category-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:6px}
  .category-sidebar nav a{padding:7px 10px;background:#f2f5fc}
  .category-sidebar-cta{display:none}
  .category-toolbar{flex-wrap:wrap;padding:10px}
  .category-toolbar .field{flex:1 1 45%}
  .product-top{padding-top:110px}
  .product-page{padding:28px 0}
  .product-info h1{font-size:30px}
  .product-actions .button{width:100%}
  .product-details{padding-bottom:58px}
  .product-details-layout{padding-top:26px}
  .about-aside{display:flex;flex-direction:column}
  .contacts-layout{gap:26px}
  .contact-form-card{padding:20px}
  .field-row{grid-template-columns:1fr}
  .contacts-requisites dl{grid-template-columns:1fr;gap:3px}
  .contacts-requisites dd{margin-bottom:8px}
  .certificates-grid{grid-template-columns:1fr}
  .certificate-card{flex-direction:row}
  .certificate-preview{width:40%;aspect-ratio:auto;border-bottom:0;border-right:1px solid #e9eff8}
  .certificate-body{padding:14px 15px}
  .product-gallery-thumbs button{width:58px;height:52px}
}
@media(max-width:420px){
  .product-card{flex-direction:column}
  .product-card-media{width:100%;aspect-ratio:1.5;border-right:0;border-bottom:1px solid #edf1f8}
}


/* product placeholder + price */
.product-placeholder{
  position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  width:100%;height:100%;min-height:150px;padding:14px;
  color:#7379d6;text-align:center;overflow:hidden;
}
.product-placeholder:before{
  content:"";position:absolute;width:58%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(120,130,245,.13),transparent 68%);
  pointer-events:none;
}
.product-placeholder svg{
  position:relative;z-index:1;width:clamp(64px,22%,118px);height:auto;
  opacity:.82;filter:drop-shadow(0 12px 20px rgba(80,90,200,.16));
}
.product-placeholder span{
  position:relative;z-index:1;color:#8d96ad;font-size:9px;font-weight:700;
  letter-spacing:.2em;line-height:1;
}
.product-placeholder small{
  position:relative;z-index:1;color:#b2bacb;font-size:7px;font-weight:700;
  letter-spacing:.3em;line-height:1;
}
.product-card-price{
  display:block;margin:0 0 12px;color:#222b43;font-size:14px;font-weight:700;
  letter-spacing:-.02em;line-height:1.2;
}
.product-card-price small{color:#8a95aa;font-size:9px;font-weight:500;letter-spacing:.04em}
.product-price{
  display:flex;align-items:baseline;gap:8px;margin:0 0 20px;
  color:#11172b;font-size:clamp(24px,2.5vw,32px);font-weight:700;letter-spacing:-.045em;
}
.product-price small{color:#8a95aa;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
html[data-theme="dark"] .product-placeholder{color:#a99cff}
html[data-theme="dark"] .product-placeholder span{color:#9aa8c2}
html[data-theme="dark"] .product-placeholder small{color:#6f7d98}
html[data-theme="dark"] .product-card-price{color:#fff}
html[data-theme="dark"] .product-card-price small{color:#9aa8c2}
html[data-theme="dark"] .product-price{color:#fff}
html[data-theme="dark"] .product-price small{color:#9aa8c2}


/* catalog search: distinct band, clear gap before categories */
.catalog-controls-section{
  padding:clamp(24px,3vw,36px) 0 clamp(32px,4vw,50px);
  background:linear-gradient(180deg,#edf3ff 0%,#f7f9fe 100%);
  border-bottom:1px solid #e1e9f6;
}
.catalog-controls{
  border:1px solid #dce5f3;
  background:#fff;
  box-shadow:0 18px 46px rgba(35,55,110,.10);
}
.catalog-page-section{padding-top:clamp(34px,4vw,54px)}
html[data-theme="dark"] .catalog-controls-section{
  background:#070b17;
  border-bottom-color:rgba(160,190,255,.14);
}
@media(max-width:760px){
  .catalog-controls-section{padding:20px 0 28px}
  .catalog-page-section{padding-top:28px}
}


/* product breadcrumb strip: dark, like the other internal page headers */
.product-top{
  position:relative;
  padding:128px 0 30px;
  background:
    radial-gradient(ellipse at 82% 20%,rgba(105,72,225,.18),transparent 34%),
    radial-gradient(ellipse at 8% 90%,rgba(35,130,220,.12),transparent 38%),
    linear-gradient(125deg,#050814 0%,#0a1128 54%,#100b2a 100%);
  border-bottom:1px solid rgba(160,190,255,.10);
  color:#fff;
  overflow:hidden;
}
.product-top .breadcrumbs{color:rgba(207,222,250,.55);margin-bottom:0}
.product-top .breadcrumbs a{color:rgba(207,222,250,.72)}
.product-top .breadcrumbs a:hover{color:#8bd6ff}
.product-top .breadcrumbs span[aria-current="page"]{color:rgba(231,241,255,.92)}
html[data-theme="dark"] .product-top{
  background:#080d1b;
  border-bottom-color:rgba(160,190,255,.10);
}
html[data-theme="dark"] .product-top .breadcrumbs{color:#9aa8c2}
html[data-theme="dark"] .product-top .breadcrumbs a{color:#b8c6e2}
html[data-theme="dark"] .product-top .breadcrumbs a:hover{color:#8bd6ff}
html[data-theme="dark"] .product-top .breadcrumbs span[aria-current="page"]{color:#e7efff}
@media(max-width:760px){
  .product-top{padding:108px 0 24px}
}


/* brands / future product-card mockups on About */
.brands-preview{
  margin-top:clamp(44px,5.5vw,76px);
  padding-top:clamp(32px,4vw,52px);
  border-top:1px solid #e7edf7;
}
.brands-preview-head{max-width:780px;margin-bottom:26px}
.brands-preview-head .eyebrow{margin-bottom:12px}
.brands-preview-head h2{font-size:clamp(28px,3.2vw,40px);line-height:1.1;letter-spacing:-.045em;margin:0 0 10px;color:#11172b}
.brands-preview-head p{color:#6d7890;font-size:13.5px;line-height:1.65;margin:0}
.brands-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.brand-panel{
  padding:22px;border:1px solid #e3eaf5;border-radius:20px;
  background:linear-gradient(150deg,#fbfdff,#f4f8fd);
}
.brand-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.brand-name{font-size:clamp(22px,2.2vw,29px);font-weight:800;letter-spacing:.02em;line-height:1}
.brand-kweit{background:linear-gradient(110deg,#2fa7ff,#7778f5);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-veltaro{background:linear-gradient(110deg,#8e7bff,#d765ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-status{
  display:inline-flex;padding:5px 8px;border-radius:6px;background:#fff5de;color:#866316;
  font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
}
.brand-panel>p{color:#6b778f;font-size:12px;line-height:1.6;margin:0 0 12px;max-width:480px}
.brand-registry{display:inline-flex;align-items:center;gap:6px;color:#5e5bcc;font-size:11px;font-weight:700;text-decoration:none}
.brand-registry span{font-size:13px;transition:transform .2s}
.brand-registry:hover span{transform:translate(2px,-2px)}
.brand-mock-label{
  margin:22px 0 10px;padding-top:14px;border-top:1px solid #e7edf7;
  color:#8b96aa;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
}
.product-card--mock{cursor:default;box-shadow:0 10px 26px rgba(35,55,110,.06)}
.product-card--mock:hover{transform:none;box-shadow:0 10px 26px rgba(35,55,110,.06)}
.product-card--mock .product-card-media{position:relative}
.product-card--mock .product-card-link{cursor:default}
.mock-badge{
  position:absolute;top:11px;left:11px;z-index:4;padding:5px 8px;border-radius:5px;
  background:#111b36;color:#fff;font-size:8px;font-weight:700;letter-spacing:.14em;
}
.mock-note{margin:20px 0 0;color:#8a95aa;font-size:10.5px;line-height:1.55}
html[data-theme="dark"] .brands-preview{border-top-color:rgba(160,190,255,.14)}
html[data-theme="dark"] .brands-preview-head h2,
html[data-theme="dark"] .brand-panel .product-card h3{color:#fff}
html[data-theme="dark"] .brands-preview-head p,
html[data-theme="dark"] .brand-panel>p,
html[data-theme="dark"] .mock-note{color:#9aa8c2}
html[data-theme="dark"] .brand-panel{background:linear-gradient(150deg,rgba(18,24,49,.8),rgba(9,11,26,.8));border-color:rgba(160,190,255,.16)}
html[data-theme="dark"] .brand-mock-label{border-top-color:rgba(160,190,255,.12);color:#8090ad}
html[data-theme="dark"] .brand-status{background:rgba(255,220,130,.10);color:#e1bd68}
@media(max-width:900px){
  .brands-preview-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .brands-preview{margin-top:36px;padding-top:28px}
  .brand-panel{padding:17px;border-radius:16px}
  .brand-panel-head{align-items:flex-start;flex-direction:column;gap:7px}
  .product-card--mock .product-card-media{width:100%;aspect-ratio:1.5;border-right:0;border-bottom:1px solid #edf1f8}
  .product-card--mock{flex-direction:column}
}


/* ==================================================================
   About — company landing (hero card, activity/benefit cards, brands)
   ================================================================== */
.about-hero{padding:126px 0 0;background:#fff}
.about-hero-card{
  position:relative;display:flex;align-items:center;min-height:330px;overflow:hidden;
  padding:clamp(30px,4.5vw,54px);border-radius:26px;
  background:
    radial-gradient(ellipse at 78% 22%,rgba(104,72,230,.26),transparent 38%),
    radial-gradient(ellipse at 7% 90%,rgba(25,125,220,.16),transparent 42%),
    linear-gradient(125deg,#060a19 0%,#0a1230 56%,#150c36 100%);
  box-shadow:0 30px 80px rgba(15,25,65,.18);
}
.about-hero-copy{position:relative;z-index:3;max-width:58%}
.about-hero-copy .page-kicker{margin-bottom:16px;color:#a8bcff}
.about-hero-copy h1{margin:0 0 16px;color:#fff;font-size:clamp(38px,4.5vw,62px);line-height:1.02;letter-spacing:-.055em}
.about-hero-copy h1 em{font-style:normal;background:linear-gradient(110deg,#42b9ff,#7c83ff 52%,#c26bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-hero-lead{max-width:560px;margin:0;color:rgba(215,227,250,.76);font-size:14px;line-height:1.65}
.about-hero-art{position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:48%;height:330px;pointer-events:none}
.about-hero-art .art-grid{opacity:.45}
.about-hero-art .art-orbit{width:470px;height:200px;border-color:rgba(120,170,255,.55);box-shadow:0 0 28px rgba(65,125,255,.35)}
.about-hero-art .art-orbit:after{border-color:rgba(182,92,235,.46)}
.about-hero-art .art-core{width:215px;height:215px;box-shadow:0 0 80px rgba(70,145,255,.6),0 0 130px rgba(150,70,255,.28)}
.about-page{padding:clamp(46px,5.5vw,78px) 0 clamp(64px,7vw,100px)}
.about-page .about-content{max-width:1100px;margin-inline:auto}
.about-page .prose{font-size:14.5px}
.about-page .prose>p:first-child{color:#35425f;font-size:15.5px;line-height:1.75;max-width:920px}
.about-page .prose h2{font-size:clamp(25px,2.6vw,34px);margin:42px 0 14px;letter-spacing:-.045em}
.about-page .prose h2:first-of-type{margin-top:34px}
.about-page .prose .about-card-grid{
  list-style:none;padding:0;margin:18px 0 36px;display:grid;grid-template-columns:repeat(4,1fr);
  gap:13px;counter-reset:about-card;
}
.about-page .prose .about-card-grid li{
  position:relative;display:flex;flex-direction:column;gap:7px;min-height:186px;
  padding:18px 17px 17px;border:1px solid #e3eaf5;border-radius:16px;
  background:linear-gradient(150deg,#fbfdff,#f4f8fd);counter-increment:about-card;
}
.about-page .prose .about-card-grid li::before{
  content:"0" counter(about-card);display:grid;place-items:center;width:34px;height:34px;
  margin-bottom:6px;border-radius:10px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;
  background:linear-gradient(145deg,#2fa7ff,#8b5cf6);box-shadow:0 8px 18px rgba(80,100,240,.20);
}
.about-page .prose .about-card-grid strong{display:block;color:#17213a;font-size:13.5px;line-height:1.35;letter-spacing:-.01em}
.about-page .prose .about-card-grid p{margin:0;color:#6c7890;font-size:11.5px;line-height:1.55}
.about-page .prose .about-benefit-grid li::before{
  content:"✓";background:rgba(119,120,245,.12);color:#625edb;box-shadow:none;
  font-size:16px;font-weight:700;border:1px solid rgba(119,120,245,.14);
}
.about-page .prose .about-brand-grid{
  list-style:none;padding:0;margin:18px 0 36px;display:grid;grid-template-columns:1fr 1fr;gap:13px;
}
.about-page .prose .about-brand-grid li{
  padding:22px 24px;border:1px solid #e3eaf5;border-radius:16px;
  background:linear-gradient(145deg,#fbfdff,#f3f7fd);
}
.about-page .prose .about-brand-grid strong{
  display:block;font-size:27px;line-height:1;letter-spacing:-.02em;
  background:linear-gradient(110deg,#2f9eff,#7778f5);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.about-page .prose .about-brand-grid li:nth-child(2) strong{background-image:linear-gradient(110deg,#8e7bff,#d765ff)}
.about-page .prose .about-brand-grid em{
  display:inline-block;margin-top:10px;font-style:normal;color:#8a6a22;font-size:9px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:5px;background:#fff5de;
}
.about-page .prose .button{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 22px;
  border-radius:100px;color:#fff;text-decoration:none;font-size:12.5px;font-weight:700;letter-spacing:.01em;
  box-shadow:0 14px 32px rgba(100,90,240,.24);
}
.about-page .prose .button-gradient{background:linear-gradient(110deg,#2fa7ff,#8b5cf6)}
.about-page .prose .button:hover{text-decoration:none;transform:translateY(-2px)}
.about-page .prose .about-signature{
  margin-top:34px;padding-top:18px;border-top:1px solid #e8eef7;color:#8792a8;font-size:12px;
}
.about-page .prose .about-signature strong{color:#35425f;font-size:13px}

html[data-theme="dark"] .about-hero{background:#070b17}
html[data-theme="dark"] .about-hero-card{box-shadow:0 30px 80px rgba(0,0,0,.35)}
html[data-theme="dark"] .about-page .prose>p:first-child{color:#b9c7e0}
html[data-theme="dark"] .about-page .prose .about-card-grid li,
html[data-theme="dark"] .about-page .prose .about-brand-grid li{
  background:linear-gradient(150deg,rgba(18,24,49,.82),rgba(9,11,26,.8));border-color:rgba(160,190,255,.15);
}
html[data-theme="dark"] .about-page .prose .about-card-grid strong,
html[data-theme="dark"] .about-page .prose .about-brand-grid strong{color:#fff}
html[data-theme="dark"] .about-page .prose .about-card-grid p{color:#9aa8c2}
html[data-theme="dark"] .about-page .prose .about-brand-grid em{background:rgba(255,220,130,.10);color:#e1bd68}
html[data-theme="dark"] .about-page .prose .about-signature{border-top-color:rgba(160,190,255,.13);color:#8796b2}
html[data-theme="dark"] .about-page .prose .about-signature strong{color:#dbe6fa}

@media(max-width:1050px){
  .about-hero-copy{max-width:64%}
  .about-hero-art{width:44%;right:-9%}
  .about-page .prose .about-card-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .about-hero{padding:108px 0 0}
  .about-hero-card{display:block;padding:26px 22px 0;min-height:0;border-radius:20px}
  .about-hero-copy{max-width:100%}
  .about-hero-copy h1{font-size:clamp(34px,9.4vw,46px)}
  .about-hero-lead{font-size:13px;margin-bottom:185px}
  .about-hero-art{width:100%;height:230px;right:-20%;top:auto;bottom:-35px;transform:none}
  .about-hero-art .art-core{width:160px;height:160px}
  .about-hero-art .art-orbit{width:330px;height:140px}
  .about-page{padding:38px 0 58px}
  .about-page .prose .about-card-grid,
  .about-page .prose .about-brand-grid{grid-template-columns:1fr}
  .about-page .prose .about-card-grid li{min-height:0}
  .about-page .prose .about-brand-grid strong{font-size:24px}
}

.about-hero-copy .page-kicker{text-transform:uppercase}


/* ==================================================================
   Legal pages, requisites, cookie consent
   ================================================================== */
.legal-page{padding:clamp(42px,5vw,72px) 0 clamp(64px,7vw,96px)}
.legal-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:clamp(28px,4vw,54px);align-items:start}
.legal-sidebar{position:sticky;top:118px}
.legal-nav{display:flex;flex-direction:column;gap:2px;margin:10px 0 24px;padding:8px;border:1px solid #e4eaf4;border-radius:14px;background:#f8fafe}
.legal-nav a{display:block;padding:9px 11px;border-radius:8px;color:#5f6d88;font-size:11.5px;line-height:1.4;text-decoration:none;transition:background .18s,color .18s}
.legal-nav a:hover{background:#fff;color:#11172b}
.legal-nav a.is-active{background:#fff;color:#11172b;font-weight:700;box-shadow:0 4px 14px rgba(35,55,110,.07)}
.legal-sidebar-card{padding:16px;border:1px solid #e4eaf4;border-radius:14px;background:#f8fafe}
.legal-sidebar-card .eyebrow{margin-bottom:8px}
.legal-sidebar-card p{color:#758199;font-size:11px;line-height:1.6;margin:0 0 10px}
.legal-body{min-width:0}
.legal-body-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid #e8eef7;color:#8a95aa;font-size:10px}
.legal-badge{display:inline-flex;padding:5px 8px;border-radius:5px;background:rgba(110,110,240,.09);color:#5f5dcc;font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.legal-prose{max-width:840px;font-size:13.5px;line-height:1.75;color:#48546c}
.legal-prose h2{margin:34px 0 10px;color:#11172b;font-size:clamp(20px,2vw,26px);line-height:1.2;letter-spacing:-.035em}
.legal-prose h2:first-child{margin-top:16px}
.legal-prose p{margin:0 0 12px}
.legal-prose ul,.legal-prose ol{margin:0 0 16px;padding-left:20px;display:block}
.legal-prose li{margin:0 0 7px}
.legal-prose a{color:#5e5bcc;text-decoration:underline;text-underline-offset:2px}
.legal-prose strong{color:#1c2842}
.legal-contact-card{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:34px;padding:20px;border:1px solid #e4eaf4;border-radius:16px;background:linear-gradient(145deg,#fbfdff,#f4f8fd)}
.legal-contact-card .eyebrow{margin-bottom:8px}
.legal-contact-card strong{display:block;color:#11172b;font-size:14px;margin-bottom:4px}
.legal-contact-card span{display:block;color:#7c879c;font-size:11px;line-height:1.5}
.legal-contact-links{display:flex;flex-direction:column;gap:6px;text-align:right}
.legal-contact-links a{color:#5e5bcc;font-size:11.5px;text-decoration:none;font-weight:600}
.legal-hub{padding:clamp(42px,5vw,70px) 0 clamp(64px,7vw,96px)}
.legal-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.legal-card{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid #e3eaf5;border-radius:16px;background:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.legal-card:hover{transform:translateY(-2px);border-color:#cfd9ec;box-shadow:0 16px 34px rgba(35,55,110,.08)}
.legal-card-number{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,#2fa7ff,#8b5cf6);color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em}
.legal-card-body{display:flex;flex-direction:column;gap:5px;min-width:0}
.legal-card-body strong{color:#11172b;font-size:13.5px;line-height:1.4}
.legal-card-body span{color:#7c879c;font-size:11px;line-height:1.5}
.legal-card-arrow{margin-left:auto;color:#8c97ab;font-size:15px}
.legal-hub-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:22px}
.legal-hub-company,.legal-hub-contact{padding:22px;border:1px solid #e3eaf5;border-radius:16px;background:linear-gradient(145deg,#fbfdff,#f4f8fd)}
.legal-hub-company .eyebrow,.legal-hub-contact .eyebrow{margin-bottom:8px}
.legal-hub-company h2{margin:0 0 8px;font-size:20px;letter-spacing:-.03em;color:#11172b}
.legal-hub-company p{color:#7c879c;font-size:11.5px;line-height:1.6;margin:0 0 12px}
.legal-hub-requisites{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 14px;color:#7c879c;font-size:10.5px}
.legal-hub-requisites b{color:#35425f}
.legal-hub-contact p{color:#7c879c;font-size:11.5px;line-height:1.6;margin:0 0 10px}
.legal-hub-phone{display:block;color:#11172b;font-size:20px;font-weight:700;letter-spacing:-.03em;text-decoration:none;margin-bottom:8px}
.requisites-page{padding:clamp(42px,5vw,70px) 0 clamp(64px,7vw,96px)}
.requisites-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(24px,3vw,40px);align-items:start}
.requisites-main{display:flex;flex-direction:column;gap:14px}
.requisites-card{padding:22px;border:1px solid #e3eaf5;border-radius:16px;background:#fff}
.requisites-card .eyebrow{margin-bottom:8px}
.requisites-card h2{margin:0 0 16px;font-size:20px;letter-spacing:-.03em;color:#11172b}
.requisites-list{display:flex;flex-direction:column;gap:0;margin:0}
.requisites-list div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:9px 0;border-top:1px solid #eef2f8}
.requisites-list div:first-child{border-top:0;padding-top:0}
.requisites-list dt{color:#8a95aa;font-size:10.5px}
.requisites-list dd{margin:0;color:#1c2842;font-size:12px;line-height:1.5}
.requisites-bank{color:#48546c;font-size:12px;line-height:1.75;margin:0}
.requisites-contacts{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.requisites-contacts a{color:#11172b;font-size:13px;font-weight:600;text-decoration:none}
.requisites-contacts a:hover{color:#5e5bcc}
.requisites-aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:118px}
.requisites-aside-card{padding:16px;border:1px solid #e4eaf4;border-radius:14px;background:#f8fafe}
.requisites-aside-card .eyebrow{margin-bottom:8px}
.requisites-aside-card p{color:#758199;font-size:11px;line-height:1.6;margin:0 0 10px}
.requisites-aside-card .legal-nav{margin:0;padding:0;border:0;background:transparent}
.requisites-aside-card .legal-nav a{padding:7px 0;border-radius:0}
.requisites-aside-card .legal-nav a.is-active{background:transparent;box-shadow:none;color:#5e5bcc}
.footer-requisites{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:14px 0;border-top:1px solid rgba(120,140,180,.14);color:#8a95aa;font-size:10px}
.footer-requisites-company{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.footer-requisites-company strong{color:#c9d6ee;font-size:10.5px}
.footer-requisites-address{margin:0;color:#7c879c;font-size:10px;flex:1 1 300px}
.footer-requisites-link{color:#aebbd2;text-decoration:none;white-space:nowrap}
.footer-requisites-link:hover{color:#8bd6ff}
.footer-legal{flex-wrap:wrap;gap:6px 14px}
.check-field a{color:#5e5bcc;text-decoration:underline;text-underline-offset:2px}
.cookie-banner{position:fixed;left:50%;bottom:18px;z-index:300;width:min(760px,calc(100% - 28px));transform:translate(-50%,14px);opacity:0;transition:opacity .24s ease,transform .24s ease}
.cookie-banner.is-visible{opacity:1;transform:translate(-50%,0)}
.cookie-banner-inner{display:flex;align-items:center;gap:20px;padding:15px 16px 15px 20px;border:1px solid rgba(130,160,220,.22);border-radius:16px;background:rgba(10,15,30,.94);box-shadow:0 20px 50px rgba(0,0,0,.35);backdrop-filter:blur(16px);color:#c7d4ea}
.cookie-banner-copy{min-width:0}
.cookie-banner-copy strong{display:block;color:#fff;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.cookie-banner-copy p{margin:0;font-size:11px;line-height:1.55;color:#aab8cf}
.cookie-banner-copy a{color:#9cc8ff;text-decoration:underline;text-underline-offset:2px}
.cookie-banner-actions{display:flex;gap:7px;flex:0 0 auto}
.cookie-banner .button{min-height:34px;padding:0 12px;font-size:10px;white-space:nowrap}
html[data-theme="dark"] .legal-nav,
html[data-theme="dark"] .legal-sidebar-card,
html[data-theme="dark"] .requisites-aside-card{background:rgba(16,22,45,.7);border-color:rgba(160,190,255,.14)}
html[data-theme="dark"] .legal-nav a{color:#9aa8c2}
html[data-theme="dark"] .legal-nav a:hover,
html[data-theme="dark"] .legal-nav a.is-active{background:rgba(255,255,255,.06);color:#fff}
html[data-theme="dark"] .legal-prose{color:#b9c7e0}
html[data-theme="dark"] .legal-prose h2,
html[data-theme="dark"] .legal-prose strong{color:#f2f6ff}
html[data-theme="dark"] .legal-prose a{color:#9cc8ff}
html[data-theme="dark"] .legal-body-top{border-bottom-color:rgba(160,190,255,.13);color:#8090ad}
html[data-theme="dark"] .legal-badge{background:rgba(130,130,250,.14);color:#b7b1ff}
html[data-theme="dark"] .legal-contact-card,
html[data-theme="dark"] .legal-card,
html[data-theme="dark"] .legal-hub-company,
html[data-theme="dark"] .legal-hub-contact,
html[data-theme="dark"] .requisites-card{background:linear-gradient(145deg,rgba(18,24,49,.82),rgba(9,11,26,.8));border-color:rgba(160,190,255,.15)}
html[data-theme="dark"] .legal-card-body strong,
html[data-theme="dark"] .legal-hub-company h2,
html[data-theme="dark"] .legal-hub-phone,
html[data-theme="dark"] .requisites-card h2,
html[data-theme="dark"] .requisites-list dd,
html[data-theme="dark"] .requisites-contacts a{color:#f2f6ff}
html[data-theme="dark"] .legal-card-body span,
html[data-theme="dark"] .legal-hub-company p,
html[data-theme="dark"] .legal-hub-contact p,
html[data-theme="dark"] .requisites-card .requisites-bank{color:#9aa8c2}
html[data-theme="dark"] .requisites-list div{border-top-color:rgba(160,190,255,.11)}
html[data-theme="dark"] .legal-contact-card strong{color:#fff}
html[data-theme="dark"] .legal-contact-card span{color:#9aa8c2}
html[data-theme="dark"] .legal-contact-links a{color:#9cc8ff}
@media(max-width:1000px){
  .legal-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}
  .requisites-layout{grid-template-columns:minmax(0,1fr) 250px;gap:22px}
  .legal-hub-grid{gap:10px}
}
@media(max-width:760px){
  .legal-layout,.requisites-layout{grid-template-columns:1fr}
  .legal-sidebar,.requisites-aside{position:static}
  .legal-nav{display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px}
  .legal-nav a{font-size:10.5px}
  .legal-hub-grid,.legal-hub-bottom{grid-template-columns:1fr}
  .legal-card{padding:16px}
  .legal-contact-card{flex-direction:column;gap:12px}
  .legal-contact-links{text-align:left}
  .requisites-list div{grid-template-columns:1fr;gap:2px}
  .footer-requisites{padding:12px 0}
  .footer-requisites-address{flex-basis:100%}
  .cookie-banner{bottom:10px;width:calc(100% - 20px)}
  .cookie-banner-inner{flex-direction:column;align-items:stretch;gap:10px;padding:14px}
  .cookie-banner-actions{display:grid;grid-template-columns:1fr 1fr}
}


/* footer: catalog spans two columns, company moves to former support slot */
.footer-col-catalog{grid-column:span 2}
.footer-col-catalog .footer-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:repeat(4,auto);
  grid-auto-flow:column;
  column-gap:clamp(18px,2.2vw,34px);
  row-gap:9px;
}
@media(max-width:760px){
  .footer-col-company{grid-column:span 2}
  .footer-col-catalog .footer-links{column-gap:16px}
}

/* footer block: compact outer height, content sizing stays original */
.site-footer{padding:clamp(28px,2.4vw,38px) 0 14px}

/* requested footer block height */
.site-footer{min-height:400px}


/* center footer content inside the fixed-height block */
.site-footer{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(28px,2.4vw,38px) 0;
}


/* About hero: full-bleed card, content aligned to site container */
.about-hero .container{width:100%;max-width:none;padding:0;margin:0}
.about-hero-card{
  border-radius:0;
  box-shadow:none;
  padding:clamp(34px,4.5vw,54px) max(24px,calc((100vw - 1240px) / 2));
}


/* About: hero background continues behind the floating header */
.about-hero{
  background:
    radial-gradient(ellipse at 78% 22%,rgba(104,72,230,.26),transparent 38%),
    radial-gradient(ellipse at 7% 90%,rgba(25,125,220,.16),transparent 42%),
    linear-gradient(125deg,#060a19 0%,#0a1230 56%,#150c36 100%);
}
.about-hero-card{background:transparent;box-shadow:none}

.footer-grid{padding-bottom:20px}


/* modern About cards */
.about-page .prose .about-card-grid li{
  position:relative;
  overflow:hidden;
  padding:22px 20px 20px;
  border:1px solid #dfe7f4;
  border-radius:18px;
  background:
    linear-gradient(90deg,#2fa7ff,#7b6df6 52%,#b65ceb) top left/100% 2px no-repeat,
    radial-gradient(circle at 14% 6%,rgba(85,125,250,.12),transparent 30%),
    radial-gradient(circle at 92% 2%,rgba(182,92,235,.08),transparent 26%),
    linear-gradient(155deg,#ffffff 0%,#f8fbff 55%,#f1f6ff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 28px rgba(30,50,100,.05);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.about-page .prose .about-card-grid li::after{
  content:"0" counter(about-card);
  position:absolute;right:10px;bottom:-26px;z-index:0;
  color:rgba(48,72,140,.06);
  font-size:98px;font-weight:800;line-height:1;letter-spacing:-.08em;
  pointer-events:none;
}
.about-page .prose .about-card-grid li:hover{
  transform:translateY(-4px);
  border-color:rgba(110,120,240,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 22px 48px rgba(30,50,100,.12);
}
.about-page .prose .about-activity-grid li::before{
  content:"0" counter(about-card);
  width:42px;height:42px;border-radius:12px;
  background:linear-gradient(145deg,#2fa7ff,#7b6df6 52%,#b65ceb);
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 10px 22px rgba(80,100,240,.24),inset 0 1px 0 rgba(255,255,255,.32);
  font-size:11px;
  transition:transform .25s ease,box-shadow .25s ease;
}
.about-page .prose .about-activity-grid li:hover::before{
  transform:translateY(-2px) rotate(-4deg);
  box-shadow:0 14px 26px rgba(80,100,240,.30),inset 0 1px 0 rgba(255,255,255,.35);
}
.about-page .prose .about-benefit-grid li::before{
  content:"✓";
  width:42px;height:42px;border-radius:12px;
  background:linear-gradient(145deg,#f2f2ff,#e8eaff);
  color:#625edb;border:1px solid rgba(110,110,245,.15);
  box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(80,90,220,.10);
  font-size:17px;
  transition:transform .25s ease;
}
.about-page .prose .about-benefit-grid li:hover::before{transform:translateY(-2px) rotate(4deg)}
.about-page .prose .about-benefit-grid li::after{
  content:"✓";
  color:rgba(70,80,190,.055);
  font-size:92px;font-weight:700;right:12px;bottom:-22px;
}
.about-page .prose .about-card-grid strong{
  position:relative;z-index:1;font-size:14px;line-height:1.35;
}
.about-page .prose .about-card-grid strong::after{
  content:"";display:block;width:28px;height:2px;margin-top:8px;border-radius:2px;
  background:linear-gradient(90deg,#2fa7ff,#8b5cf6 60%,#b65ceb);opacity:.55;
}
.about-page .prose .about-card-grid p{
  position:relative;z-index:1;font-size:11.5px;line-height:1.62;
}
html[data-theme="dark"] .about-page .prose .about-card-grid li{
  border-color:rgba(160,190,255,.16);
  background:
    linear-gradient(90deg,#2fa7ff,#7b6df6 52%,#b65ceb) top left/100% 2px no-repeat,
    radial-gradient(circle at 14% 6%,rgba(85,125,250,.15),transparent 30%),
    radial-gradient(circle at 92% 2%,rgba(182,92,235,.12),transparent 26%),
    linear-gradient(155deg,rgba(18,24,49,.92),rgba(9,11,26,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px rgba(0,0,0,.20);
}
html[data-theme="dark"] .about-page .prose .about-card-grid li:hover{
  border-color:rgba(150,150,255,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 48px rgba(0,0,0,.30);
}
html[data-theme="dark"] .about-page .prose .about-card-grid li::after{color:rgba(160,190,255,.06)}
html[data-theme="dark"] .about-page .prose .about-benefit-grid li::after{color:rgba(160,190,255,.055)}
html[data-theme="dark"] .about-page .prose .about-benefit-grid li::before{
  background:linear-gradient(145deg,rgba(120,120,255,.16),rgba(90,90,220,.08));
  color:#b7b1ff;border-color:rgba(150,150,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.15);
}
@media(max-width:760px){
  .about-page .prose .about-card-grid li{padding:18px 17px}
  .about-page .prose .about-card-grid li::after{font-size:78px;bottom:-18px}
}


/* ==================================================================
   About — modern brand, activity and benefit blocks
   ================================================================== */
.about-page .prose .about-brand-grid{gap:16px;margin:18px 0 40px}
.about-page .prose .about-brand-grid li{
  position:relative;overflow:hidden;min-height:190px;
  padding:30px 26px 24px;border-radius:20px;border:1px solid #dfe8f5;
  background:
    radial-gradient(circle at 88% 12%,rgba(47,167,255,.18),transparent 42%),
    linear-gradient(150deg,#ffffff 0%,#f4f9ff 60%,#eaf3ff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px rgba(30,50,100,.055);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.about-page .prose .about-brand-grid li:nth-child(2){
  background:
    radial-gradient(circle at 88% 12%,rgba(182,92,235,.18),transparent 42%),
    linear-gradient(150deg,#ffffff 0%,#faf6ff 60%,#f2eaff 100%);
  border-color:#eadff7;
}
.about-page .prose .about-brand-grid li::before{
  content:"K";position:absolute;right:18px;top:-30px;z-index:0;
  font-size:160px;font-weight:800;line-height:1;letter-spacing:-.09em;
  color:rgba(47,167,255,.07);pointer-events:none;
}
.about-page .prose .about-brand-grid li:nth-child(2)::before{content:"В";color:rgba(182,92,235,.07)}
.about-page .prose .about-brand-grid li::after{
  content:"";position:absolute;right:-40px;bottom:-70px;z-index:0;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(47,167,255,.18),transparent 66%);pointer-events:none;
}
.about-page .prose .about-brand-grid li:nth-child(2)::after{background:radial-gradient(circle,rgba(182,92,235,.18),transparent 66%)}
.about-page .prose .about-brand-grid li:hover{
  transform:translateY(-4px);border-color:#c9d9f2;box-shadow:0 22px 44px rgba(30,50,100,.11);
}
.about-page .prose .about-brand-grid strong{position:relative;z-index:1;font-size:34px;line-height:1;letter-spacing:-.03em}
.about-page .prose .about-brand-grid em{position:relative;z-index:1}

.about-page .prose .about-activity-grid{gap:14px;margin:24px 0 42px}
.about-page .prose .about-activity-grid li{
  position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:340px;padding:18px;border-radius:20px;border:1px solid #dfe8f5;
  background-color:#f6faff;background-repeat:no-repeat;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(30,50,100,.055);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.about-page .prose .about-activity-grid li:nth-child(1){
  color:#fff;border-color:rgba(130,160,255,.28);
  background-image:url('/assets/about/proizvodstvo-cut.webp'),
    radial-gradient(circle at 50% 32%,rgba(60,160,255,.30),transparent 54%),
    linear-gradient(155deg,#060b1a 0%,#0b1430 55%,#1a0e3f 100%);
  background-position:center 16px,center,center;
  background-size:82% auto,cover,cover;
  box-shadow:0 18px 38px rgba(20,30,80,.30);
}
.about-page .prose .about-activity-grid li:nth-child(2){
  background-image:url('/assets/about/postavka-cut.webp'),
    radial-gradient(circle at 50% 26%,rgba(47,167,255,.14),transparent 56%),
    linear-gradient(160deg,#ffffff 0%,#f5faff 58%,#edf5ff 100%);
  background-position:center 20px,center,center;background-size:84% auto,cover,cover;
}
.about-page .prose .about-activity-grid li:nth-child(3){
  background-image:url('/assets/about/komplektacia-cut.webp'),
    radial-gradient(circle at 50% 26%,rgba(47,167,255,.13),transparent 56%),
    linear-gradient(160deg,#ffffff 0%,#f5faff 58%,#edf5ff 100%);
  background-position:center 22px,center,center;background-size:82% auto,cover,cover;
}
.about-page .prose .about-activity-grid li:nth-child(4){
  background-image:url('/assets/about/tehpodbor-cut.webp'),
    radial-gradient(circle at 50% 26%,rgba(47,167,255,.13),transparent 56%),
    linear-gradient(160deg,#ffffff 0%,#f5faff 58%,#edf5ff 100%);
  background-position:center 24px,center,center;background-size:84% auto,cover,cover;
}
.about-page .prose .about-activity-grid li:hover{transform:translateY(-5px);border-color:#c9d9f2;box-shadow:0 24px 48px rgba(30,50,100,.12)}
.about-page .prose .about-activity-grid li:nth-child(1):hover{border-color:rgba(160,190,255,.46);box-shadow:0 26px 54px rgba(10,20,60,.38)}
.about-page .prose .about-activity-grid li::before{
  content:"0" counter(about-card);position:absolute;top:16px;left:16px;z-index:4;
  display:grid;place-items:center;width:32px;height:32px;border-radius:9px;
  background:rgba(9,16,36,.72);border:1px solid rgba(160,190,255,.20);color:#fff;
  font-size:10px;font-weight:800;letter-spacing:.04em;box-shadow:0 6px 14px rgba(0,0,0,.16);
  backdrop-filter:blur(8px);
}
.about-page .prose .about-activity-grid li::after{
  content:"↗";position:absolute;left:16px;bottom:16px;z-index:4;
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:#fff;border:1px solid #dbe5f5;color:#5e5bcc;font-size:14px;
  box-shadow:0 8px 18px rgba(30,50,100,.10);pointer-events:none;
}
.about-page .prose .about-activity-grid li:nth-child(1)::after{background:rgba(255,255,255,.10);border-color:rgba(190,210,255,.30);color:#fff}
.about-page .prose .about-activity-grid strong{
  position:relative;z-index:3;margin-top:auto;font-size:14px;line-height:1.35;
}
.about-page .prose .about-activity-grid strong::after{display:none}
.about-page .prose .about-activity-grid p{
  position:relative;z-index:3;margin:0 0 44px;font-size:11.5px;line-height:1.55;
}
.about-page .prose .about-activity-grid li:nth-child(1) strong{color:#fff}
.about-page .prose .about-activity-grid li:nth-child(1) p{color:#bdcbe4}

.about-page .prose .about-benefit-strip{
  list-style:none!important;display:grid;grid-template-columns:1.15fr repeat(4,minmax(0,1fr));gap:0;
  margin:26px 0 42px;padding:clamp(22px,2.6vw,30px);border-radius:22px;overflow:hidden;
  background:
    radial-gradient(ellipse at 8% 110%,rgba(50,160,255,.20),transparent 36%),
    radial-gradient(ellipse at 98% 0%,rgba(182,92,235,.20),transparent 34%),
    linear-gradient(110deg,#070c1d 0%,#0c1532 55%,#150b34 100%);
  box-shadow:0 24px 54px rgba(15,25,65,.20);color:#fff;
}
.about-page .prose .about-benefit-strip>li{
  position:relative;z-index:1;margin:0;padding:6px 0 6px 22px;border-left:1px solid rgba(160,190,255,.16);
  display:flex;flex-direction:column;justify-content:center;min-width:0;
}
.about-page .prose .about-benefit-strip>li.about-benefit-intro{
  border-left:0;padding:0 26px 0 0;
}
.about-page .prose .about-benefit-intro .eyebrow{
  color:#9bb0d6;margin:0 0 14px;letter-spacing:.16em;white-space:nowrap;
}
.about-page .prose .about-benefit-intro .eyebrow::after{
  content:"";width:44px;height:1px;margin-left:12px;background:linear-gradient(90deg,#4ab6ff,#b65ceb);
}
.about-page .prose .about-benefit-intro h2{
  margin:0;color:#fff;font-size:clamp(24px,2.2vw,31px);line-height:1.06;letter-spacing:-.045em;
}
.about-page .prose .about-benefit-intro h2 em{
  font-style:normal;background:linear-gradient(110deg,#42b9ff,#8b8bff 50%,#c26bff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.about-page .prose .about-benefit-strip>li:not(.about-benefit-intro)::before{
  content:"";display:block;width:38px;height:38px;margin-bottom:11px;border-radius:11px;
  background-color:rgba(255,255,255,.07);border:1px solid rgba(160,190,255,.18);
  background-repeat:no-repeat;background-position:center;background-size:20px;
}
.about-page .prose .about-benefit-strip>li:nth-child(2)::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOWNjOGZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJtMTIgMyA5IDUtOSA1LTktNSA5LTVaIi8+PHBhdGggZD0ibTMgMTIgOSA1IDktNSIvPjxwYXRoIGQ9Im0zIDE2IDkgNSA5LTUiLz48L3N2Zz4=")}
.about-page .prose .about-benefit-strip>li:nth-child(3)::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOWNjOGZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCA3aDE0TTQgMTdoMTQiLz48Y2lyY2xlIGN4PSI5IiBjeT0iNyIgcj0iMiIvPjxjaXJjbGUgY3g9IjE1IiBjeT0iMTciIHI9IjIiLz48L3N2Zz4=")}
.about-page .prose .about-benefit-strip>li:nth-child(4)::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOWNjOGZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCAxM2E4IDggMCAwIDEgMTYgMCIvPjxwYXRoIGQ9Ik00IDEzdjNhMiAyIDAgMCAwIDIgMmgydi02SDZhMiAyIDAgMCAwLTIgMloiLz48cGF0aCBkPSJNMjAgMTN2M2EyIDIgMCAwIDEtMiAyaC0ydi02aDJhMiAyIDAgMCAxIDIgMloiLz48L3N2Zz4=")}
.about-page .prose .about-benefit-strip>li:nth-child(5)::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOWNjOGZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5Ii8+PHBhdGggZD0ibTggMTIgMyAzIDUtNiIvPjwvc3ZnPg==")}
.about-page .prose .about-benefit-strip strong{
  display:block;color:#fff;font-size:13px;line-height:1.32;letter-spacing:-.01em;margin-bottom:7px;
}
.about-page .prose .about-benefit-strip p{
  margin:0;color:#aebbd4;font-size:11px;line-height:1.55;
}

html[data-theme="dark"] .about-page .prose .about-brand-grid li{
  background:radial-gradient(circle at 88% 12%,rgba(47,167,255,.10),transparent 42%),linear-gradient(150deg,rgba(18,24,49,.9),rgba(9,11,26,.9));
  border-color:rgba(160,190,255,.16);box-shadow:0 14px 30px rgba(0,0,0,.22);
}
html[data-theme="dark"] .about-page .prose .about-brand-grid li:nth-child(2){
  background:radial-gradient(circle at 88% 12%,rgba(182,92,235,.12),transparent 42%),linear-gradient(150deg,rgba(22,20,48,.92),rgba(9,11,26,.9));
}
html[data-theme="dark"] .about-page .prose .about-brand-grid strong,
html[data-theme="dark"] .about-page .prose .about-benefit-strip strong{color:#fff}
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(2),
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(3),
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(4){
  color:#fff;border-color:rgba(160,190,255,.16);
  background-image:url('/assets/about/postavka-cut.webp'),radial-gradient(circle at 50% 26%,rgba(47,167,255,.10),transparent 56%),linear-gradient(160deg,#0f1730,#0a1024);
}
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(3){
  background-image:url('/assets/about/komplektacia-cut.webp'),radial-gradient(circle at 50% 26%,rgba(47,167,255,.10),transparent 56%),linear-gradient(160deg,#0f1730,#0a1024);
}
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(4){
  background-image:url('/assets/about/tehpodbor-cut.webp'),radial-gradient(circle at 50% 26%,rgba(47,167,255,.10),transparent 56%),linear-gradient(160deg,#0f1730,#0a1024);
}
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(2) strong,
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(3) strong,
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(4) strong{color:#fff}
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(2) p,
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(3) p,
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(4) p{color:#9aa8c2}

@media(max-width:1050px){
  .about-page .prose .about-benefit-strip{grid-template-columns:1fr 1fr}
  .about-page .prose .about-benefit-strip>li.about-benefit-intro{grid-column:1/-1;padding:0 0 20px;border-bottom:1px solid rgba(160,190,255,.16)}
  .about-page .prose .about-benefit-strip>li:not(.about-benefit-intro){border-left:0;padding:16px 18px 0 0}
  .about-page .prose .about-activity-grid{gap:12px}
}
@media(max-width:760px){
  .about-page .prose .about-activity-grid li{min-height:300px;background-size:72% auto,cover,cover}
  .about-page .prose .about-activity-grid li:nth-child(1){background-size:72% auto,cover,cover}
  .about-page .prose .about-benefit-strip{grid-template-columns:1fr;padding:18px}
  .about-page .prose .about-benefit-strip>li:not(.about-benefit-intro){border-left:0;border-top:1px solid rgba(160,190,255,.13);padding:14px 0 0}
  .about-page .prose .about-benefit-strip>li:not(.about-benefit-intro)::before{width:34px;height:34px;margin-bottom:8px}
  .about-page .prose .about-brand-grid li{min-height:165px;padding:24px 20px 20px}
  .about-page .prose .about-brand-grid strong{font-size:28px}
}


/* keep activity card headings on one baseline */
.about-page .prose .about-activity-grid li{
  justify-content:flex-start;
  padding:190px 18px 18px;
}
.about-page .prose .about-activity-grid strong{margin-top:0}
@media(max-width:1050px){
  .about-page .prose .about-activity-grid li{padding-top:215px}
}
@media(max-width:760px){
  .about-page .prose .about-activity-grid li{padding-top:245px}
}


/* 761–1200: keep the cinematic hero as one scene instead of a split band */
@media(min-width:761px) and (max-width:1200px){
  .hero{display:block;min-height:100svh;background:#04050c}
  .hero-grid{display:block;min-height:100svh}
  .hero-copy{
    max-width:52%;
    padding:clamp(112px,14vh,146px) 0 92px;
  }
  .hero h1{font-size:clamp(42px,5.6vw,64px);line-height:1.04}
  .hero-lead{max-width:460px;font-size:14px}
  .hero-stage{
    order:initial;position:absolute;inset:0;width:auto;height:auto;margin:0;clip-path:none;
  }
  .hero-benefits{
    order:initial;position:absolute;left:0;right:0;bottom:58px;
    padding:0;background:transparent;
  }
  .hero-benefits .benefits-grid{grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.1vw,14px)}
  .hero-benefits .benefit-card{min-height:176px;padding:15px}
  .hero-benefits .benefit-card h3{font-size:14px}
  .hero-benefits .benefit-card p{font-size:10.5px;line-height:1.45}
}


/* 761–1000: keep copy clear of the 3D object */
@media(min-width:761px) and (max-width:1000px){
  .hero-copy{max-width:40%;padding-top:clamp(104px,13vh,132px)}
  .hero h1{font-size:clamp(38px,5.1vw,52px)}
  .hero-lead{max-width:300px;font-size:13px;line-height:1.6}
  .hero-actions{gap:8px}
  .hero-actions .button{min-height:46px;padding:0 15px;font-size:11px}
  .hero-note{font-size:9.5px}
}


/* mobile hero: 3D lamp becomes the background behind the copy */
@media(max-width:760px){
  .hero{
    position:relative;
    display:block;
    min-height:100svh;
    background:#04050c;
    overflow:hidden;
  }
  .hero-grid{display:block;position:relative;z-index:4;min-height:0}
  .hero-copy{position:relative;z-index:6;max-width:100%;padding:110px 0 42px}
  .hero-stage{
    position:absolute;inset:0;order:initial;width:100%;height:100%;min-height:100%;
    margin:0;clip-path:none;z-index:0;
  }
  .hero-vignette{
    background:linear-gradient(180deg,rgba(3,5,16,.78) 0%,rgba(3,5,16,.45) 28%,rgba(3,5,16,.12) 52%,rgba(3,5,16,.62) 100%);
  }
  .hero-benefits{
    position:relative;z-index:5;left:auto;right:auto;bottom:auto;
    padding:0 0 34px;background:transparent;
  }
  .stage-hint{display:none}
  .stage-caption{display:none}
}


/* dark theme: keep activity images and their sizing */
html[data-theme="dark"] .about-page .prose .about-activity-grid li{
  background-color:#0a1224;
  border-color:rgba(160,190,255,.16);
}
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(1){
  color:#fff;
  background-image:url('/assets/about/proizvodstvo-cut.webp'),
    radial-gradient(circle at 50% 32%,rgba(60,160,255,.30),transparent 54%),
    linear-gradient(155deg,#060b1a 0%,#0b1430 55%,#1a0e3f 100%);
  background-repeat:no-repeat;
  background-position:center 16px,center,center;
  background-size:82% auto,cover,cover;
}
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(2){
  background-image:url('/assets/about/postavka-cut.webp'),
    radial-gradient(circle at 50% 26%,rgba(47,167,255,.12),transparent 56%),
    linear-gradient(160deg,#0f1730,#0a1024);
  background-repeat:no-repeat;
  background-position:center 20px,center,center;
  background-size:84% auto,cover,cover;
}
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(3){
  background-image:url('/assets/about/komplektacia-cut.webp'),
    radial-gradient(circle at 50% 26%,rgba(47,167,255,.12),transparent 56%),
    linear-gradient(160deg,#0f1730,#0a1024);
  background-repeat:no-repeat;
  background-position:center 22px,center,center;
  background-size:82% auto,cover,cover;
}
html[data-theme="dark"] .about-page .prose .about-activity-grid li:nth-child(4){
  background-image:url('/assets/about/tehpodbor-cut.webp'),
    radial-gradient(circle at 50% 26%,rgba(47,167,255,.12),transparent 56%),
    linear-gradient(160deg,#0f1730,#0a1024);
  background-repeat:no-repeat;
  background-position:center 24px,center,center;
  background-size:84% auto,cover,cover;
}
html[data-theme="dark"] .about-page .prose .about-activity-grid li::after{
  background:rgba(255,255,255,.10);
  border-color:rgba(190,210,255,.30);
  color:#fff;
}