:root{
  --ink:#071421;
  --muted:#5f7487;
  --blue:#156bff;
  --cyan:#20c7f4;
  --bg:#f4f8fc;
  --line:rgba(139,189,222,.48);
  --card:rgba(255,255,255,.90);
  --shadow:0 22px 70px rgba(8,35,58,.12);
}

html,
body{
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  overflow-x:hidden !important;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  max-width:100%;
  display:block;
}

.fpr-hero,
.fpr-hero *,
.fpr-section,
.fpr-section *,
.fpr-suppliers,
.fpr-suppliers *,
.fpr-test,
.fpr-test *,
.fpr-footer-simple,
.fpr-footer-simple *,
.mc-modal,
.mc-modal *{
  box-sizing:border-box;
}

.fpr-hero,
.fpr-section,
.fpr-suppliers,
.fpr-test,
.fpr-footer-simple{
  width:100%;
  max-width:100%;
  overflow:hidden;
  font-family:Arial,sans-serif;
  color:var(--ink);
}

.fpr-container,
.fpr-footer-simple__inner{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0 20px;
  min-width:0;
}

.fpr-hero{
  position:relative;
  min-height:820px;
  padding:28px 0 72px;
  background-image:
    linear-gradient(90deg,rgba(4,16,29,.86),rgba(4,16,29,.70) 42%,rgba(4,16,29,.35) 76%,rgba(4,16,29,.12)),
    url("https://suzijakajasi.begetcdn.cloud/magikon/images/fasovochno_upakovochnoe_oborudovanie/4113-00000001878-avtomaticheskaya-vertikalnaya-upakovochnaya-mashina-mag-520pe.webp");
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
}

.fpr-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 16%,rgba(21,107,255,.28),transparent 32%),
    linear-gradient(180deg,transparent,rgba(4,16,29,.32));
  pointer-events:none;
}

.fpr-hero > .fpr-container{
  position:relative;
  z-index:2;
}

.fpr-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  min-width:0;
  margin-bottom:82px;
  padding:14px 16px;
  border-radius:30px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 24px 80px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.fpr-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:190px;
  height:60px;
  padding:8px 12px;
  border-radius:20px;
  background:rgba(255,255,255,.92);
  text-decoration:none;
}

.fpr-logo img{
  display:block;
  max-width:100%;
  max-height:44px;
  object-fit:contain;
}

.fpr-menu{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
}

.fpr-menu a,
.fpr-menu a:visited{
  display:inline-flex;
  min-height:46px;
  align-items:center;
  justify-content:center;
  min-width:0;
  max-width:100%;
  padding:13px 18px;
  border-radius:16px;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  text-decoration:none !important;
  font-size:14px;
  line-height:1.15;
  font-weight:900;
  text-align:center;
  white-space:normal;
  transition:.24s ease;
}

.fpr-menu a:hover,
.fpr-menu a:focus,
.fpr-menu a:active{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:linear-gradient(135deg,#156bff,#20c7f4) !important;
  border-color:rgba(255,255,255,.28) !important;
  box-shadow:0 16px 42px rgba(32,199,244,.26) !important;
  text-decoration:none !important;
  transform:translateY(-3px);
}

.fpr-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,420px);
  gap:42px;
  align-items:center;
  width:100%;
  min-width:0;
}

.fpr-hero__text{
  display:block;
  width:100%;
  max-width:780px;
  min-width:0;
}

.fpr-badge,
.fpr-head span,
.fpr-darkbox span,
.fpr-test__content span{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  margin-bottom:18px;
  padding:9px 14px;
  border-radius:999px;
  color:#9fe9ff;
  background:rgba(13,34,55,.70);
  border:1px solid rgba(69,203,248,.34);
  font-size:12px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
}

.fpr-hero h1{
  display:block;
  width:100%;
  max-width:820px;
  margin:0 0 24px;
  color:#fff;
  font-size:clamp(44px,6.1vw,82px);
  line-height:1.05;
  letter-spacing:-.028em;
  font-weight:950;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
  writing-mode:horizontal-tb;
}

.fpr-hero p,
.fpr-hero__text > p{
  display:block;
  width:100%;
  max-width:650px;
  margin:0;
  padding-left:20px;
  border-left:4px solid var(--cyan);
  color:rgba(255,255,255,.86);
  font-size:20px;
  line-height:1.68;
  font-weight:650;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:none;
  writing-mode:horizontal-tb;
}

.fpr-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}

.fpr-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  max-width:100%;
  min-height:54px;
  padding:17px 24px;
  border-radius:18px;
  cursor:pointer;
  font-family:Arial,sans-serif;
  text-decoration:none !important;
  text-align:center;
  transition:.24s ease;
  font-size:15px;
  line-height:1.15;
  font-weight:950;
  border:0;
}

.fpr-btn:hover{
  transform:translateY(-3px);
}

