.mitra-layout,
.mitra-layout *,
.mitra-layout *::before,
.mitra-layout *::after { box-sizing: border-box; }
.mitra-layout { width: 100%; overflow-x: hidden; font-family: "Golos Text", system-ui, sans-serif; background: #fff; color: #0c0834; -webkit-font-smoothing: antialiased; }
.mitra-layout a { color: #0c0834; text-decoration: none; }
.mitra-layout a:hover { color: #c9a800; }
.mitra-layout h1,
.mitra-layout h2,
.mitra-layout h3,
.mitra-layout h4,
.mitra-layout p { margin: 0; text-wrap: pretty; }
.mitra-layout [style*="display: flex"] > *,
.mitra-layout [style*="display:flex"] > *,
.mitra-layout [style*="display: grid"] > *,
.mitra-layout [style*="display:grid"] > * { min-width: 0; }
.mitra-layout h1,
.mitra-layout h2,
.mitra-layout h3,
.mitra-layout .mitra-richtext { overflow-wrap: anywhere; }
.mitra-layout #pochemu h1,
.mitra-layout #pochemu h2,
.mitra-layout #pochemu h3,
.mitra-layout #harakteristiki h1,
.mitra-layout #harakteristiki h2,
.mitra-layout #harakteristiki h3,
.mitra-layout #zayavka h1,
.mitra-layout #zayavka h2,
.mitra-layout #zayavka h3,
.mitra-layout #zakaz h1,
.mitra-layout #zakaz h2,
.mitra-layout #zakaz h3,
.mitra-layout [style*="background: rgb(18, 9, 63)"] h1,
.mitra-layout [style*="background: rgb(18, 9, 63)"] h2,
.mitra-layout [style*="background: rgb(18, 9, 63)"] h3,
.mitra-layout [style*="background: rgb(22, 17, 89)"] h1,
.mitra-layout [style*="background: rgb(22, 17, 89)"] h2,
.mitra-layout [style*="background: rgb(22, 17, 89)"] h3 { color: #fff !important; }
.mitra-layout input,
.mitra-layout button,
.mitra-layout select,
.mitra-layout textarea { font: inherit; color: inherit; }
.mitra-layout .sc::-webkit-scrollbar { display: none; }
.mitra-layout .mitra-inner { max-width: 1500px; margin: 0 auto; padding: 0 clamp(16px, 2.6vw, 40px); }
.mitra-layout .mitra-category-content { padding: 56px 0; background: #fff; }
.mitra-layout .mitra-category-content { font-size: 16.5px; line-height: 1.65; }
.mitra-layout .mitra-catalog-filters select { width: auto !important; min-width: 170px; border: 1px solid #dcdfe2; background: #fff; padding: 12px 38px 12px 14px; cursor: pointer; }
.mitra-layout .mitra-catalog-filters button,
.mitra-layout .mitra-catalog-filters > a { border: 1px solid #dcdfe2; font-size: 14.5px; font-weight: 600; padding: 12px 20px; cursor: pointer; }
.mitra-layout .mitra-catalog-filters button[type="submit"] {
  border-color: #0c0834 !important;
  background: #0c0834 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}
.mitra-layout .mitra-catalog-filters button[type="submit"]:hover,
.mitra-layout .mitra-catalog-filters button[type="submit"]:focus-visible {
  border-color: #ffd400 !important;
  background: #ffd400 !important;
  color: #0c0834 !important;
  -webkit-text-fill-color: #0c0834;
}
.mitra-layout .mitra-catalog-filters > a {
  background: #fff;
  color: #0c0834;
}
.mitra-layout .mitra-spec-row { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; font-size: 14.5px; border-bottom: 1px solid #dcdfe2; }
.mitra-layout .mitra-spec-row:last-child { border-bottom: 0; }
.mitra-layout .mitra-spec-row span { color: #6a7075; }
.mitra-layout .mitra-cf7-missing { border: 1px dashed #b9bdc5; padding: 18px; color: #6a7075; background: #fff; }
.mitra-layout .mitra-cf7-grid { display: grid; gap: 14px; width: 100%; }
.mitra-layout .mitra-cf7-grid p { margin: 0; }
.mitra-layout .mitra-cf7-grid > br,
.mitra-layout .mitra-cf7-two > br { display: none; }
.mitra-layout .mitra-cf7-two { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; width: 100%; }
.mitra-layout .mitra-cf7-two > p { display: contents; }
.mitra-layout .wpcf7-form-control-wrap { display: block; width: 100%; margin: 0; }
.mitra-layout .wpcf7 input:not([type="checkbox"]):not([type="submit"]),
.mitra-layout .wpcf7 select,
.mitra-layout .wpcf7 textarea { display: block; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 60px; height: auto; margin: 0; border: 1px solid #dcdfe2; border-radius: 0; background: #fff; padding: 15px 16px; font-size: 16px; line-height: 1.45; }
.mitra-layout .wpcf7 input[type="number"] { width: 100% !important; max-width: none !important; min-width: 0 !important; }
.mitra-layout .wpcf7 input[type="submit"] { width: 100%; border: 0; padding: 17px; font-weight: 700; font-size: 16px; cursor: pointer; background: #ffd400; color: #12093f; }
.mitra-layout .wpcf7 .wpcf7-acceptance label { display: flex; gap: 10px; align-items: flex-start; margin: 0; font-size: 13.5px; line-height: 1.5; color: #6a7075; }
.mitra-layout .wpcf7 .wpcf7-acceptance input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; margin: 1px 0 0; }
.mitra-layout .wpcf7 .wpcf7-spinner { margin: 8px auto 0; display: block; }
.mitra-layout img[src=""] { visibility: hidden; }
.mitra-layout [style*='url("")'],
.mitra-layout [style*="url('')"] { background-image: none !important; }
.mitra-layout .mitra-richtext > :first-child,
.mitra-layout .mitra-catalog-description > :first-child { margin-top: 0; }
.mitra-layout .mitra-richtext > :last-child,
.mitra-layout .mitra-catalog-description > :last-child { margin-bottom: 0; }
.mitra-layout .mitra-richtext p,
.mitra-layout .mitra-catalog-description p { margin: 0 0 .85em; font: inherit; color: inherit; }
.mitra-layout .mitra-richtext ul,
.mitra-layout .mitra-richtext ol { margin: .75em 0; padding-left: 1.3em; }
.mitra-layout [hidden] { display: none !important; }
.mitra-layout button:disabled { cursor: not-allowed !important; }

/* OceanWP wrappers must not constrain these full-width templates. */
.page-template-mitra-home #content-wrap,
.page-template-mitra-shop #content-wrap,
.page-template-page-shop #content-wrap,
.single-mitra_product #content-wrap,
.tax-mitra_product_category #content-wrap { width: 100%; max-width: none; padding: 0; }
.page-template-mitra-home #primary,
.page-template-mitra-shop #primary,
.page-template-page-shop #primary,
.single-mitra_product #primary,
.tax-mitra_product_category #primary { width: 100%; padding: 0; border: 0; }

/* Complex desktop pairs become single-column before their controls get cramped. */
@media (max-width: 1180px) {
  .mitra-layout div[style*="grid-template-columns: minmax(0px, 0.85fr)"],
  .mitra-layout div[style*="grid-template-columns: minmax(0px, 0.95fr)"],
  .mitra-layout div[style*="grid-template-columns: minmax(0px, 1.05fr)"],
  .mitra-layout div[style*="grid-template-columns: minmax(0px, 1.1fr)"],
  .mitra-layout div[style*="grid-template-columns: minmax(0px, 1.15fr)"],
  .mitra-layout div[style*="grid-template-columns: minmax(0px, 1fr) minmax(0px"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .mitra-layout #vybor div[style*="grid-template-columns: repeat(auto-fit, minmax(290px"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 1100px) {
  .mitra-layout #prodBento { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 180px !important; }
  .mitra-layout #prodBento > a:nth-child(1), .mitra-layout #prodBento > a:nth-child(6) { grid-column: span 2 !important; grid-row: span 1 !important; }
  .mitra-layout .mitra-category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) {
  .mitra-layout section > div[style*="max-width: 1500px"],
  .mitra-layout section > div[style*="max-width: 1240px"] { padding-left: 16px !important; padding-right: 16px !important; }
  .mitra-layout h1 { font-size: clamp(34px, 6vw, 48px) !important; line-height: 1.1 !important; }
  .mitra-layout h2 { font-size: clamp(28px, 5vw, 36px) !important; line-height: 1.12 !important; }
  .mitra-layout div[style*="grid-template-columns: repeat(2, minmax(0, 1fr))"],
  .mitra-layout div[style*="grid-template-columns: minmax(0px, 0.85fr)"],
  .mitra-layout div[style*="grid-template-columns: minmax(0px, 0.95fr)"],
  .mitra-layout div[style*="grid-template-columns: minmax(0px, 1.05fr)"],
  .mitra-layout div[style*="grid-template-columns: minmax(0px, 1.1fr)"],
  .mitra-layout div[style*="grid-template-columns: minmax(0px, 1.15fr)"],
  .mitra-layout div[style*="grid-template-columns: minmax(0px, 1fr) minmax(0px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(290px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(300px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(320px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(340px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(420px"],
  .mitra-layout div[style*="grid-template-columns: 1fr 1fr"][style*="gap: 48px"] { grid-template-columns: minmax(0, 1fr) !important; }
  .mitra-layout div[style*="grid-template-columns: repeat(4, minmax(0px, 1fr))"],
  .mitra-layout div[style*="grid-template-columns: repeat(5, minmax(0px, 1fr))"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .mitra-layout div[style*="grid-template-columns: repeat(6, minmax(0px, 1fr))"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .mitra-layout .mitra-steps-grid,
  .mitra-layout .mitra-reasons-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .mitra-layout section[style*="padding: 72px 0px"],
  .mitra-layout section[style*="padding: 82px 0px"],
  .mitra-layout section[style*="padding: 96px 0px"],
  .mitra-layout section[style*="padding: 98px 0px"] { padding-top: 56px !important; padding-bottom: 56px !important; }
  .mitra-layout div[style*="min-height: 620px"] { min-height: 440px !important; }
  .mitra-layout div[style*="height: 800px"] { height: 600px !important; max-width: none !important; }
  .mitra-layout div[style*="height: 420px"] { height: 360px !important; }
  .mitra-layout .mitra-catalog-filters { position: static !important; }
  .mitra-layout section[style*="position: sticky"] { position: static !important; }
  .mitra-layout table { display: block !important; overflow-x: auto !important; max-width: 100% !important; }
  .mitra-layout section div[style*="justify-content: space-between"][style*="align-items: center"][style*="gap: 28px"] { flex-direction: column !important; align-items: flex-start !important; }
  .mitra-layout .mitra-slider-track { grid-auto-columns: calc(45% - 6px) !important; }
}
@media (max-width: 560px) {
  .mitra-layout { font-size: 15px; }
  .mitra-layout h1 { font-size: clamp(30px, 9vw, 36px) !important; }
  .mitra-layout h2 { font-size: clamp(26px, 8vw, 30px) !important; }
  .mitra-layout #prodBento { grid-template-columns: 1fr !important; grid-auto-rows: 160px !important; }
  .mitra-layout #prodBento > a { grid-column: span 2 !important; grid-row: span 1 !important; }
  .mitra-layout .mitra-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .mitra-layout .mitra-cf7-two { grid-template-columns: 1fr; }
  .mitra-layout .mitra-catalog-filters > * { width: 100%; min-width: 0 !important; }
  .mitra-layout .mitra-catalog-filters select { width: 100% !important; }
  .mitra-layout .mitra-catalog-filters div { margin-left: 0 !important; }
  .mitra-layout .mitra-slider-track { grid-auto-columns: 82% !important; }
  .mitra-layout div[style*="grid-template-columns: repeat(6, minmax(0px, 1fr))"],
  .mitra-layout div[style*="grid-template-columns: repeat(5, minmax(0px, 1fr))"],
  .mitra-layout div[style*="grid-template-columns: repeat(4, minmax(0px, 1fr))"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .mitra-layout div[style*="grid-template-columns: repeat(3, minmax(0px, 1fr))"],
  .mitra-layout .mitra-steps-grid,
  .mitra-layout .mitra-reasons-grid { grid-template-columns: 1fr !important; }
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(220px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(230px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(240px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(250px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(260px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(280px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(290px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(300px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(320px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(340px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(420px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fill, minmax(250px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fill, minmax(270px"] { grid-template-columns: minmax(0, 1fr) !important; }
  .mitra-layout div[style*="grid-template-columns: minmax(240px, 0.8fr)"] { grid-template-columns: minmax(0, 1fr) !important; }
  .mitra-layout div[style*="grid-template-columns: 1fr auto"] { grid-template-columns: minmax(0, 1fr) !important; }
  .mitra-layout div[style*="grid-template-columns: 1.5fr 1fr 1fr"] { grid-template-columns: 1.25fr .875fr .875fr !important; font-size: 14px !important; }
  .mitra-layout div[style*="grid-template-columns: 1.5fr 1fr 1fr"] > div { padding-left: 5px !important; padding-right: 5px !important; overflow-wrap: anywhere; }
  .mitra-layout section > div[style*="border-radius: 16px"],
  .mitra-layout div[style*="border-radius: 16px"][style*="padding: 28px"] { padding: 18px !important; }
  .mitra-layout div[style*="background: rgb(255, 255, 255)"][style*="padding: 30px 32px 34px"] { padding: 22px 18px 24px !important; }
  .mitra-layout div[style*="min-height: 620px"] { min-height: 320px !important; }
  .mitra-layout div[style*="height: 800px"] { height: 480px !important; }
  .mitra-layout div[style*="height: 420px"] { height: 300px !important; }
  .mitra-layout #karta div[style*="position: absolute"][style*="left: 28px"] { left: 12px !important; right: 12px !important; top: 12px !important; max-width: none !important; padding: 16px !important; }
  .mitra-layout #kontakty figcaption[style*="justify-content: space-between"] { flex-direction: column !important; }
  .mitra-layout #kontakty figure { grid-column: 1 !important; }
  .mitra-layout #kontakty div[style*="display: flex"][style*="flex-wrap: wrap"] > a { width: 100%; justify-content: center; }
  .mitra-layout #dokumenty div[style*="display: flex"][style*="align-items: baseline"] { flex-direction: column !important; align-items: flex-start !important; gap: 5px !important; }
  .mitra-layout #dokumenty div[style*="flex: 0 0 190px"] { flex: 0 1 auto !important; }
  .mitra-layout .mitra-faq-answer { padding-right: 0 !important; }

  /* Product tags: a stable tile instead of uneven wrapping. */
  .mitra-layout #pokrytiya div[style*="margin-top: 26px"][style*="flex-wrap: wrap"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .mitra-layout #pokrytiya div[style*="margin-top: 26px"][style*="flex-wrap: wrap"] > button {
    width: 100%;
    min-height: 56px;
    padding: 10px 9px !important;
    font-size: 13.5px !important;
    line-height: 1.3;
  }
  .mitra-layout #pokrytiya div[style*="margin-top: 26px"][style*="flex-wrap: wrap"] > button:nth-child(3),
  .mitra-layout #pokrytiya div[style*="margin-top: 26px"][style*="flex-wrap: wrap"] > button:nth-child(6) {
    grid-column: 1 / -1;
  }
}
@media (max-width: 700px) {
  /* These cards must not remain side-by-side: long Russian titles become unreadable. */
  .mitra-layout #antiskolzyashchie div[style*="grid-template-columns: repeat(2, minmax(0px, 1fr))"] {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .mitra-layout #antiskolzyashchie img[style*="aspect-ratio: 2.1 / 1"] {
    aspect-ratio: 16 / 8.5 !important;
  }
  .mitra-layout #antiskolzyashchie > div > a:last-child {
    display: block !important;
    width: 100%;
    padding: 14px 16px !important;
    border: 1px solid #0c0834 !important;
    text-align: center;
    line-height: 1.35;
  }
}
@media (max-width: 480px) {
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(290px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(420px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(320px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(300px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(240px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(260px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fit, minmax(280px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fill, minmax(270px"],
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fill, minmax(250px"],
  .mitra-layout div[style*="grid-template-columns: 1.4fr"],
  .mitra-layout div[style*="grid-template-columns: 1fr 1fr"] { grid-template-columns: 1fr !important; }
  .mitra-layout div[style*="grid-template-columns: repeat(auto-fill, minmax(220px"] { grid-template-columns: repeat(2, 1fr) !important; }
  .mitra-layout section[style*="clip-path"] { padding-top: 52px !important; padding-bottom: 44px !important; clip-path: none !important; }
}

/* Interactive components use explicit classes, independent of inline style spacing. */
.mitra-layout .mitra-products-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); gap: 16px; }
.mitra-layout .mitra-products-grid > * { min-width: 0; }
.mitra-layout .mitra-product-card { transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.mitra-layout .mitra-product-card:hover,
.mitra-layout .mitra-product-card:focus-within { border-color: #ffd400 !important; box-shadow: 0 0 0 1px #ffd400, 0 14px 28px rgba(12,8,52,.1); transform: translateY(-4px); }
.mitra-layout .mitra-product-card-cta > span,
.mitra-layout .mitra-home-product-card > a > span { transition: background .22s ease, color .22s ease, border-color .22s ease; }
.mitra-layout .mitra-product-card:hover .mitra-product-card-cta > span,
.mitra-layout .mitra-product-card:focus-within .mitra-product-card-cta > span,
.mitra-layout .mitra-home-product-card:hover > a > span,
.mitra-layout .mitra-home-product-card:focus-within > a > span { background: #ffd400 !important; border-color: #ffd400 !important; color: #0c0834 !important; }
.mitra-layout .mitra-home-catalog-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.mitra-layout .mitra-home-catalog-tabs button { border: 1px solid #dcdfe2; background: #fff; color: #0c0834; padding: 13px 20px; font-size: 15px; font-weight: 600; line-height: 1.3; cursor: pointer; white-space: normal; }
.mitra-layout .mitra-home-catalog-tabs button[aria-selected="true"] { background: #0c0834; border-color: #0c0834; color: #fff; }
.mitra-layout .mitra-home-catalog-panel { margin-top: 24px; }
.mitra-layout .mitra-home-catalog-panel .mitra-products-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); }
.mitra-layout .mitra-application-card { overflow: hidden; color: #0c0834; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.mitra-layout .mitra-application-caption { flex: 1; transition: background .22s ease, color .22s ease; }
.mitra-layout .mitra-work-gallery { margin-top: 24px; display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 14px; }
.mitra-layout .mitra-work-gallery a { display: block; min-width: 0; cursor: zoom-in; }
.mitra-layout .mitra-work-gallery img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; border: 1px solid #dcdfe2; }
.mitra-layout .mitra-application-card:hover,
.mitra-layout .mitra-application-card:focus-visible { border-color: #ffd400 !important; transform: translateY(-3px); }
.mitra-layout #primenenie .mitra-slider-track { padding-top: 4px; }
.mitra-layout .mitra-application-card:hover .mitra-application-caption,
.mitra-layout .mitra-application-card:focus-visible .mitra-application-caption { background: #0c0834; color: #fff; }
.mitra-layout .mitra-application-card:hover .mitra-application-caption span,
.mitra-layout .mitra-application-card:focus-visible .mitra-application-caption span { color: rgba(255,255,255,.75) !important; }
.mitra-layout .mitra-hero-slider { min-width: 0; border-radius: 14px; overflow: hidden; height: clamp(400px, 44vw, 620px); background: #eef0f3; position: relative; }
.mitra-layout .mitra-hero-slide { position: relative; height: 100%; }
.mitra-layout .mitra-hero-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mitra-layout .mitra-hero-slider:not(.slick-initialized) > .mitra-hero-slide:not(:first-child) { display: none; }
.mitra-layout .mitra-hero-slider .slick-list,
.mitra-layout .mitra-hero-slider .slick-track { height: 100%; }
.mitra-layout .mitra-hero-badge { position: absolute; left: 24px; right: 24px; top: 28px; background: rgba(255,255,255,.94); border-radius: 10px; padding: 16px 26px; font-size: 16px; font-weight: 700; color: #0c0834; }
.mitra-layout .mitra-hero-slider .slick-dots { position: absolute; right: 24px; bottom: 24px; margin: 0; padding: 0; list-style: none; display: flex; gap: 4px; }
.mitra-layout .mitra-hero-slider .slick-dots li { padding: 0; margin: 0; }
.mitra-layout .mitra-hero-slider .slick-dots button { width: 28px; height: 28px; border: 0; padding: 9px; font-size: 0; background: none; cursor: pointer; }
.mitra-layout .mitra-hero-slider .slick-dots button::before { content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.6); }
.mitra-layout .mitra-hero-slider .slick-active button::before { background: #ffd400; }
.mitra-layout .mitra-slick-arrow,
.mitra-lightbox .mitra-slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; display: grid; place-items: center; width: 44px; height: 44px; padding: 10px; border: 1px solid #dcdfe2; border-radius: 50%; background: rgba(255,255,255,.94); color: #0c0834; cursor: pointer; box-shadow: 0 2px 10px rgba(12,8,52,.12); }
.mitra-layout .mitra-slick-prev,
.mitra-lightbox .mitra-slick-prev { left: 14px; }
.mitra-layout .mitra-slick-next,
.mitra-lightbox .mitra-slick-next { right: 14px; }
.mitra-layout .mitra-slick-arrow svg,
.mitra-lightbox .mitra-slick-arrow svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2; }
.mitra-layout .mitra-slick-arrow:hover,
.mitra-lightbox .mitra-slick-arrow:hover { background: #ffd400; border-color: #ffd400; }
.mitra-layout .mitra-slick-arrow.slick-disabled,
.mitra-lightbox .mitra-slick-arrow.slick-disabled { opacity: .35; cursor: default; }
.mitra-layout .mitra-product-top-grid { margin-top: 26px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px; align-items: start; }
.mitra-layout .mitra-product-top-grid > *,
.mitra-layout .mitra-product-content-grid > *,
.mitra-layout .mitra-product-order-grid > * { min-width: 0; }
.mitra-layout .mitra-product-image-slider { border: 1px solid #e6e8ec; background: #f4f5f6; position: relative; min-width: 0; }
.mitra-layout .mitra-product-image-slide > a { position: relative; display: block; width: 100%; aspect-ratio: 1; padding: 20px; cursor: zoom-in; }
.mitra-layout .mitra-product-image-slide img { width: 100%; height: 100%; object-fit: contain; display: block; }
.mitra-layout .mitra-product-image-slider:not(.slick-initialized) > .mitra-product-image-slide:not(:first-child) { display: none; }
.mitra-layout .mitra-gallery-zoom { position: absolute; bottom: 28px; right: 28px; display: grid; place-items: center; align-content: center; width: 34px; height: 34px; border-radius: 50%; background: #fff; color: #0c0834; font-size: 22px; box-shadow: 0 2px 10px rgba(12,8,52,.12); }
.mitra-layout .mitra-product-empty-image { aspect-ratio: 1; background: #f4f5f6; border: 1px solid #e6e8ec; }
.mitra-layout .mitra-product-thumbs { min-width: 0; margin-top: 8px; }
.mitra-layout .mitra-product-thumbs:not(.slick-initialized) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.mitra-layout .mitra-product-thumbs .slick-slide { padding: 4px; }
.mitra-layout .mitra-product-thumbs button { display: block; width: 100%; padding: 0; cursor: pointer; border: 2px solid transparent; background: #f4f5f6; border-radius: 0; }
.mitra-layout .mitra-product-thumbs button[aria-pressed="true"] { border-color: #ffd400; }
.mitra-layout .mitra-product-thumbs img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.mitra-layout .mitra-product-characteristics { margin-top: 24px; border: 1px solid #e6e8ec; }
.mitra-layout .mitra-product-characteristic { display: grid; grid-template-columns: minmax(130px,.32fr) minmax(0,1fr); gap: 20px; padding: 14px 20px; border-bottom: 1px solid #e6e8ec; font-size: 15.5px; line-height: 1.65; }
.mitra-layout .mitra-product-characteristic:last-child { border-bottom: 0; }
.mitra-layout .mitra-product-characteristic > span { color: #6a7075; overflow-wrap: normal; word-break: normal; }
.mitra-layout .mitra-product-characteristic > b { min-width: 0; overflow-wrap: break-word; font-weight: 600; }
.mitra-layout .mitra-product-content-grid,
.mitra-layout .mitra-product-order-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; align-items: start; }
body.mitra-lightbox-open { overflow: hidden; }
.mitra-lightbox { box-sizing: border-box; width: min(1100px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px); border: 0; padding: 56px 16px 16px; background: #0c0834; color: #fff; border-radius: 12px; overflow: hidden; }
.mitra-lightbox::backdrop { background: rgba(5,3,22,.88); }
.mitra-lightbox-toolbar { position: absolute; top: 12px; left: 24px; right: 16px; display: flex; align-items: center; justify-content: space-between; font-family: "Golos Text", system-ui, sans-serif; }
.mitra-lightbox-close { width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; }
.mitra-lightbox-slider { min-width: 0; }
.mitra-lightbox-slider img { display: block; width: 100%; height: min(760px, calc(100dvh - 120px)); object-fit: contain; }
.mitra-layout button:focus-visible,
.mitra-layout a:focus-visible,
.mitra-lightbox button:focus-visible { outline: 2px solid #ffd400; outline-offset: 3px; }
@media (max-width: 900px) {
  .mitra-layout .mitra-product-top-grid,
  .mitra-layout .mitra-product-content-grid,
  .mitra-layout .mitra-product-order-grid { grid-template-columns: minmax(0,1fr); }
  .mitra-layout .mitra-hero-slider { height: 440px; }
  .mitra-layout .mitra-product-gallery { max-width: 680px; width: 100%; margin-inline: auto; }
}
@media (max-width: 560px) {
  .mitra-layout .mitra-hero-slider { height: 360px; }
  .mitra-layout .mitra-hero-badge { left: 14px; right: 14px; top: 16px; padding: 13px 16px; }
  .mitra-layout .mitra-home-catalog-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .mitra-layout .mitra-home-catalog-tabs button { min-width: 0; padding: 11px 9px; font-size: 13.5px; }
  .mitra-layout .mitra-product-characteristic { grid-template-columns: minmax(0,1fr); gap: 3px; padding: 12px 14px; }
  .mitra-layout .mitra-product-image-slide > a { padding: 12px; }
  .mitra-layout .mitra-product-order-form { padding: 22px 18px !important; }
  .mitra-layout .mitra-slick-arrow { width: 38px; height: 38px; padding: 9px; }
  .mitra-layout .mitra-slick-prev { left: 7px; }
  .mitra-layout .mitra-slick-next { right: 7px; }
  .mitra-layout .mitra-gallery-zoom { right: 18px; bottom: 18px; }
  .mitra-layout .mitra-cf7-two { grid-template-columns: minmax(0,1fr) !important; }
  .mitra-layout #prodBento > a { grid-column: 1 / -1 !important; }
  .mitra-layout #raschet [style*="grid-template-columns"] { grid-template-columns: minmax(0,1fr) !important; }
  .mitra-layout #raschet .mitra-calc-product-options { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .mitra-layout #raschet .mitra-calc-thickness-options { grid-template-columns: repeat(auto-fit,minmax(48px,1fr)) !important; }
  .mitra-layout #raschet [data-calc-thickness] { min-width: 0; }
  .mitra-layout #top > div:nth-child(2) > div { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; }
  .mitra-layout #top > div:nth-child(2) > div > div { padding: 18px 14px !important; }
  .mitra-layout #top > div:nth-child(2) > div > div > div:first-child { font-size: 28px !important; }
  .mitra-layout #top > div:nth-child(2) > div > div > div:last-child { font-size: 13.5px !important; }
  .mitra-lightbox { width: calc(100% - 16px); padding-inline: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .mitra-layout .mitra-product-card,
  .mitra-layout .mitra-application-card { transition: none; transform: none !important; }
  .mitra-layout .mitra-product-card-cta > span,
  .mitra-layout .mitra-home-product-card > a > span { transition: none; }
}