.fpr-btn--primary{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:linear-gradient(135deg,#1c7cff 0%,#20c7f4 58%,#74e8ff 100%) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:0 18px 42px rgba(21,107,255,.38),0 0 42px rgba(32,199,244,.22);
}

.fpr-btn--ghost{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.12);
}

.fpr-btn--light{
  color:#0d6bb1 !important;
  -webkit-text-fill-color:#0d6bb1 !important;
  background:#ffffff !important;
  border:1px solid #bfe0f4 !important;
  box-shadow:0 10px 24px rgba(8,35,58,.06);
}

.fpr-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:760px;
  margin-top:36px;
}

.fpr-metrics div,
.fpr-hero__card{
  min-width:0;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 22px 70px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.fpr-metrics div{
  min-height:98px;
  padding:18px;
  border-radius:22px;
}

.fpr-metrics strong{
  display:block;
  color:#fff;
  font-size:28px;
  line-height:1;
  font-weight:950;
  margin-bottom:8px;
}

.fpr-metrics span{
  display:block;
  color:rgba(255,255,255,.74);
  font-size:13px;
  line-height:1.35;
  font-weight:800;
}

.fpr-hero__card{
  position:relative;
  width:100%;
  padding:28px;
  border-radius:30px;
  color:#fff;
}

.fpr-hero__card h2{
  margin:0 0 16px;
  font-size:28px;
  line-height:1.13;
  letter-spacing:-.018em;
  overflow-wrap:break-word;
}

.fpr-hero__card ul{
  display:grid;
  gap:10px;
  margin:0 0 20px;
  padding:0;
  list-style:none;
}

.fpr-hero__card li{
  position:relative;
  padding-left:24px;
  color:rgba(255,255,255,.82);
  font-size:15px;
  line-height:1.42;
  font-weight:750;
}

.fpr-hero__card li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:#62dbff;
  font-weight:950;
}

.fpr-hero__card a{
  display:inline-flex;
  width:100%;
  min-height:52px;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  text-decoration:none !important;
  font-size:15px;
  font-weight:950;
}

.fpr-section{
  background:var(--bg);
  padding:64px 0;
}

.fpr-catalog-section{
  background:
    radial-gradient(circle at 8% 0%,rgba(21,107,255,.10),transparent 34%),
    linear-gradient(180deg,#f4f8fc,#eef6fb);
}

.fpr-head{
  max-width:900px;
  margin-bottom:30px;
}

.fpr-head span{
  color:#0d6bb1;
  background:#e8f7ff;
  border-color:#bfe7fb;
}

.fpr-head h2,
.fpr-darkbox h2,
.fpr-test__content h2{
  margin:0 0 16px;
  color:var(--ink);
  font-size:clamp(34px,4.9vw,60px);
  line-height:1.07;
  letter-spacing:-.022em;
  font-weight:950;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:none;
}

.fpr-head h2:after,
.fpr-darkbox h2:after,
.fpr-test__content h2:after{
  content:"";
  display:block;
  width:78px;
  height:4px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
}

.fpr-head p,
.fpr-darkbox p,
.fpr-test__content p{
  max-width:820px;
  margin:0;
  color:#3c5368;
  font-size:18px;
  line-height:1.64;
  font-weight:650;
  overflow-wrap:break-word;
}

.fpr-grid{
  display:grid;
  gap:16px;
  min-width:0;
}

.fpr-grid--4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.fpr-card,
.fpr-manager,
.mc-product{
  background:var(--card);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}

.fpr-card{
  min-width:0;
  padding:22px;
  border-radius:28px;
  cursor:pointer;
}

.fpr-card b{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin-bottom:16px;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  font-size:16px;
  font-weight:950;
}

.fpr-card h3{
  margin:0 0 10px;
  color:var(--ink);
  font-size:22px;
  line-height:1.13;
  letter-spacing:-.012em;
  font-weight:950;
  overflow-wrap:break-word;
}

.fpr-card p{
  margin:0;
  color:#526b80;
  font-size:14px;
  line-height:1.5;
  font-weight:700;
  overflow-wrap:break-word;
}

.fpr-card span{
  display:inline-flex;
  margin-top:18px;
  color:#0d6bb1;
  font-size:14px;
  font-weight:950;
}

.fpr-suppliers{
  position:relative;
  padding:86px 0;
  background-image:
    linear-gradient(90deg,rgba(244,248,252,.98),rgba(244,248,252,.91) 42%,rgba(244,248,252,.20)),
    url("https://suzijakajasi.begetcdn.cloud/magikon/images/skladskoe_oborudovanie/4777-00000001502-palletoobmotchik-yk1500f.webp");
  background-size:cover;
  background-position:center left;
  background-repeat:no-repeat;
}

.fpr-darkbox{
  max-width:730px;
  min-width:0;
  padding:32px;
  border-radius:34px;
  background:rgba(255,255,255,.88);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.fpr-darkbox span{
  color:#0d6bb1;
  background:#e8f7ff;
  border-color:#bfe7fb;
}

.fpr-tags{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:24px;
}

.fpr-tags span{
  display:flex;
  align-items:center;
  min-height:48px;
  min-width:0;
  padding:12px 14px;
  border-radius:16px;
  color:#113149;
  background:#f3fbff;
  border:1px solid #cfeaf8;
  font-size:14px;
  font-weight:900;
}

.mc-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:14px;
  width:100%;
  margin:0 0 16px;
}

.mc-toolbar input,
.mc-toolbar select{
  display:block;
  width:100%;
  min-width:0;
  min-height:58px;
  padding:15px 18px;
  border-radius:18px;
  color:#061421 !important;
  background:#ffffff !important;
  border:2px solid #bfdceb !important;
  box-shadow:0 8px 20px rgba(8,35,58,.045) !important;
  font-family:Arial,sans-serif;
  font-size:15px;
  font-weight:750;
  outline:none;
  transition:.18s ease;
}

.mc-toolbar input:focus,
.mc-toolbar select:focus{
  border-color:#156bff !important;
  box-shadow:0 0 0 4px rgba(21,107,255,.13) !important;
}

.mc-result-line{
  margin:0 0 22px;
  color:#526b80;
  font-size:15px;
  font-weight:800;
}

.mc-result-line strong{
  color:#071421;
}

.mc-products{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}

.mc-product{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:100%;
  overflow:hidden;
  border-radius:30px;
}

.mc-product__photo{
  display:grid;
  place-items:center;
  height:250px;
  flex:0 0 250px;
  padding:18px;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff,#edf7ff);
  border-bottom:1px solid rgba(139,189,222,.34);
}

.mc-product__photo img{
  width:100%;
  height:100%;
  max-height:214px;
  object-fit:contain;
}

.mc-product__body{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
  padding:20px;
  background:rgba(255,255,255,.94);
}

.mc-product__cat{
  margin:0 0 10px;
  color:#0d6bb1;
  font-size:12px;
  line-height:1.25;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  overflow-wrap:break-word;
}

.mc-product h3{
  min-height:76px;
  margin:0 0 10px;
  color:#071421;
  font-size:21px;
  line-height:1.15;
  letter-spacing:-.012em;
  font-weight:950;
  overflow-wrap:break-word;
}

.mc-product__article{
  margin:0 0 12px;
  color:#708195;
  font-size:13px;
  font-weight:750;
}

.mc-product__price{
  margin:0 0 12px;
  color:#071421;
  font-size:25px;
  line-height:1;
  font-weight:950;
}

.mc-product__desc{
  min-height:118px;
  margin:0 0 14px;
  color:#3c5368;
  font-size:14px;
  line-height:1.48;
  font-weight:650;
  overflow-wrap:break-word;
}

.mc-product__chars{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
  padding-top:8px;
}

.mc-product__chars span{
  display:inline-flex;
  max-width:100%;
  padding:7px 10px;
  border-radius:999px;
  color:#113149;
  background:#e8f7ff;
  border:1px solid #cfeaf8;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  overflow-wrap:break-word;
}

.mc-product__actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:16px;
}

.mc-product__actions .fpr-btn{
  width:100%;
  min-height:50px;
  padding:14px 16px;
}

.mc-more-wrap{
  display:flex;
  justify-content:center;
  margin-top:32px;
}

.fpr-test{
  position:relative;
  padding:94px 0;
  background-image:
    linear-gradient(90deg,rgba(4,16,29,.88),rgba(4,16,29,.78) 45%,rgba(4,16,29,.32)),
    url("https://suzijakajasi.begetcdn.cloud/magikon/images/markirovochnoe_oborudovanie/3887-00000000769-termotransfernyy-printer-dlya-markirovki-upakovki-hualian.webp");
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
}

.fpr-test__content{
  max-width:740px;
  min-width:0;
  color:#fff;
}

.fpr-test__content h2,
.fpr-test__content p{
  color:#fff;
}

.fpr-test__content p{
  color:rgba(255,255,255,.82);
}

.fpr-test__steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:28px;
}

.fpr-test__steps div{
  min-height:78px;
  min-width:0;
  display:flex;
  align-items:center;
  padding:14px;
  border-radius:20px;
  color:#fff;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  font-size:14px;
  font-weight:950;
  backdrop-filter:blur(12px);
  overflow-wrap:break-word;
}

.fpr-manager{
  min-width:0;
  padding:24px;
  border-radius:30px;
  text-align:center;
}

.fpr-manager img,
.fpr-manager__placeholder{
  width:118px;
  height:118px;
  max-width:100%;
  margin:0 auto 15px;
  display:grid;
  place-items:center;
  object-fit:cover;
  object-position:center top;
  border-radius:30px;
  background:#e8f7ff;
}

.fpr-manager__placeholder{
  color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  font-size:46px;
  font-weight:950;
}

.fpr-manager h3{
  margin:0 0 10px;
  color:var(--ink);
  font-size:22px;
  line-height:1.13;
  letter-spacing:-.012em;
  font-weight:950;
  overflow-wrap:break-word;
}

.fpr-manager p{
  margin:0;
  color:#526b80;
  font-size:14px;
  line-height:1.5;
  font-weight:700;
  overflow-wrap:break-word;
}

.fpr-manager a{
  display:inline-flex;
  max-width:100%;
  margin-top:14px;
  color:#0d6bb1;
  text-decoration:none;
  font-size:16px;
  font-weight:950;
  overflow-wrap:break-word;
}

.fpr-manager a:hover{
  text-decoration:underline;
}

.fpr-footer-simple{
  background:#071421;
  color:rgba(255,255,255,.76);
  padding:34px 0 28px;
}

.fpr-footer-simple__top{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.65fr) minmax(0,.9fr) minmax(0,1fr);
  gap:22px;
  align-items:start;
  margin-bottom:22px;
}

.fpr-footer-simple__brand,
.fpr-footer-simple__col,
.fpr-footer-simple__legal{
  min-width:0;
}

.fpr-footer-simple__logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:180px;
  max-width:100%;
  height:58px;
  margin-bottom:12px;
  padding:8px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.94);
  text-decoration:none;
}

.fpr-footer-simple__logo img{
  display:block;
  max-width:100%;
  max-height:42px;
  object-fit:contain;
}

.fpr-footer-simple b{
  display:block;
  margin-bottom:10px;
  color:#ffffff;
  font-size:15px;
  line-height:1.2;
  font-weight:950;
}

.fpr-footer-simple p{
  margin:0;
  color:rgba(255,255,255,.64);
  font-size:13px;
  line-height:1.55;
  font-weight:700;
  word-break:normal;
  overflow-wrap:break-word;
}

.fpr-footer-simple a{
  display:flex;
  width:fit-content;
  max-width:100%;
  margin-top:8px;
  color:#9fe9ff;
  text-decoration:none;
  font-size:13px;
  line-height:1.35;
  font-weight:900;
  overflow-wrap:break-word;
}

.fpr-footer-simple a:hover{
  text-decoration:underline;
}

.fpr-footer-simple__legal{
  display:grid;
  gap:7px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.12);
}

.fpr-footer-simple__legal p{
  color:rgba(255,255,255,.50);
  font-size:12px;
  line-height:1.55;
}

.mc-modal{
  position:fixed;
  inset:0;
  z-index:200;
  display:none;
  padding:24px;
  background:rgba(7,20,33,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  overflow-y:auto;
}

.mc-modal.is-open{
  display:grid;
  place-items:center;
}

.mc-modal__dialog{
  position:relative;
  width:min(980px,100%);
  max-height:calc(100vh - 48px);
  overflow-y:auto;
  border-radius:34px;
  background:#ffffff;
  box-shadow:0 34px 100px rgba(0,0,0,.36);
  border:1px solid rgba(139,189,222,.55);
}

.mc-modal__close{
  position:sticky;
  top:14px;
  z-index:4;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin:14px 14px 0 auto;
  border:0;
  border-radius:50%;
  color:#0d6bb1;
  background:#e8f7ff;
  font-size:30px;
  line-height:1;
  cursor:pointer;
}

.mc-modal__content{
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  gap:28px;
  padding:0 28px 28px;
}

.mc-modal__photo{
  display:grid;
  place-items:center;
  min-height:330px;
  padding:18px;
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff,#edf7ff);
  border:1px solid rgba(139,189,222,.48);
}

.mc-modal__photo img{
  width:100%;
  height:100%;
  max-height:360px;
  object-fit:contain;
}

.mc-modal__info{
  min-width:0;
}

.mc-modal__info h3{
  margin:8px 0 10px;
  color:#071421;
  font-size:32px;
  line-height:1.08;
  letter-spacing:-.018em;
  font-weight:950;
  overflow-wrap:break-word;
}

.mc-modal__price{
  margin:14px 0;
  color:#0d6bb1;
  font-size:30px;
  line-height:1;
  font-weight:950;
}

.mc-modal__text{
  color:#3c5368;
  font-size:16px;
  line-height:1.58;
  font-weight:650;
  white-space:pre-line;
  overflow-wrap:break-word;
}

.mc-modal__chars{
  display:grid;
  gap:8px;
  margin-top:18px;
}

.mc-modal__chars div{
  padding:11px 13px;
  border-radius:14px;
  color:#113149;
  background:#f3fbff;
  border:1px solid #cfeaf8;
  font-size:14px;
  line-height:1.35;
  font-weight:800;
}

.mc-modal__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

@media(max-width:1180px){
  .fpr-nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-bottom:42px !important;
  }

  .fpr-logo{
    width:190px;
    height:60px;
    margin:0;
    justify-self:start;
  }

  .fpr-menu{
    display:grid !important;
    width:100% !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .fpr-menu a{
    width:100% !important;
  }

  .fpr-hero__grid{
    grid-template-columns:1fr !important;
  }

  .fpr-hero__text{
    max-width:100% !important;
  }

  .fpr-grid--4,
  .fpr-test__steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .mc-products{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fpr-footer-simple__top{
    grid-template-columns:1fr 1fr;
  }

  .mc-modal__content{
    grid-template-columns:1fr;
  }

  .mc-modal__photo{
    min-height:260px;
  }
}

@media(max-width:700px){
  .fpr-container,
  .fpr-footer-simple__inner{
    width:100% !important;
    max-width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
    overflow:hidden !important;
  }

  .fpr-hero{
    min-height:auto !important;
    padding:12px 0 40px !important;
    background-image:
      linear-gradient(180deg,rgba(4,16,29,.94) 0%,rgba(4,16,29,.88) 42%,rgba(4,16,29,.78) 100%),
      url("https://suzijakajasi.begetcdn.cloud/magikon/images/fasovochno_upakovochnoe_oborudovanie/4113-00000001878-avtomaticheskaya-vertikalnaya-upakovochnaya-mashina-mag-520pe.webp") !important;
    background-size:cover !important;
    background-position:64% center !important;
  }

  .fpr-nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
    margin-bottom:28px !important;
    padding:14px !important;
    border-radius:26px !important;
    overflow:hidden !important;
  }

  .fpr-logo{
    width:190px !important;
    max-width:70% !important;
    height:58px !important;
    margin:0 !important;
    border-radius:18px !important;
    justify-self:start !important;
  }

  .fpr-menu{
    display:grid !important;
    width:100% !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .fpr-menu a,
  .fpr-menu a:visited{
    width:100% !important;
    min-height:42px !important;
    padding:10px 8px !important;
    border-radius:14px !important;
    font-size:13px !important;
  }

  .fpr-hero__grid{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }

  .fpr-hero__text,
  .fpr-hero h1,
  .fpr-hero p,
  .fpr-hero__text > p{
    width:100% !important;
    max-width:100% !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    word-break:normal !important;
  }

  .fpr-hero h1{
    margin-bottom:18px !important;
    font-size:28px !important;
    line-height:1.12 !important;
    letter-spacing:-.018em !important;
    overflow-wrap:break-word !important;
  }

  .fpr-hero p,
  .fpr-hero__text > p{
    padding-left:14px !important;
    font-size:15px !important;
    line-height:1.55 !important;
    overflow-wrap:break-word !important;
  }

  .fpr-badge,
  .fpr-head span,
  .fpr-darkbox span,
  .fpr-test__content span{
    max-width:100% !important;
    margin-bottom:14px !important;
    padding:8px 11px !important;
    font-size:10px !important;
    line-height:1.15 !important;
    letter-spacing:.075em !important;
    white-space:normal !important;
  }

  .fpr-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:24px !important;
  }

  .fpr-btn{
    width:100% !important;
    min-height:54px !important;
    padding:15px 16px !important;
    border-radius:16px !important;
    font-size:15px !important;
  }

  .fpr-metrics{
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:24px !important;
  }

  .fpr-metrics div{
    min-height:auto !important;
    padding:16px !important;
    border-radius:18px !important;
  }

  .fpr-hero__card{
    position:static !important;
    width:100% !important;
    margin-top:22px !important;
    padding:20px !important;
    border-radius:24px !important;
  }

  .fpr-hero__card h2{
    font-size:23px !important;
  }

  .fpr-section{
    padding:42px 0 !important;
  }

  .fpr-head{
    margin-bottom:22px !important;
  }

  .fpr-head h2,
  .fpr-darkbox h2,
  .fpr-test__content h2{
    font-size:28px !important;
    line-height:1.12 !important;
  }

  .fpr-head p,
  .fpr-darkbox p,
  .fpr-test__content p{
    font-size:15px !important;
    line-height:1.55 !important;
  }

  .fpr-grid,
  .fpr-grid--4{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .fpr-card{
    padding:18px !important;
    border-radius:22px !important;
  }

  .fpr-card h3,
  .fpr-manager h3{
    font-size:20px !important;
  }

  .fpr-suppliers{
    padding:42px 0 !important;
    background-image:
      linear-gradient(180deg,rgba(244,248,252,.98) 0%,rgba(244,248,252,.94) 58%,rgba(244,248,252,.90) 100%),
      url("https://suzijakajasi.begetcdn.cloud/magikon/images/skladskoe_oborudovanie/4777-00000001502-palletoobmotchik-yk1500f.webp") !important;
    background-position:center !important;
  }

  .fpr-darkbox{
    padding:18px !important;
    border-radius:24px !important;
  }

  .fpr-tags{
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:18px !important;
  }

  .fpr-tags span{
    min-height:42px !important;
    padding:10px 12px !important;
    border-radius:14px !important;
    font-size:13px !important;
  }

  .mc-toolbar{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .mc-toolbar input,
  .mc-toolbar select{
    min-height:52px !important;
    border-radius:16px !important;
  }

  .mc-products{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .mc-product{
    border-radius:24px !important;
  }

  .mc-product__photo{
    height:225px !important;
    flex-basis:225px !important;
    padding:14px !important;
  }

  .mc-product h3,
  .mc-product__desc{
    min-height:auto !important;
  }

  .mc-product__body{
    padding:18px !important;
  }

  .fpr-test{
    padding:48px 0 !important;
    background-image:
      linear-gradient(180deg,rgba(4,16,29,.92) 0%,rgba(4,16,29,.82) 60%,rgba(4,16,29,.74) 100%),
      url("https://suzijakajasi.begetcdn.cloud/magikon/images/markirovochnoe_oborudovanie/3887-00000000769-termotransfernyy-printer-dlya-markirovki-upakovki-hualian.webp") !important;
    background-position:center !important;
  }

  .fpr-test__steps{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  .fpr-test__steps div{
    min-height:auto !important;
    padding:13px !important;
    border-radius:16px !important;
  }

  .fpr-manager{
    padding:20px !important;
    border-radius:24px !important;
  }

  .fpr-manager img,
  .fpr-manager__placeholder{
    width:98px !important;
    height:98px !important;
    border-radius:24px !important;
  }

  .fpr-footer-simple{
    padding:30px 0 24px !important;
  }

  .fpr-footer-simple__top{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .fpr-footer-simple__logo{
    width:170px !important;
    height:56px !important;
  }

  .mc-modal{
    padding:10px;
  }

  .mc-modal__dialog{
    max-height:calc(100vh - 20px);
    border-radius:22px;
  }

  .mc-modal__content{
    grid-template-columns:1fr;
    gap:18px;
    padding:0 16px 18px;
  }

  .mc-modal__photo{
    min-height:230px;
    border-radius:20px;
  }

  .mc-modal__info h3{
    font-size:25px;
  }

  .mc-modal__price{
    font-size:25px;
  }

  .mc-modal__actions{
    display:grid;
  }
}

@media(max-width:420px){
  .fpr-hero h1{
    font-size:27px !important;
  }

  .fpr-menu a{
    font-size:12px !important;
  }

  .fpr-container,
  .fpr-footer-simple__inner{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

/* FIXED MENU — Magikon catalog */
.fpr-nav{
  position:fixed !important;
  top:16px !important;
  left:50% !important;
  z-index:9999 !important;
  width:min(1140px, calc(100% - 40px)) !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
}

.fpr-hero{
  padding-top:126px !important;
}

@media(max-width:700px){
  .fpr-nav{
    top:10px !important;
    width:calc(100% - 24px) !important;
  }

  .fpr-hero{
    padding-top:188px !important;
  }
}

@media(max-width:420px){
  .fpr-hero{
    padding-top:196px !important;
  }
}

/* MOBILE BURGER MENU — Magikon catalog */
.fpr-burger{
  display:none;
  width:48px;
  height:48px;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.24);
  border-radius:16px;
  background:rgba(255,255,255,.14);
  box-shadow:0 14px 34px rgba(0,0,0,.14);
  cursor:pointer;
  padding:0;
  transition:.22s ease;
}

.fpr-burger span{
  display:block;
  width:22px;
  height:2px;
  border-radius:999px;
  background:#ffffff;
  transition:.22s ease;
}

.fpr-burger.is-active{
  background:linear-gradient(135deg,#156bff,#20c7f4);
  border-color:rgba(255,255,255,.34);
}

.fpr-burger.is-active span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.fpr-burger.is-active span:nth-child(2){
  opacity:0;
}

.fpr-burger.is-active span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

@media(max-width:700px){
  .fpr-nav{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 48px !important;
    align-items:center !important;
    gap:12px !important;
  }

  .fpr-logo{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .fpr-burger{
    display:flex !important;
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:end !important;
  }

  .fpr-menu{
    display:none !important;
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding-top:2px !important;
  }

  .fpr-nav.is-open .fpr-menu{
    display:grid !important;
  }

  .fpr-nav.is-open{
    background:rgba(4,16,29,.72) !important;
    border-color:rgba(255,255,255,.24) !important;
    box-shadow:0 24px 80px rgba(0,0,0,.24) !important;
  }

  .fpr-menu a,
  .fpr-menu a:visited{
    width:100% !important;
    min-height:44px !important;
    padding:11px 12px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }

  .fpr-hero{
    padding-top:92px !important;
  }

  .fpr-nav.is-open + .fpr-hero__grid{
    margin-top:0 !important;
  }
}

@media(max-width:420px){
  .fpr-burger{
    width:46px !important;
    height:46px !important;
    border-radius:15px !important;
  }

  .fpr-hero{
    padding-top:90px !important;
  }
}

/* =========================================================
   FINAL: шапка каталога как на ФудПак РФ
   ========================================================= */

.fpr-nav{
  position:fixed !important;
  top:16px !important;
  left:50% !important;
  z-index:99999 !important;
  width:min(1140px, calc(100% - 40px)) !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:14px 16px !important;
  border-radius:30px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

.fpr-logo{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:190px !important;
  height:60px !important;
  padding:8px 12px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.94) !important;
  text-decoration:none !important;
  box-shadow:none !important;
  opacity:1 !important;
  filter:none !important;
  overflow:hidden !important;
}

.fpr-logo img{
  display:block !important;
  max-width:100% !important;
  max-height:44px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  visibility:visible !important;
}

.fpr-logo:before,
.fpr-logo:after{
  content:none !important;
  display:none !important;
}

.fpr-menu{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.fpr-menu a,
.fpr-menu a:visited{
  display:inline-flex !important;
  min-height:46px !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:13px 18px !important;
  border-radius:16px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  text-decoration:none !important;
  font-size:14px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  text-align:center !important;
  white-space:normal !important;
  text-shadow:none !important;
  transition:.24s ease !important;
}

.fpr-menu a:hover,
.fpr-menu a:focus,
.fpr-menu a:active{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:linear-gradient(135deg,#156bff,#20c7f4) !important;
  border-color:rgba(255,255,255,.28) !important;
  box-shadow:0 16px 42px rgba(32,199,244,.26) !important;
  text-decoration:none !important;
  transform:translateY(-3px) !important;
}

.fpr-burger{
  display:none;
  width:52px;
  height:52px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
  padding:0;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.14);
  box-shadow:0 14px 34px rgba(0,0,0,.14);
  cursor:pointer;
  transition:.22s ease;
}

.fpr-burger span{
  display:block;
  width:24px;
  height:3px;
  border-radius:999px;
  background:#ffffff;
  transition:.22s ease;
}

.fpr-burger.is-active span:nth-child(1){
  transform:translateY(9px) rotate(45deg);
}

.fpr-burger.is-active span:nth-child(2){
  opacity:0;
}

.fpr-burger.is-active span:nth-child(3){
  transform:translateY(-9px) rotate(-45deg);
}

.fpr-hero{
  padding-top:150px !important;
}

#catalog,
#categories,
#contacts,
section{
  scroll-margin-top:150px !important;
}

@media(max-width:1180px){
  .fpr-nav{
    top:14px !important;
    width:calc(100% - 40px) !important;
  }

  .fpr-menu{
    gap:8px !important;
  }

  .fpr-menu a{
    padding:12px 14px !important;
    font-size:13px !important;
  }
}

@media(max-width:700px){
  .fpr-nav{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 52px !important;
    align-items:center !important;
    gap:10px !important;
    top:10px !important;
    width:calc(100% - 24px) !important;
    padding:12px !important;
    border-radius:26px !important;
    overflow:visible !important;
  }

  .fpr-logo{
    grid-column:1 !important;
    grid-row:1 !important;
    width:190px !important;
    max-width:190px !important;
    height:58px !important;
    margin:0 !important;
    border-radius:18px !important;
    justify-self:start !important;
  }

  .fpr-burger{
    display:inline-flex !important;
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:end !important;
  }

  .fpr-menu{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
    max-height:0 !important;
    margin-top:0 !important;
    opacity:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
    transition:max-height .24s ease, opacity .18s ease, margin-top .18s ease !important;
  }

  .fpr-nav.is-menu-open .fpr-menu{
    max-height:420px !important;
    margin-top:10px !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .fpr-menu a,
  .fpr-menu a:visited{
    width:100% !important;
    min-height:44px !important;
    padding:11px 12px !important;
    border-radius:14px !important;
    font-size:13px !important;
  }

  .fpr-hero{
    padding-top:118px !important;
  }

  #catalog,
  #categories,
  #contacts,
  section{
    scroll-margin-top:126px !important;
  }
}

@media(max-width:420px){
  .fpr-nav{
    width:calc(100% - 18px) !important;
    padding:10px !important;
  }

  .fpr-logo{
    width:168px !important;
    max-width:168px !important;
    height:54px !important;
  }

  .fpr-burger{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
  }

  .fpr-hero{
    padding-top:112px !important;
  }

  #catalog,
  #categories,
  #contacts,
  section{
    scroll-margin-top:120px !important;
  }
}


/* FORCE FIX: бургер в каталоге Magikon */
.fpr-burger{
  display:none !important;
}

@media(max-width:700px){
  .fpr-nav{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 52px !important;
    align-items:center !important;
    gap:10px !important;
    overflow:visible !important;
  }

  .fpr-logo{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .fpr-burger{
    display:inline-flex !important;
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    width:52px !important;
    height:52px !important;
    gap:6px !important;
    padding:0 !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.28) !important;
    background:rgba(255,255,255,.16) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.18) !important;
    cursor:pointer !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:100000 !important;
  }

  .fpr-burger span{
    display:block !important;
    width:24px !important;
    height:3px !important;
    border-radius:999px !important;
    background:#ffffff !important;
  }

  .fpr-menu{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
    max-height:0 !important;
    margin-top:0 !important;
    opacity:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
    transition:max-height .24s ease, opacity .18s ease, margin-top .18s ease !important;
  }

  .fpr-nav.is-menu-open .fpr-menu{
    max-height:460px !important;
    margin-top:10px !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
}


/* =========================================================
   FINAL EXACT NAV — как на ФудПак РФ
   ========================================================= */

.fpr-nav,
header.fpr-nav{
  position:fixed !important;
  top:16px !important;
  left:50% !important;
  z-index:99999 !important;
  width:min(1140px, calc(100% - 40px)) !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:14px 16px !important;
  border-radius:30px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

.fpr-logo,
.fpr-nav .fpr-logo{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:190px !important;
  height:60px !important;
  padding:8px 12px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.94) !important;
  text-decoration:none !important;
  opacity:1 !important;
  filter:none !important;
  overflow:hidden !important;
}

.fpr-logo img,
.fpr-nav .fpr-logo img{
  display:block !important;
  max-width:100% !important;
  max-height:44px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  visibility:visible !important;
}

.fpr-logo:before,
.fpr-logo:after{
  content:none !important;
  display:none !important;
}

.fpr-menu,
#fprMainMenu{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.fpr-menu a,
.fpr-menu a:visited,
#fprMainMenu a,
#fprMainMenu a:visited{
  display:inline-flex !important;
  min-height:46px !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:13px 18px !important;
  border-radius:16px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  text-decoration:none !important;
  font-size:14px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  text-align:center !important;
  white-space:normal !important;
  transition:.24s ease !important;
}

.fpr-menu a:hover,
.fpr-menu a:focus,
.fpr-menu a:active,
#fprMainMenu a:hover,
#fprMainMenu a:focus,
#fprMainMenu a:active{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:linear-gradient(135deg,#156bff,#20c7f4) !important;
  border-color:rgba(255,255,255,.28) !important;
  box-shadow:0 16px 42px rgba(32,199,244,.26) !important;
  text-decoration:none !important;
  transform:translateY(-3px) !important;
}

.fpr-burger{
  display:none !important;
  width:52px !important;
  height:52px !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:6px !important;
  padding:0 !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  background:rgba(255,255,255,.14) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.14) !important;
  cursor:pointer !important;
  transition:.22s ease !important;
}

.fpr-burger span{
  display:block !important;
  width:24px !important;
  height:3px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  transition:.22s ease !important;
}

.fpr-burger.is-active span:nth-child(1){
  transform:translateY(9px) rotate(45deg) !important;
}

.fpr-burger.is-active span:nth-child(2){
  opacity:0 !important;
}

.fpr-burger.is-active span:nth-child(3){
  transform:translateY(-9px) rotate(-45deg) !important;
}

/* отступ под фиксированную шапку */
.fpr-hero{
  padding-top:150px !important;
}

#catalog,
#categories,
#contacts,
section{
  scroll-margin-top:150px !important;
}

/* планшет */
@media(max-width:1180px){
  .fpr-nav,
  header.fpr-nav{
    top:14px !important;
    width:calc(100% - 40px) !important;
  }

  .fpr-menu,
  #fprMainMenu{
    gap:8px !important;
  }

  .fpr-menu a,
  #fprMainMenu a{
    padding:12px 14px !important;
    font-size:13px !important;
  }
}

/* мобильная версия — бургер */
@media(max-width:900px){
  .fpr-nav,
  header.fpr-nav{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 52px !important;
    align-items:center !important;
    gap:10px !important;
    top:10px !important;
    width:calc(100% - 24px) !important;
    padding:12px !important;
    border-radius:26px !important;
    overflow:visible !important;
  }

  .fpr-logo,
  .fpr-nav .fpr-logo{
    grid-column:1 !important;
    grid-row:1 !important;
    max-width:190px !important;
    width:190px !important;
    height:58px !important;
    justify-self:start !important;
  }

  .fpr-burger{
    display:inline-flex !important;
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:end !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .fpr-menu,
  #fprMainMenu{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
    max-height:0 !important;
    margin-top:0 !important;
    opacity:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
    transition:max-height .24s ease, opacity .18s ease, margin-top .18s ease !important;
  }

  .fpr-nav.is-menu-open .fpr-menu,
  .fpr-nav.is-menu-open #fprMainMenu{
    max-height:460px !important;
    margin-top:10px !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .fpr-menu a,
  .fpr-menu a:visited,
  #fprMainMenu a,
  #fprMainMenu a:visited{
    width:100% !important;
    min-height:44px !important;
    padding:11px 12px !important;
    border-radius:14px !important;
    font-size:13px !important;
  }

  .fpr-hero{
    padding-top:118px !important;
  }

  #catalog,
  #categories,
  #contacts,
  section{
    scroll-margin-top:126px !important;
  }
}

@media(max-width:420px){
  .fpr-nav,
  header.fpr-nav{
    width:calc(100% - 18px) !important;
    padding:10px !important;
  }

  .fpr-logo,
  .fpr-nav .fpr-logo{
    width:168px !important;
    max-width:168px !important;
    height:54px !important;
  }

  .fpr-burger{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
  }

  .fpr-hero{
    padding-top:112px !important;
  }

  #catalog,
  #categories,
  #contacts,
  section{
    scroll-margin-top:120px !important;
  }
}