/* v7.4 — mope-peka.ru — clean */

@font-face{font-family:'Onest';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/onest/onest-cyrillic-wght-normal.woff2') format('woff2-variations');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Onest';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/onest/onest-cyrillic-ext-wght-normal.woff2') format('woff2-variations');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:'Onest';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/onest/onest-latin-wght-normal.woff2') format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Onest';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/onest/onest-latin-ext-wght-normal.woff2') format('woff2-variations');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}

:root{
  --paper:#f4f0e6;--canvas:#e8e1ce;--canvas-mute:#cec4a8;--canvas-deep:#b3a888;
  --ink:#2a2820;--ink-mute:#4f4a3d;--ink-faint:#756e5d;
  --olive:#7a8556;--olive-up:#94a06a;--olive-deep:#535b34;--olive-deeper:#3a4123;
  --brass:#b09668;--brass-deep:#826635;
  --tonal-success:#637237;--tonal-warning:#b09668;--tonal-danger:#8e3b30;
  --container-max:1200px;--container-pad:24px;
}
*,*::before,*::after{font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html,body,body *{font-family:'Onest',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;}
i.fa,.fa,.fas,.far,.fab,.fal,[class^="fa-"],[class*=" fa-"],i[class*="fa-"],span[class*="fa-"],.glyphicon,[class^="glyphicon-"],[class*=" glyphicon-"]{font-family:'FontAwesome','Glyphicons Halflings' !important;}
input,textarea,select,button{font-family:'Onest',sans-serif !important;}
html,body{background:var(--paper) !important;color:var(--ink) !important;font-variation-settings:'wght' 400;font-weight:400;text-rendering:optimizeLegibility;font-feature-settings:'kern' 1,'liga' 1,'calt' 1,'ss01' 1,'tnum' 1;letter-spacing:-0.005em;line-height:1.55;}
h1,h2,h3,h4,h5,h6{font-variation-settings:'wght' 700;font-weight:700 !important;color:var(--olive-deep) !important;letter-spacing:-0.018em;line-height:1.2;}
h1{font-size:30px;}h2{font-size:22px;}h3{font-size:18px;}h4{font-size:16px;}
strong,b{font-variation-settings:'wght' 600;font-weight:600 !important;}
small,.small{color:var(--ink-mute);}
a{color:var(--olive);text-decoration:none;transition:color .15s;}
a:focus{color:var(--olive-up);}@media (hover:hover){
a:hover{color:var(--olive-up);}}
::selection{background:var(--olive);color:var(--paper);}
::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-track{background:var(--canvas);}
::-webkit-scrollbar-thumb{background:var(--canvas-deep);border-radius:5px;}
@media (hover:hover){
::-webkit-scrollbar-thumb:hover{background:var(--olive);}}

/* Kill blue focus + tooltips */
*:focus,*:focus-visible{outline-color:var(--olive) !important;}
.product-thumb,.product-thumb *,.product-thumb a{outline:0 !important;}
a,button,input,select,textarea{outline-color:var(--olive) !important;}
.tooltip{font-family:'Onest',sans-serif !important;font-size:12px !important;z-index:9999 !important;}
.tooltip-inner{background-color:var(--olive-deep) !important;color:var(--paper) !important;border:0 !important;border-radius:4px !important;padding:6px 10px !important;font-weight:500 !important;text-shadow:none !important;max-width:280px;}
.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{border-top-color:var(--olive-deep) !important;}
.tooltip.right .tooltip-arrow{border-right-color:var(--olive-deep) !important;}
.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{border-bottom-color:var(--olive-deep) !important;}
.tooltip.left .tooltip-arrow{border-left-color:var(--olive-deep) !important;}
.tooltip.in{opacity:1 !important;}
.thumbnail,.image-additional .thumbnail{border:1px solid var(--canvas-mute) !important;background:#fff !important;border-radius:4px !important;}
@media (hover:hover){
.thumbnail:hover{border-color:var(--olive) !important;outline:0 !important;}}

/* HIDE — cart/wishlist/compare/reviews/copyright/M */
header #cart,.header #cart,#header #cart,header [id="cart"],#cart-wrapper,.cart-info,.cart-count{display:none !important;visibility:hidden !important;width:0 !important;height:0 !important;}
button[onclick*="wishlist.add"],button[onclick*="compare.add"],a[onclick*="wishlist.add"],a[onclick*="compare.add"]{display:none !important;}
a[href*="route=product/compare"],#compare-total{display:none !important;}
.rating,[class*="rating"]:not([class*="separating"]):not([class*="generating"]),.fa-star,.fa-star-o,.fa-star-half-o{display:none !important;}
.review:not(.reviewed),[class*="review"]:not([class*="reviewed"]),a[href*="review"],a[href*="#review"],.review-write,#review-button-write,.write-review,button[onclick*="review"],.tab-review,#tab-review,a[href="#tab-review"]{display:none !important;}
.product-info > div:has(> .rating){display:none !important;}
.mp-topbar__ico{display:none !important;}
.mp-f__copyright,[class*="mp-f__copyright"]{display:none !important;}

/* ФЗ-152 ВИДНА */
.mp-f__fz, [class*="mp-f__fz"]{
  display:block !important;
  color:rgba(244,240,230,.55) !important;
  font-size:11px !important;
  line-height:1.4 !important;
  text-align:center;
  padding:14px 18px 6px;
  margin:18px auto 0;
  max-width:1300px;
  border-top:1px solid rgba(244,240,230,.10);
}

/* Hide FZ-152 + О нас + Доставка + Политика + Карта сайта + Контакты + account links */
a[href*="route=account/"]:not([href*="logout"]),
a[href*="route=affiliate"],
a[href*="route=checkout/"],
a[href*="route=product/special"],
a[href*="route=product/manufacturer"],
a[href*="route=information/sitemap"],
a[href*="newsletter"],
a[href*="voucher"]{display:none !important;}

/* Hide entire OpenCart default <footer> — only <section class="mp-footer"> остаётся */
body > footer:not(.mp-footer):not(section.mp-footer),
.opencart-default-footer{display:none !important;}

/* HEADER — strict 80px symmetric */
header,header > *,.header,.header > *,#header,#header > *,#top,#top > *,.header-bottom,.header-top,.header-row{background:var(--olive-deep) !important;background-color:var(--olive-deep) !important;background-image:none !important;border:0 !important;color:var(--paper) !important;}
#top{padding:0 !important;min-height:36px;display:flex;align-items:center;}
#top .container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad) !important;width:100%;}
#header{padding:20px 0 !important;min-height:80px !important;display:flex !important;align-items:center !important;}
#header .container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad) !important;width:100%;display:flex !important;align-items:center !important;}
#header .container > .row{width:100% !important;margin:0 !important;display:flex !important;align-items:center !important;flex-wrap:wrap;gap:24px;}
#header .container > .row > [class*="col-"]{display:flex !important;align-items:center !important;flex-shrink:0;padding-left:0 !important;padding-right:0 !important;}
header h1,header h2,header h3,.header h1,.header h2,.header h3,#header h1,#header h2{color:var(--paper) !important;margin:0 !important;}
header a,.header a,#header a,#top a{color:var(--paper) !important;}
@media (hover:hover){
header a:hover,.header a:hover,#header a:hover,#top a:hover{color:var(--canvas) !important;}}
#logo,.logo,header .logo,header #logo{background:transparent !important;display:flex !important;align-items:center !important;margin:0 !important;padding:0 !important;align-self:center;}
#logo > a,#logo h1,#logo h1 a,#logo a{color:var(--paper) !important;font-variation-settings:'wght' 400 !important;font-weight:400 !important;letter-spacing:-0.012em;font-size:24px;display:flex !important;align-items:center !important;margin:0 !important;padding:0 !important;line-height:1 !important;}

/* Topbar wght 200 (ultra-light final) */
#top-links,.mp-topbar-wrap,.mp-topbar{background:transparent !important;background-color:transparent !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center;justify-content:flex-end;list-style:none;}
.mp-topbar{gap:32px !important;flex-wrap:wrap;}
.mp-topbar__item{list-style:none;}
.mp-topbar,.mp-topbar a,.mp-topbar a:link,.mp-topbar a:visited{color:var(--paper) !important;text-decoration:none;font-variation-settings:'wght' 200 !important;font-weight:200 !important;font-size:12px !important;letter-spacing:0 !important;display:inline-flex;align-items:center;gap:6px;}
@media (hover:hover){
.mp-topbar a:hover{color:#fff !important;}}
.mp-topbar a i.fa{color:var(--paper) !important;font-size:12px;opacity:.85;font-family:'FontAwesome' !important;}
@media (hover:hover){
.mp-topbar a:hover i.fa{color:#fff !important;opacity:1;}}
.mp-topbar a b{color:var(--paper) !important;font-variation-settings:'wght' 450 !important;font-weight:500 !important;}

/* MENU */
nav,nav.navbar,.navbar,.navbar-default,.navbar-inverse,#menu,[id*="menu"],[class*="navbar"]:not([class*="brand"]){background:var(--olive-deeper) !important;background-color:var(--olive-deeper) !important;background-image:none !important;border:0 !important;box-shadow:none !important;min-height:0 !important;}
#menu .container,.navbar .container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);}
#menu .nav,.navbar-nav{display:flex;flex-wrap:wrap;}
#menu .nav > li > a,.navbar-nav > li > a{color:var(--paper) !important;background:transparent !important;font-variation-settings:'wght' 400;font-weight:400 !important;font-size:13px;letter-spacing:0;border:0 !important;padding:14px 18px !important;display:flex;align-items:center;}
#menu .nav > li.open > a,.navbar-nav > li.open > a{background:var(--olive-deep) !important;color:var(--paper) !important;}@media (hover:hover){
#menu .nav > li > a:hover,.navbar-nav > li > a:hover{background:var(--olive-deep) !important;color:var(--paper) !important;}}
#menu .dropdown-menu,.dropdown-menu,.nav .open > .dropdown-menu{background:var(--paper) !important;border:1px solid var(--canvas-mute) !important;box-shadow:0 8px 24px rgba(45,42,35,.12) !important;padding:6px 0 !important;}
#menu .dropdown-menu a,.dropdown-menu a{color:var(--ink) !important;background:transparent !important;padding:8px 16px !important;font-weight:500 !important;}
@media (hover:hover){
#menu .dropdown-menu a:hover,.dropdown-menu > li > a:hover{background:var(--canvas) !important;color:var(--olive-deep) !important;}}

/* SEARCH */
#search{padding:0 !important;display:flex;align-items:stretch;flex:1;min-width:240px;max-width:600px;}
#search .input-group{display:flex;width:100%;}
#search input.form-control,#search input[type="text"]{background:#fff !important;color:var(--ink) !important;border:1px solid var(--canvas-mute) !important;border-right:0 !important;border-radius:4px 0 0 4px !important;box-shadow:none !important;font-size:14px;height:40px;padding:0 14px;flex:1;}
#search input.form-control:focus{border-color:var(--olive) !important;outline:0 !important;box-shadow:0 0 0 3px rgba(122,133,86,.20) !important;}
#search input::placeholder{color:var(--ink-faint) !important;}
#search button.btn,#search .input-group-btn .btn,#search button[type="button"]{background:var(--olive) !important;background-image:none !important;border:1px solid var(--olive-deep) !important;border-radius:0 4px 4px 0 !important;color:var(--paper) !important;height:40px;min-width:46px;width:46px;display:flex !important;align-items:center !important;justify-content:center !important;text-shadow:none !important;box-shadow:none !important;margin:0 !important;padding:0 !important;}
@media (hover:hover){
#search button.btn:hover{background:var(--olive-up) !important;}}
#search button .fa{color:var(--paper) !important;font-size:16px !important;font-family:'FontAwesome' !important;line-height:1;}

/* Bootstrap palette */
.btn-primary,.btn-info{background:var(--olive) !important;background-image:none !important;border-color:var(--olive-deep) !important;color:var(--paper) !important;text-shadow:none !important;box-shadow:none !important;}
@media (hover:hover){
.btn-primary:hover,.btn-info:hover{background:var(--olive-up) !important;}}
.btn-success{background:var(--tonal-success) !important;border-color:#45531e !important;color:var(--paper) !important;}
.btn-warning{background:var(--tonal-warning) !important;border-color:var(--brass-deep) !important;color:var(--paper) !important;}
.btn-danger{background:var(--tonal-danger) !important;border-color:#642a22 !important;color:var(--paper) !important;}
.btn-default{background:transparent !important;background-image:none !important;border:1px solid var(--canvas-mute) !important;color:var(--ink-mute) !important;}
@media (hover:hover){
.btn-default:hover{background:var(--canvas) !important;border-color:var(--olive) !important;color:var(--olive-deep) !important;}}
.text-primary,.text-info{color:var(--olive) !important;}
.text-success{color:var(--tonal-success) !important;}
.text-warning{color:var(--brass-deep) !important;}
.text-danger{color:var(--tonal-danger) !important;}
.text-muted{color:var(--ink-mute) !important;}
.bg-primary,.bg-info{background:var(--olive) !important;color:var(--paper) !important;}
.well,.panel,.panel-default{background:var(--canvas) !important;border:1px solid var(--canvas-mute) !important;box-shadow:none !important;}
hr{border-top:1px solid var(--canvas-mute) !important;}

/* Sort/Show selects */
#input-sort,#input-limit,select#input-sort,select#input-limit,.form-control[name="sort"],.form-control[name="limit"]{min-width:160px !important;height:40px !important;padding:0 32px 0 12px !important;border:1px solid var(--canvas-mute) !important;background:#fff !important;color:var(--ink) !important;border-radius:4px !important;font-size:13.5px;display:inline-flex !important;align-items:center !important;}

/* Quantity input narrow */
input[name="quantity"],#input-quantity,input.form-control[name="quantity"],.product-info input[type="number"]{width:80px !important;max-width:80px !important;text-align:center !important;height:40px !important;}

/* SIDEBAR */
#column-left,#column-right{background:transparent !important;padding:0 !important;}
#column-left h4,#column-right h4{color:var(--olive-deep) !important;font-size:13px !important;font-weight:700 !important;letter-spacing:.08em;text-transform:uppercase;margin:18px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--canvas-mute);}
.list-group{border:0 !important;background:transparent !important;}
.list-group .list-group-item,#column-left a,#column-right a,.list-group > a{background:transparent !important;border:0 !important;border-bottom:1px solid var(--canvas-mute) !important;border-left:3px solid transparent !important;color:var(--ink) !important;padding:10px 12px 10px 11px !important;border-radius:0 !important;font-weight:500 !important;font-size:13.5px;transition:background .15s,color .15s,border-color .15s;}
@media (hover:hover){
.list-group .list-group-item:hover,#column-left a:hover,#column-right a:hover,.list-group > a:hover{background:var(--canvas) !important;color:var(--olive-deep) !important;border-left-color:var(--olive-up) !important;}}
.list-group .list-group-item.active,.list-group .active > a,#column-left .active > a,#column-right .active > a{background:var(--canvas) !important;color:var(--olive-deep) !important;border-left-color:var(--olive) !important;font-weight:700 !important;}
#column-left hr,#column-right hr,#column-left .swiper-scrollbar,#column-right .swiper-scrollbar,#column-left .scrollbar,#column-right .scrollbar,#column-left .progress,#column-right .progress,#column-left > div:empty,#column-right > div:empty{display:none !important;}

/* BREADCRUMB */
.breadcrumb{background:transparent !important;border-bottom:1px solid var(--canvas-mute) !important;padding:10px 16px !important;border-radius:0 !important;font-size:13px;margin-bottom:18px;}
.breadcrumb a{color:var(--ink-mute) !important;font-weight:500 !important;}
@media (hover:hover){
.breadcrumb a:hover{color:var(--olive-deep) !important;}}
.breadcrumb > .active,.breadcrumb > li:last-child{color:var(--olive-deep) !important;font-weight:600 !important;}
.breadcrumb > li + li:before{color:var(--canvas-deep) !important;content:"›";padding:0 6px;font-weight:700;}
.breadcrumb .fa-home{font-family:'FontAwesome' !important;color:var(--ink-mute) !important;}

/* Pagination */
.pagination > li > a,.pagination > li > span{color:var(--ink) !important;background:transparent !important;border-color:var(--canvas-mute) !important;}
@media (hover:hover){
.pagination > li > a:hover{background:var(--canvas) !important;color:var(--olive-deep) !important;border-color:var(--olive) !important;}}
.pagination > .active > a,.pagination > .active > span{background:var(--olive) !important;border-color:var(--olive-deep) !important;color:var(--paper) !important;}

/* ===== PRODUCT CARDS — SAFE equal-height (НЕТ width:100% на product-layout) ===== */
.product-thumb,.product-layout .product-thumb{
  background:#fff !important;
  border:1px solid var(--canvas-mute) !important;
  border-radius:6px !important;
  box-shadow:0 1px 0 rgba(45,42,35,.02);
  overflow:hidden;
  transition:box-shadow .15s,border-color .15s,transform .15s;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}
@media (hover:hover){
.product-thumb:hover{border-color:var(--olive) !important;box-shadow:0 6px 18px rgba(83,91,52,.12);}}
.product-thumb .image{background:#fff !important;min-height:200px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--canvas-mute);}
.product-thumb .image img{display:block;margin:0 auto;max-width:100%;height:auto;}
.product-thumb .image:empty::before{content:"";display:block;width:80px;height:80px;background:var(--canvas);border-radius:8px;border:1px dashed var(--canvas-mute);}
.product-thumb .caption{padding:14px !important;flex:1;display:flex;flex-direction:column;}
.product-thumb .caption h4{margin:0 0 8px !important;font-size:14px !important;line-height:1.3;font-weight:600 !important;}
.product-thumb .caption h4 a{color:var(--ink) !important;}
@media (hover:hover){
.product-thumb:hover .caption h4 a{color:var(--olive-deep) !important;}}
.product-thumb .caption .description{color:var(--ink-mute) !important;font-size:12.5px;line-height:1.5;max-height:3em;overflow:hidden;margin-bottom:10px;flex:1;}
.product-thumb .price,.product-thumb .price-new{color:var(--olive-deep) !important;font-weight:700 !important;font-size:15px;font-variant-numeric:tabular-nums;}
.product-thumb .price-old{color:var(--ink-faint) !important;text-decoration:line-through;font-size:12px;}
.product-thumb .caption .price:empty{display:none !important;}
.product-thumb .button-group{display:flex !important;gap:6px;background:var(--paper) !important;border-top:1px solid var(--canvas-mute) !important;padding:10px 12px !important;margin-top:auto !important;}
.product-thumb .button-group > a,.product-thumb .button-group > .mp-card-mailto{flex:1;text-align:center;}
.product-thumb .button-group button[onclick*="wishlist"],.product-thumb .button-group button[onclick*="compare"]{display:none !important;}
.product-thumb .rating{display:none !important;}
/* Equal-height row: ONLY if row contains product-layouts (через :has) */
.row:has(> .product-layout){display:flex !important;flex-wrap:wrap !important;}
.row > .product-layout{display:flex !important;}
/* CRITICAL: НЕ ставить width:100% на .product-layout — Bootstrap col-* классы дают ширину */

/* MAILTO */
a.mp-card-mailto,.mp-card-mailto,a.mp-mailto,.mp-mailto,a.mp-request-btn,.mp-request-btn,a[href^="mailto:"].btn,button[onclick*="mailto"],#button-cart,.product-info .btn-primary,.product-info button.btn-primary,.product-info .btn-block{display:inline-block;background:var(--olive) !important;background-image:none !important;color:var(--paper) !important;border:1px solid var(--olive-deep) !important;border-radius:4px !important;font-weight:600 !important;font-size:13.5px !important;letter-spacing:.005em;padding:9px 18px !important;text-decoration:none !important;text-shadow:none !important;box-shadow:none !important;transition:background .15s,transform .1s,box-shadow .15s;cursor:pointer;}
.mp-card-mailto i,.mp-card-mailto .fa,.mp-request-btn i,.mp-request-btn .fa{display:none !important;}
.product-info a.mp-request-btn,.product-info .mp-request-btn,.product-info a[href^="mailto:"]:not([class*="topbar"]):not([class*="footer"]):not([class*="mp-f"]){display:block !important;width:100% !important;text-align:center;font-size:15px !important;padding:14px 20px !important;margin:12px 0 8px !important;}
@media (hover:hover){
a.mp-card-mailto:hover,.mp-card-mailto:hover,a.mp-request-btn:hover,.mp-request-btn:hover{background:var(--olive-up) !important;color:var(--paper) !important;box-shadow:0 3px 8px rgba(83,91,52,.20);}}

/* Forms */
input.form-control,textarea.form-control,select.form-control,input[type="text"],input[type="email"],input[type="tel"],input[type="number"],textarea,select{background:#fff !important;color:var(--ink) !important;border:1px solid var(--canvas-mute) !important;border-radius:4px !important;box-shadow:none !important;font-size:14px !important;padding:8px 12px !important;}
input:focus,textarea:focus,select:focus{border-color:var(--olive) !important;outline:0 !important;box-shadow:0 0 0 3px rgba(122,133,86,.20) !important;}
label{color:var(--ink) !important;font-weight:500 !important;}

/* mp-footer */
section.mp-footer,section.mp-footer > *,section.mp-footer > * > *,
.mp-footer,.mp-footer > *,.mp-f,.mp-f > *,
.mp-f__top,.mp-f__top > *,.mp-f__bottom,.mp-f__bottom > *,
.mp-f__col,.mp-f__col > *,.mp-f__row,.mp-f__row > *,
.mp-f__container,.mp-f__container > *,
[class^="mp-f__"],[class*=" mp-f__"],[class^="mp-f-"],[class*=" mp-f-"]{background:var(--olive-deep) !important;background-color:var(--olive-deep) !important;background-image:none !important;border:0 !important;}
section.mp-footer,.mp-footer,.mp-f,[class*="mp-f"]{color:var(--canvas) !important;}
section.mp-footer > .container,.mp-f__container{max-width:var(--container-max) !important;margin:0 auto !important;padding:0 var(--container-pad) !important;width:100% !important;}
section.mp-footer,.mp-footer{padding:36px 0 24px !important;margin-top:30px !important;}
section.mp-footer h1,section.mp-footer h2,section.mp-footer h3,section.mp-footer h4,section.mp-footer h5,
.mp-footer h1,.mp-footer h2,.mp-footer h3,.mp-footer h4,.mp-footer h5,
[class*="mp-f__"] h1,[class*="mp-f__"] h2,[class*="mp-f__"] h3,[class*="mp-f__"] h4,[class*="mp-f__"] h5{color:var(--paper) !important;font-size:13px !important;font-weight:700 !important;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;}
section.mp-footer a,.mp-footer a,.mp-f a,[class*="mp-f__"] a{color:var(--canvas) !important;}
@media (hover:hover){
section.mp-footer a:hover,.mp-footer a:hover{color:#fff !important;}}
section.mp-footer ul,.mp-footer ul,.mp-f ul{list-style:none;padding:0;margin:0;}
section.mp-footer li,.mp-footer li,.mp-f li{padding:3px 0;font-size:13px;}
section.mp-footer .fa,.mp-footer .fa,.mp-f .fa,[class*="mp-f"] .fa,section.mp-footer i,.mp-f i,[class*="mp-f"] i{color:var(--brass) !important;font-family:'FontAwesome' !important;}
.mp-f__bottom{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;align-items:center !important;gap:20px 32px !important;padding-top:20px !important;margin-top:18px !important;border-top:1px solid rgba(244,240,230,.15) !important;}
.mp-f__country{display:flex !important;align-items:center !important;gap:14px !important;}
.mp-f__country img{width:38px !important;height:auto !important;flex-shrink:0;object-fit:contain;}
.mp-f__country > div{display:flex !important;flex-direction:column !important;gap:4px !important;}
.mp-f__country strong,.mp-f__country b,.mp-f__country > div > :first-child{color:var(--paper) !important;font-weight:700 !important;font-size:12px !important;letter-spacing:.06em;text-transform:uppercase;}
.mp-f__country .mp-f__cities,.mp-f__country > div > :nth-child(2){color:var(--canvas) !important;font-size:12px !important;font-weight:400 !important;line-height:1.4;}

/* ============= FLAG-CARD — paper bg, olive button ============= */
.mp-fp{position:fixed !important;top:140px !important;right:0 !important;z-index:990;background:var(--paper) !important;background-image:none !important;border:1px solid var(--canvas-mute) !important;border-right:0 !important;border-radius:8px 0 0 8px !important;box-shadow:-4px 4px 16px rgba(45,42,35,.18) !important;padding:14px 16px !important;width:175px !important;font-family:'Onest', sans-serif !important;display:block !important;}
.mp-fp__row, .mp-fp > div:first-child{display:flex !important;gap:12px !important;align-items:center !important;justify-content:center !important;margin-bottom:12px !important;padding-bottom:10px;border-bottom:1px solid var(--canvas-mute);}
.mp-fp img{width:50px !important;height:auto !important;border-radius:3px;box-shadow:0 1px 3px rgba(45,42,35,.15);}
.mp-fp__email, .mp-fp a{color:var(--olive-deep) !important;font-size:12px !important;font-weight:600 !important;text-decoration:none !important;display:block;margin-bottom:10px;word-break:break-all;text-align:center;line-height:1.3;}
.mp-fp__copy, .mp-fp button{background:var(--olive) !important;background-image:none !important;color:#fff !important;border:0 !important;border-radius:4px !important;padding:0 14px !important;height:34px !important;line-height:34px !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;width:100%;cursor:pointer;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:8px;transition:background .15s;}
@media (hover:hover){
.mp-fp__copy:hover, .mp-fp button:hover{background:var(--olive-up) !important;}}
.mp-fp__note, .mp-fp p{color:var(--ink-mute) !important;font-size:10.5px !important;text-align:center;line-height:1.3;margin:0 !important;font-weight:400 !important;}
@media (max-width:768px){.mp-fp{display:none !important;}}

/* GEO-SECTION + 16 regions 4×4 grid */
.mp-geo-v6{max-width:var(--container-max);margin:30px auto !important;padding:0 var(--container-pad);font-family:'Onest',sans-serif;color:var(--ink);}
.mp-geo-v6__title{font-size:18px;font-weight:700;color:var(--olive-deep);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;}
.mp-geo-v6__lead{color:var(--ink-mute);font-size:13.5px;line-height:1.55;margin:0 0 22px;max-width:780px;}
.mp-geo-v6__h{font-size:13px;font-weight:700;color:var(--olive-deep);letter-spacing:.08em;text-transform:uppercase;margin:24px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--canvas-mute);}
.mp-geo-v6__ships{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px;margin-bottom:8px;}
.mp-geo-v6__ship{background:var(--canvas);border:1px solid var(--canvas-mute);border-radius:6px;padding:14px;display:flex;align-items:center;gap:12px;transition:border-color .15s,background .15s;}
@media (hover:hover){
.mp-geo-v6__ship:hover{border-color:var(--olive);background:var(--paper);}}
.mp-geo-v6__ship svg{flex-shrink:0;width:48px;height:32px;}
.mp-geo-v6__ship-name{font-weight:600;font-size:13px;color:var(--ink);line-height:1.2;margin-bottom:2px;}
.mp-geo-v6__ship-desc{font-size:11.5px;color:var(--ink-mute);line-height:1.35;}
.mp-geo-v6__ship[data-cat="cargo"] svg{color:var(--olive-deep) !important;}
.mp-geo-v6__ship[data-cat="river"] svg{color:var(--olive) !important;}
.mp-geo-v6__ship[data-cat="fishing"] svg{color:var(--brass) !important;}
.mp-geo-v6__ship[data-cat="service"] svg{color:var(--olive-up) !important;}
.mp-geo-v6__ship[data-cat="special"] svg{color:var(--brass-deep) !important;}
.mp-geo-v6__regions{display:grid !important;grid-template-columns:repeat(4, 1fr) !important;gap:14px !important;margin-top:8px;}
.mp-geo-v6__region{background:var(--canvas);border:1px solid var(--canvas-mute);border-radius:6px;padding:12px 14px;}
.mp-geo-v6__region-name{font-size:11.5px;font-weight:700;color:var(--olive-deep);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--canvas-mute);}
.mp-geo-v6__cities{display:flex;flex-wrap:wrap;gap:4px 5px;margin:0;}
.mp-geo-v6__city{display:inline-block;padding:2px 8px;background:var(--paper);border:1px solid var(--canvas-mute);border-radius:10px;font-size:11px;color:var(--ink);font-weight:500;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;}
@media (hover:hover){
.mp-geo-v6__city:hover{background:var(--olive);color:var(--paper);border-color:var(--olive-deep);}}
@media (max-width:1100px){.mp-geo-v6__regions{grid-template-columns:repeat(3, 1fr) !important;}}
@media (max-width:768px){.mp-geo-v6__regions{grid-template-columns:repeat(2, 1fr) !important;}.mp-geo-v6__ships{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}}
@media (max-width:480px){.mp-geo-v6__regions{grid-template-columns:1fr !important;}}

.mp-geo-wrap,.seo-geo-wrap,[class*="geo-tags"]:not(.mp-geo-v6):not([class*="mp-geo-v6"]){display:none !important;}
.seo-geo-tag{display:none !important;}

/* Mobile */
@media (max-width:768px){#header .container{padding:0 14px !important;gap:12px;}#top .container{padding:0 14px !important;}.product-thumb{border-radius:4px !important;}h1{font-size:22px !important;}h2{font-size:18px !important;}.mp-topbar{font-size:11px !important;gap:14px;flex-wrap:wrap;justify-content:flex-start;}#menu .nav > li > a{font-size:12.5px !important;padding:10px 12px !important;}#logo a{font-size:20px !important;}#search{width:100%;max-width:100%;}.mp-f__container,section.mp-footer > .container{padding:0 14px !important;}}
@media (max-width:480px){.mp-topbar{flex-direction:column;align-items:flex-start;gap:4px;}#header .container > .row{flex-direction:column;align-items:stretch !important;}#logo{justify-content:center;}}

/* v7.4-olive-marker */

/* ============= v7.5 SURGICAL PATCH ============= */
/* G1: kill page horizontal overflow (search btn + brand swiper bleed) */
html,body{overflow-x:hidden !important;max-width:100vw !important;}
.swiper,.swiper-container,.swiper-container-horizontal{overflow:hidden !important;}

/* G2: SEARCH — input flex-shrinkable, button stays inside container */
#search{padding:0 !important;flex:1 1 auto !important;min-width:0 !important;max-width:600px !important;}
#search .input-group{display:flex !important;width:100% !important;position:relative !important;}
#search input.form-control,#search input[type="text"]{flex:1 1 auto !important;width:auto !important;min-width:0 !important;}
#search .input-group-btn{flex:0 0 auto !important;display:flex !important;position:static !important;width:auto !important;font-size:inherit !important;}
#search .input-group-btn .btn,#search button.btn,#search button[type="button"]{flex:0 0 auto !important;width:50px !important;height:40px !important;margin-left:0 !important;}

/* G3: LOGO center на mobile/tablet (<=991), не только <=480 как было */
@media (max-width:991px){
  #logo,#logo a,#logo h1,#logo h1 a{justify-content:center !important;text-align:center !important;width:100% !important;}
  #header .container > .row{flex-direction:column !important;align-items:stretch !important;gap:10px !important;flex-wrap:nowrap !important;}
  #header .container > .row > [class*="col-"]{width:100% !important;flex:0 0 100% !important;justify-content:center !important;}
}

/* G4: TOPBAR — никаких "лесенок" на iPhone. Одна строка, центр, тонкий */
@media (max-width:768px){
  .mp-topbar{flex-direction:row !important;flex-wrap:wrap !important;justify-content:center !important;align-items:center !important;gap:6px 14px !important;padding:6px 8px !important;font-size:11px !important;}
  .mp-topbar a{font-size:11px !important;font-variation-settings:'wght' 300 !important;font-weight:300 !important;}
  .mp-topbar a b{font-variation-settings:'wght' 500 !important;font-weight:500 !important;}
  #top,#top-links,.mp-topbar-wrap{padding:4px 0 !important;min-height:auto !important;justify-content:center !important;}
}
@media (max-width:480px){
  .mp-topbar{gap:4px 10px !important;font-size:10.5px !important;}
  .mp-topbar a{font-size:10.5px !important;}
  .mp-topbar a i.fa{font-size:10px !important;}
}

/* G5: FLAG-CARD — на mobile показать как inline-card (а не position:fixed) */
@media (max-width:768px){
  .mp-fp{display:block !important;position:static !important;top:auto !important;right:auto !important;left:auto !important;margin:18px auto !important;max-width:320px !important;width:auto !important;border:1px solid var(--canvas-mute) !important;border-radius:8px !important;box-shadow:0 2px 8px rgba(45,42,35,.10) !important;}
  .mp-fp__row,.mp-fp > div:first-child{justify-content:center !important;}
}

/* G6: PRODUCT cards — vertical gap (юзер видел "слиплись по вертикали") */
.product-layout,.product-layout.product-list,.product-layout.product-grid{margin-bottom:22px !important;}
.row > .product-layout{margin-bottom:22px !important;}
.product-grid + .product-grid{margin-top:0 !important;}

/* G7: Onest weight fallback — если @font-face не подгрузился, system-ui не толстый */
@supports not (font-variation-settings: 'wght' 200){
  body,.mp-topbar,.mp-topbar a{font-weight:400 !important;}
  .mp-topbar,.mp-topbar a{font-weight:300 !important;}
}

/* G8: ровный olive header — убрать визуальный paper-зазор */
header,#header,#top,.header,#header > *,header > *{background-color:var(--olive-deep) !important;}
#header{border-top:1px solid rgba(244,240,230,.04) !important;}
#top{border-bottom:1px solid rgba(244,240,230,.04) !important;}

/* G9: RU/KZ compact pills (можно использовать в header.twig если будем ставить inline) */
.mp-flag-pills{display:flex;gap:6px;align-items:center;flex-shrink:0;}
.mp-flag-pills .pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:14px;background:rgba(244,240,230,.08);border:1px solid rgba(244,240,230,.18);color:var(--paper);font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1;height:24px;}
.mp-flag-pills .pill svg,.mp-flag-pills .pill img{width:18px;height:13px;display:block;border-radius:1px;}
@media (hover:hover){
.mp-flag-pills .pill:hover{background:rgba(244,240,230,.14);}}
@media (max-width:768px){.mp-flag-pills{justify-content:center;width:100%;}}

/* G10: Sort/Show/Quantity на mobile — не растянуть страницу */
@media (max-width:768px){
  #input-sort,#input-limit{min-width:140px !important;max-width:100% !important;}
  .product-filter{display:flex !important;flex-wrap:wrap !important;gap:8px !important;}
}

/* v7.5-surgical-marker */

/* ============= v7.6 FIX (3 задачи) ============= */

/* === 7.6/A: SHRIFT — подстраховка если Safari всё равно не подцепил Onest === */
@font-face{
  font-family:'Onest';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('fonts/onest/onest-cyrillic-wght-normal.woff2') format('woff2-variations'),
      url('fonts/onest/onest-cyrillic-wght-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'Onest';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('fonts/onest/onest-latin-wght-normal.woff2') format('woff2-variations'),
      url('fonts/onest/onest-latin-wght-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Если Onest всё-таки не подгрузился — fallback в Helvetica Neue Light */
.mp-topbar, .mp-topbar a, .mp-topbar a:link, .mp-topbar a:visited{
  font-family:'Onest','Helvetica Neue','SF Pro Text',-apple-system,BlinkMacSystemFont,sans-serif !important;
  font-weight:300 !important;
  font-variation-settings:'wght' 300 !important;
  -webkit-font-smoothing:antialiased !important;
}
.mp-topbar a b, .mp-topbar b{
  font-weight:500 !important;
  font-variation-settings:'wght' 500 !important;
}

/* === 7.6/B: .mp-fp ВСЕГДА fixed справа (как radarstation) === */
.mp-fp{
  position:fixed !important;
  top:50% !important;
  right:0 !important;
  left:auto !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  z-index:990 !important;
  border-right:0 !important;
  border-radius:8px 0 0 8px !important;
  box-shadow:-4px 4px 16px rgba(45,42,35,.18) !important;
}
@media (max-width:991px){
  .mp-fp{
    top:auto !important;
    bottom:14px !important;
    transform:scale(0.78) !important;
    transform-origin:right bottom !important;
    box-shadow:-2px -2px 12px rgba(45,42,35,.16) !important;
  }
}
@media (max-width:480px){
  .mp-fp{
    transform:scale(0.68) !important;
    bottom:8px !important;
  }
}

/* === 7.6/C: SEARCH вертикально по центру олив-полосы (горизонталь не трогаем — лого слева, search справа = default OpenCart layout) === */
#header{
  display:flex !important;
  align-items:center !important;
  min-height:84px !important;
  padding:14px 0 !important;
}
#header .container{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  height:100% !important;
}
#header .container > .row{
  display:flex !important;
  align-items:center !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  margin:0 !important;
}
#header .container > .row > [class*="col-"]{
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
}
#logo{align-self:center !important;}
#search{
  display:flex !important;
  align-self:center !important;
  align-items:center !important;
  height:42px !important;
  margin:0 !important;
}
#search .input-group{align-items:stretch !important;height:42px !important;}
#search input.form-control,#search input[type="text"]{height:42px !important;line-height:42px !important;}
#search .input-group-btn .btn,#search button.btn{height:42px !important;}

/* === 7.6/D: На mobile — НЕ ломать flex-row #logo+search в столбик.
   Откатываем v7.5 G3 которое flex-direction:column. Логотип маленький в углу,
   search занимает большую часть ширины. === */
@media (max-width:991px){
  #header .container > .row{
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px 14px !important;
  }
  #header .container > .row > [class*="col-"]{
    flex:1 1 auto !important;
    width:auto !important;
    justify-content:center !important;
  }
  #logo{flex:0 0 auto !important;width:auto !important;justify-content:center !important;}
  #logo a{font-size:18px !important;}
  #search{flex:1 1 100% !important;max-width:100% !important;width:100% !important;order:2 !important;}
}

/* v7.6-fix-marker */

/* ============= v7.7 FLAG POSITION ============= */
/* .mp-fp ближе к верху (под header), не по центру вертикали */
.mp-fp{
  position:fixed !important;
  top:120px !important;
  bottom:auto !important;
  right:0 !important;
  left:auto !important;
  transform:none !important;
  margin:0 !important;
  z-index:990 !important;
}
@media (max-width:991px){
  .mp-fp{
    top:96px !important;
    bottom:auto !important;
    transform:scale(0.78) !important;
    transform-origin:top right !important;
  }
}
@media (max-width:480px){
  .mp-fp{
    top:80px !important;
    transform:scale(0.68) !important;
    transform-origin:top right !important;
  }
}

/* v7.7-flag-position-marker */

/* ============= v7.8 RADARSTATION-PILLS ============= */
/* Старый aside .mp-fp убираем совсем — заменён на pills в шапке */
.mp-fp{display:none !important;}

/* Pills как на radarstation: 117x35 контейнер, 56x29 кнопки, br 999, olive-цвет */
.mp-flag-pills{
  display:inline-flex !important;
  align-items:center !important;
  background:rgba(244,240,230,.06) !important;
  border:1px solid rgba(244,240,230,.22) !important;
  border-radius:999px !important;
  padding:3px !important;
  height:35px !important;
  width:117px !important;
  box-sizing:border-box !important;
  flex-shrink:0 !important;
  margin-left:auto !important;
}
.mp-flag-pills .pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  width:56px !important;
  height:29px !important;
  border-radius:999px !important;
  color:var(--paper) !important;
  font-family:'Onest','Helvetica Neue',sans-serif !important;
  font-size:12px !important;
  font-weight:600 !important;
  font-variation-settings:'wght' 600 !important;
  letter-spacing:.02em !important;
  line-height:1 !important;
  text-decoration:none !important;
  background:transparent !important;
  border:0 !important;
  transition:background .15s,color .15s !important;
  cursor:pointer !important;
}
.mp-flag-pills .pill.is-active{
  background:var(--olive-up) !important;
  color:#fff !important;
  box-shadow:0 1px 3px rgba(0,0,0,.18) !important;
}
@media (hover:hover){
.mp-flag-pills .pill:hover{
  background:rgba(244,240,230,.12) !important;
}}
@media (hover:hover){
.mp-flag-pills .pill.is-active:hover{
  background:var(--olive) !important;
}}
.mp-flag-pills .pill svg{
  width:18px !important;
  height:13px !important;
  border-radius:2px !important;
  display:block !important;
  flex-shrink:0 !important;
  background:#fff !important;
  overflow:hidden !important;
}

/* Колонка-обёртка для pills в .row — справа от search */
.mp-flag-pills-col{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 auto !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  min-width:130px !important;
}
@media (max-width:991px){
  .mp-flag-pills-col{
    flex:1 1 auto !important;
    justify-content:center !important;
    order:1 !important;
    margin-bottom:6px !important;
  }
  .mp-flag-pills{margin-left:0 !important;margin-right:0 !important;}
}

/* v7.8-pills-marker */

/* ============= v7.10 ШАПКА REWRITE ============= */
/* Onest теперь грузится через Google Fonts → font-variation-settings 'wght' работает везде.
   В шапке используем weight 400-500 (normal-medium), не 200-300 (light, рендерится размытым). */

/* TOPBAR — нормальный weight 400, чистый белый, читаемо */
#top, .mp-topbar-wrap, #top-links{
  background: var(--olive-deep) !important;
  padding: 8px 0 !important;
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
}
.mp-topbar{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}
.mp-topbar a, .mp-topbar a:link, .mp-topbar a:visited{
  color: #ffffff !important;
  font-family: 'Onest', system-ui, -apple-system, sans-serif !important;
  font-weight: 400 !important;
  font-variation-settings: 'wght' 400 !important;
  font-size: 13px !important;
  letter-spacing: 0.005em !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-shadow: none !important;
}
@media (hover:hover){
.mp-topbar a:hover{ color: #ffffff !important; opacity: 0.85 !important; }}
.mp-topbar a b, .mp-topbar b{
  font-weight: 600 !important;
  font-variation-settings: 'wght' 600 !important;
  color: #ffffff !important;
}
.mp-topbar a i.fa{
  color: rgba(255,255,255,0.85) !important;
  font-size: 12px !important;
  font-family: 'FontAwesome' !important;
}
@media (max-width: 768px){
  .mp-topbar{ gap: 6px 16px !important; padding: 4px 8px !important; }
  .mp-topbar a{ font-size: 12px !important; }
}
@media (max-width: 480px){
  .mp-topbar{ gap: 4px 12px !important; }
  .mp-topbar a{ font-size: 11px !important; }
  .mp-topbar a i.fa{ font-size: 10px !important; }
}

/* HEADER — единая зелёная полоса 80px, лого+поиск вертикально centered */
#header{
  background: var(--olive-deep) !important;
  display: flex !important;
  align-items: center !important;
  min-height: 80px !important;
  padding: 12px 0 !important;
}
#header > .container,
#header .container{
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: var(--container-max) !important;
  margin: 0 auto !important;
  padding: 0 var(--container-pad) !important;
}
#header .container > .row{
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 16px !important;
}
#header .container > .row > [class*="col-"]{
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* LOGO — белый Onest 500, чёткий */
#logo, #logo h1{
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}
#logo a, #logo h1 a{
  color: #ffffff !important;
  font-family: 'Onest', system-ui, sans-serif !important;
  font-weight: 500 !important;
  font-variation-settings: 'wght' 500 !important;
  font-size: 22px !important;
  letter-spacing: -0.012em !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
}

/* SEARCH — точно по центру вертикали полосы */
#search{
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: stretch !important;
  align-self: center !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  max-width: 600px !important;
}
#search .input-group{
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 42px !important;
  position: relative !important;
}
#search input.form-control,
#search input[type="text"]{
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
  background: #ffffff !important;
  color: var(--ink) !important;
  border: 1px solid var(--canvas-mute) !important;
  border-right: 0 !important;
  border-radius: 4px 0 0 4px !important;
  padding: 0 14px !important;
  font-family: 'Onest', system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-variation-settings: 'wght' 400 !important;
  font-size: 14px !important;
  -webkit-font-smoothing: antialiased !important;
}
#search input::placeholder{
  color: var(--ink-faint) !important;
  font-weight: 400 !important;
}
#search .input-group-btn{
  flex: 0 0 auto !important;
  display: flex !important;
  position: static !important;
  width: auto !important;
}
#search .input-group-btn .btn,
#search button.btn,
#search button[type="button"]{
  flex: 0 0 auto !important;
  width: 50px !important;
  height: 42px !important;
  background: var(--olive) !important;
  border: 1px solid var(--olive-deep) !important;
  border-left: 0 !important;
  border-radius: 0 4px 4px 0 !important;
  color: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#search button .fa{
  color: #ffffff !important;
  font-size: 16px !important;
  font-family: 'FontAwesome' !important;
}

/* PILLS RU/KZ — radarstation-style, 117x35 / 56x29, br 999 */
.mp-flag-pills-col{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
}
.mp-flag-pills{
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(244,240,230,0.06) !important;
  border: 1px solid rgba(244,240,230,0.22) !important;
  border-radius: 999px !important;
  padding: 3px !important;
  height: 35px !important;
  width: 117px !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}
.mp-flag-pills .pill{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  width: 56px !important;
  height: 29px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-family: 'Onest', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-variation-settings: 'wght' 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
  -webkit-font-smoothing: antialiased !important;
}
.mp-flag-pills .pill.is-active{
  background: var(--olive-up) !important;
  color: #ffffff !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25) !important;
}
@media (hover:hover){
.mp-flag-pills .pill:hover{ background: rgba(244,240,230,0.12) !important; }}
@media (hover:hover){
.mp-flag-pills .pill.is-active:hover{ background: var(--olive) !important; }}
.mp-flag-pills .pill svg{
  width: 18px !important;
  height: 13px !important;
  border-radius: 2px !important;
  display: block !important;
  flex-shrink: 0 !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

/* MOBILE adaptation для шапки */
@media (max-width: 991px){
  #header .container > .row{ flex-wrap: wrap !important; gap: 8px !important; }
  #header .container > .row > [class*="col-"]{ flex: 1 1 auto !important; justify-content: center !important; }
  #logo{ flex: 0 0 auto !important; width: auto !important; }
  #logo a{ font-size: 18px !important; }
  #search{ flex: 1 1 100% !important; max-width: 100% !important; order: 3 !important; }
  .mp-flag-pills-col{ order: 2 !important; margin-left: auto !important; }
}
@media (max-width: 480px){
  .mp-flag-pills{ height: 30px !important; width: 100px !important; }
  .mp-flag-pills .pill{ width: 47px !important; height: 24px !important; font-size: 11px !important; }
  .mp-flag-pills .pill svg{ width: 15px !important; height: 11px !important; }
}

/* MENU CATEGORIES — чище */
nav, #menu, .navbar{
  background: var(--olive-deeper) !important;
  border: 0 !important;
  min-height: 0 !important;
}
#menu .nav > li > a, .navbar-nav > li > a{
  color: #ffffff !important;
  font-family: 'Onest', system-ui, sans-serif !important;
  font-weight: 500 !important;
  font-variation-settings: 'wght' 500 !important;
  font-size: 13px !important;
  padding: 14px 18px !important;
}

/* Hide старый aside .mp-fp полностью */
.mp-fp{ display: none !important; }

/* v7.10-header-marker */

/* ============= v7.11 SELF-HOST FONTS (no leaks) ============= */
@font-face{
  font-family:'Onest';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('fonts/onest/onest-cyrillic-wght-normal.woff2') format('woff2-variations'),
      url('fonts/onest/onest-cyrillic-wght-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'Onest';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('fonts/onest/onest-cyrillic-ext-wght-normal.woff2') format('woff2-variations'),
      url('fonts/onest/onest-cyrillic-ext-wght-normal.woff2') format('woff2');
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face{
  font-family:'Onest';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('fonts/onest/onest-latin-wght-normal.woff2') format('woff2-variations'),
      url('fonts/onest/onest-latin-wght-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Onest';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('fonts/onest/onest-latin-ext-wght-normal.woff2') format('woff2-variations'),
      url('fonts/onest/onest-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* v7.11-self-host-marker */

/* ============= v7.12 HEADER + MENU + COMPACT ============= */

/* Единая olive поверхность от #top до #menu — без paper-bleed между ними */
#top{
  background:var(--olive-deep) !important;
  margin:0 !important;
  border:0 !important;
}
#header{
  background:var(--olive-deep) !important;
  margin:0 !important;
  border:0 !important;
  padding:10px 0 !important;
  min-height:72px !important;
}
#menu, .navbar{
  background:var(--olive-deeper) !important;
  margin:0 !important;
  border:0 !important;
}

/* === DESKTOP layout (≥992): через flex, игнорим bootstrap col-* widths === */
@media (min-width:992px){
  #header .container > .row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    gap:24px !important;
    width:100% !important;
    margin:0 !important;
  }
  #header .container > .row > .col-sm-4,
  #header .container > .row > [class*="col-"]:first-child{
    flex:0 0 auto !important;
    width:auto !important;
    padding:0 !important;
    justify-content:flex-start !important;
  }
  #header .container > .row > .col-sm-5,
  #header .container > .row > [class*="col-"]:nth-child(2){
    flex:0 1 520px !important;
    width:auto !important;
    padding:0 !important;
    margin-left:auto !important;
    justify-content:flex-end !important;
  }
  /* Pills убираем на desktop */
  .mp-flag-pills-col, .mp-flag-pills{display:none !important;}
  /* Поиск компактный справа */
  #search{
    flex:1 1 auto !important;
    max-width:520px !important;
    height:42px !important;
    align-self:center !important;
  }
  /* Лого слева вплотную к container padding */
  #logo{
    align-self:center !important;
    padding-left:0 !important;
  }
}

/* === MOBILE layout (≤991): компактно === */
@media (max-width:991px){
  /* Топбар — ОДНА строка, мелкий шрифт */
  #top{padding:5px 0 !important;min-height:30px !important;}
  .mp-topbar{
    flex-direction:row !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:4px 12px !important;
    padding:0 8px !important;
  }
  .mp-topbar a{
    font-size:10.5px !important;
    font-weight:400 !important;
    font-variation-settings:'wght' 400 !important;
    gap:4px !important;
    line-height:1.4 !important;
  }
  .mp-topbar a b{font-weight:500 !important;font-variation-settings:'wght' 500 !important;}
  .mp-topbar a i.fa{font-size:9.5px !important;}

  /* Header: лого слева малый, search справа на той же строке если хватает */
  #header{padding:8px 0 !important;min-height:auto !important;}
  #header .container{padding:0 12px !important;}
  #header .container > .row{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
  }
  #header .container > .row > [class*="col-"]{
    padding:0 !important;
    margin:0 !important;
  }
  #logo{flex:0 0 auto !important;width:auto !important;}
  #logo a, #logo h1 a{font-size:17px !important;font-weight:500 !important;}
  #search{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    height:38px !important;
    margin-left:auto !important;
  }
  #search input.form-control{height:38px !important;font-size:13px !important;padding:0 10px !important;}
  #search .input-group-btn .btn{height:38px !important;width:42px !important;}
  /* Pills скрываем на mobile тоже */
  .mp-flag-pills-col, .mp-flag-pills{display:none !important;}
}

/* === MENU CATEGORIES — компактные кнопки, 4 пункта в 2x2 на mobile === */
#menu, .navbar{padding:0 !important;}
#menu .container{padding:0 var(--container-pad) !important;}
#menu .nav, .navbar-nav{
  display:flex !important;
  flex-wrap:wrap !important;
  margin:0 !important;
  padding:0 !important;
}
#menu .nav > li, .navbar-nav > li{
  list-style:none !important;
  margin:0 !important;
}
#menu .nav > li > a, .navbar-nav > li > a{
  color:#ffffff !important;
  font-family:'Onest',system-ui,sans-serif !important;
  font-weight:500 !important;
  font-variation-settings:'wght' 500 !important;
  font-size:12.5px !important;
  letter-spacing:0 !important;
  padding:9px 14px !important;
  min-height:36px !important;
  display:flex !important;
  align-items:center !important;
  border-radius:0 !important;
  white-space:nowrap !important;
}
@media (hover:hover){
#menu .nav > li > a:hover, .navbar-nav > li > a:hover{
  background:var(--olive-deep) !important;
}}

/* Mobile: 4 пункта меню в 2 колонки (2x2 grid вместо одной строки которая обрезается) */
@media (max-width:991px){
  #menu .nav, .navbar-nav{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 !important;
  }
  #menu .nav > li, .navbar-nav > li{
    width:100% !important;
    border-bottom:1px solid rgba(244,240,230,.08) !important;
    border-right:1px solid rgba(244,240,230,.08) !important;
  }
  #menu .nav > li:nth-child(2n), .navbar-nav > li:nth-child(2n){border-right:0 !important;}
  #menu .nav > li > a, .navbar-nav > li > a{
    padding:8px 12px !important;
    font-size:11.5px !important;
    min-height:32px !important;
    white-space:normal !important;
    line-height:1.25 !important;
    text-align:center !important;
    justify-content:center !important;
  }
  /* Бургер «Категории» при показе скрываем — раз меню inline видно */
  .navbar-header, .navbar-toggle{display:none !important;}
  .navbar-collapse{display:block !important;height:auto !important;visibility:visible !important;padding:0 !important;}
}

/* v7.12-marker */

/* ============= v7.13 HEADER (правильный селектор) ============= */
/* OpenCart использует тег <header> без id. Все мои "#header" — мимо.
   Использую несколько селекторов: header, .header, body > header, header.header */

header,
header.header,
body > header{
  background: var(--olive-deep) !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  min-height: 64px !important;
  border: 0 !important;
}
header > .container,
header .container,
body > header > .container{
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: var(--container-max) !important;
  margin: 0 auto !important;
  padding: 0 var(--container-pad) !important;
}
header .container > .row,
body > header .container > .row{
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 16px !important;
}
header .container > .row > [class*="col-"],
body > header .container > .row > [class*="col-"]{
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* === DESKTOP (≥992): pills скрыты, лого слева, поиск справа === */
@media (min-width: 992px){
  header .container > .row > [class*="col-"]:first-child{
    flex: 0 0 auto !important;
    width: auto !important;
    justify-content: flex-start !important;
  }
  header .container > .row > [class*="col-"]:nth-child(2){
    flex: 0 1 520px !important;
    width: auto !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
  }
  .mp-flag-pills-col, .mp-flag-pills{display: none !important;}
  #logo{align-self: center !important; padding: 0 !important;}
  #search{flex: 1 1 auto !important; max-width: 520px !important; height: 42px !important; align-self: center !important;}
}

/* === MOBILE (≤991) === */
@media (max-width: 991px){
  /* Топбар: ОДНА строка, выровнен ВПРАВО (правый край = container right) */
  #top{
    background: var(--olive-deep) !important;
    padding: 4px 0 !important;
    min-height: auto !important;
    display: block !important;
  }
  #top .container,
  #top-links,
  .mp-topbar-wrap{
    padding: 0 12px !important;
    margin: 0 !important;
  }
  .mp-topbar{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none;
  }
  .mp-topbar::-webkit-scrollbar{display: none;}
  .mp-topbar a{
    font-size: 10px !important;
    font-weight: 400 !important;
    font-variation-settings: 'wght' 400 !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    gap: 3px !important;
    line-height: 1.4 !important;
  }
  .mp-topbar a b{font-weight: 500 !important; font-variation-settings: 'wght' 500 !important;}
  .mp-topbar a i.fa{font-size: 9px !important;}

  /* Header: лого слева, поиск справа на одной строке */
  header{
    padding: 8px 0 !important;
    min-height: auto !important;
  }
  header > .container, header .container{
    padding: 0 12px !important;
  }
  header .container > .row{
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
  }
  header .container > .row > [class*="col-"]{
    padding: 0 !important;
    margin: 0 !important;
    justify-content: flex-start !important;
  }
  #logo{
    flex: 0 0 auto !important;
    width: auto !important;
    justify-content: flex-start !important;
  }
  #logo a, #logo h1 a{
    font-size: 16px !important;
    font-weight: 500 !important;
  }
  #search{
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 180px !important;
    max-width: none !important;
    margin-left: auto !important;
    height: 36px !important;
    align-self: center !important;
  }
  #search input.form-control{
    height: 36px !important;
    font-size: 13px !important;
    padding: 0 10px !important;
  }
  #search .input-group-btn .btn{
    height: 36px !important;
    width: 40px !important;
  }
  /* Pills скрыты на mobile тоже */
  .mp-flag-pills-col, .mp-flag-pills{display: none !important;}
}

/* === MENU — на mobile одной колонкой вертикально (не grid) === */
@media (max-width: 991px){
  #menu, .navbar{
    background: var(--olive-deeper) !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
  }
  #menu .nav, .navbar-nav, #menu ul.nav{
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
  }
  #menu .nav > li, .navbar-nav > li{
    list-style: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(244, 240, 230, 0.08) !important;
    border-right: 0 !important;
  }
  #menu .nav > li:last-child, .navbar-nav > li:last-child{border-bottom: 0 !important;}
  #menu .nav > li > a, .navbar-nav > li > a{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 11px 14px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-variation-settings: 'wght' 500 !important;
    min-height: 40px !important;
    line-height: 1.3 !important;
    text-align: left !important;
    white-space: normal !important;
    color: #ffffff !important;
  }
   #menu .nav > li.active > a{
    background: var(--olive-deep) !important;
  }@media (hover:hover){
#menu .nav > li > a:hover, .navbar-nav > li > a:hover{
    background: var(--olive-deep) !important;
  }}
  /* "Категории" бургер скрыть — раз показываем все категории inline */
  #menu .navbar-header, #menu .navbar-toggle, .navbar-toggle{display: none !important;}
  #menu .navbar-collapse, .navbar-collapse{
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    padding: 0 !important;
  }
}

/* === Paper полоска между nav и контентом === */
@media (min-width: 992px){
  #menu, .navbar{margin-bottom: 18px !important;}
}

/* === Глобальный layout body — paper-bg между шапкой и main === */
body{background: var(--paper) !important;}

/* v7.13-marker */

/* ============= v7.14 — mobile topbar tiny + search nudge ============= */
@media (max-width: 991px){
  /* Топбар: ещё мельче (с 10px → 8.5px) */
  .mp-topbar a{
    font-size: 8.5px !important;
    gap: 2px !important;
    letter-spacing: 0 !important;
  }
  .mp-topbar a b{font-size: 8.5px !important;}
  .mp-topbar a i.fa{font-size: 8px !important;}
  .mp-topbar{gap: 7px !important;}

  /* Search чуть правее — больше отступ от лого, поджат к правому краю */
  header .container > .row{gap: 4px 16px !important;}
  #search{
    margin-left: 24px !important;
    max-width: 70% !important;
  }
}
@media (max-width: 480px){
  .mp-topbar a{font-size: 8px !important;}
  .mp-topbar a b{font-size: 8px !important;}
  #search{margin-left: 16px !important;}
}

/* v7.14-marker */

/* ============= v7.15 PAPER STRIP RESTORE ============= */
/* Cream-полоска слоновой кости (paper) между топбаром и шапкой — была до v7.12 */

/* Topbar olive с padding снизу 0, дальше пустое cream-paper пространство */
#top{
  background: var(--olive-deep) !important;
  margin: 0 0 14px 0 !important;
  padding: 8px 0 !important;
  min-height: auto !important;
  border: 0 !important;
  position: relative !important;
}

/* Header olive — но margin-top для разрыва с topbar (показывает body paper bg) */
header,
header.header,
body > header{
  margin-top: 0 !important;
  /* margin-bottom уже есть paper-strip перед main */
}

/* Тело — paper bg точно установлен (виден между #top и header) */
body{background: var(--paper) !important;}

/* На mobile полоска чуть тоньше */
@media (max-width: 991px){
  #top{margin-bottom: 8px !important;}
}

/* Также: paper-strip перед main-content (после меню) — уже был, подтверждаю */
nav, #menu, .navbar{margin-bottom: 18px !important;}
@media (max-width: 991px){
  nav, #menu, .navbar{margin-bottom: 10px !important;}
}

/* v7.15-paper-strip-marker */

/* ============= v7.16 PAPER STRIP AFTER HEADER ============= */
/* Полоска cream слоновой кости после Море-Река + Поиск, перед меню категорий */
header,
header.header,
body > header{
  margin-bottom: 14px !important;
}
@media (max-width: 991px){
  header,
  header.header,
  body > header{margin-bottom: 8px !important;}
}
/* v7.16-strip-after-header-marker */

/* ============= v7.17 SEARCH RIGHT ON DESKTOP ============= */
@media (min-width: 992px){
  /* Скрыть всё что после search-колонки — пустая col-sm-3 (где раньше был cart),
     pills col, и любые другие воткнутые элементы */
  header .container > .row > .col-sm-3,
  header .container > .row > .mp-flag-pills-col,
  header .container > .row > [class*="col-"]:nth-child(n+3){
    display: none !important;
  }
  /* Параметры search-колонки (родитель #search) — чтобы #search-container шёл вправо */
  header .container > .row > [class*="col-"]:nth-child(2){
    flex: 0 1 520px !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 0 !important;
    justify-content: flex-end !important;
  }
  /* И сам #search прижат к правому краю своего col-контейнера */
  #search{
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 0 0 auto !important;
    align-self: center !important;
  }
}

/* v7.17-search-right-marker */

/* ============= v7.18 mobile logo/search не сливаются ============= */
@media (max-width: 991px){
  /* Лого — поменьше + правый отступ + тонкий разделитель */
  #logo{
    padding-right: 14px !important;
    margin-right: 4px !important;
    border-right: 1px solid rgba(244,240,230,0.18) !important;
  }
  #logo a, #logo h1 a{
    font-size: 15px !important;
    letter-spacing: -0.01em !important;
  }
  /* Search — больше слева отступ */
  #search{
    margin-left: 14px !important;
    flex: 1 1 auto !important;
  }
  /* Row — выровняли gap */
  header .container > .row{
    gap: 8px 16px !important;
  }
}
@media (max-width: 480px){
  #logo a, #logo h1 a{font-size: 14px !important;}
  #logo{padding-right: 10px !important; margin-right: 4px !important;}
  #search{margin-left: 10px !important;}
  header .container > .row{gap: 6px 10px !important;}
}

/* v7.18-spacing-marker */

/* ============= v7.19 iPhone no-overlap + iOS auto-zoom guard ============= */

/* iOS Safari НЕ зумит при focus если font-size input >= 16px */
#search input.form-control,
#search input[type="text"]{
  font-size: 16px !important;
}

/* На совсем узком mobile (≤480 = iPhone) — лого И поиск на РАЗНЫХ строках, чтобы не накладывались */
@media (max-width: 480px){
  header,
  header.header,
  body > header{
    padding: 8px 0 !important;
  }
  header > .container,
  header .container{
    padding: 0 12px !important;
  }
  header .container > .row{
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px 0 !important;
    margin: 0 !important;
  }
  /* Лого — первая строка, во всю ширину, слева */
  #logo{
    flex: 1 1 100% !important;
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }
  #logo a, #logo h1 a{
    font-size: 16px !important;
    font-weight: 500 !important;
  }
  /* Поиск — вторая строка, во всю ширину */
  #search{
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 4px 0 0 0 !important;
    height: 38px !important;
    align-self: stretch !important;
  }
  #search .input-group{
    width: 100% !important;
    height: 38px !important;
  }
  #search input.form-control{
    height: 38px !important;
    font-size: 16px !important; /* анти-зум */
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  #search .input-group-btn .btn{
    height: 38px !important;
    width: 44px !important;
  }
}

/* На 481-991 (планшет) — лого слева, поиск справа в одной строке (как было) */
@media (min-width: 481px) and (max-width: 991px){
  #logo{
    flex: 0 0 auto !important;
    padding-right: 14px !important;
    margin-right: 6px !important;
    border-right: 1px solid rgba(244,240,230,0.20) !important;
  }
  #search{
    flex: 1 1 auto !important;
    margin-left: 12px !important;
  }
  #search input.form-control{font-size: 16px !important;}
}

/* v7.19-no-overlap-marker */

/* ============= v7.20 logo nowrap + gap to search ============= */

/* Лого ВСЕГДА одной строкой — никаких переносов "Море-" / "Река" */
#logo, #logo a, #logo h1, #logo h1 a{
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* === DESKTOP (≥992): больше воздуха между лого и search === */
@media (min-width: 992px){
  header .container > .row{gap: 0 32px !important;}
  #logo{padding-right: 0 !important; margin-right: 0 !important;}
  #search{margin-left: 24px !important;}
}

/* === MOBILE/TABLET (481-991) === */
@media (min-width: 481px) and (max-width: 991px){
  header .container > .row{gap: 8px 18px !important;}
  #logo{
    flex: 0 0 auto !important;
    padding-right: 20px !important;
    margin-right: 8px !important;
    border-right: 1px solid rgba(244,240,230,0.20) !important;
  }
  #search{margin-left: 18px !important;}
}

/* === iPhone (≤480): одна строка, не разные — лого + search в строку === */
@media (max-width: 480px){
  header .container > .row{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 12px !important;
    margin: 0 !important;
  }
  #logo{
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    justify-content: flex-start !important;
  }
  #logo a, #logo h1 a{
    font-size: 14px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
  }
  #search{
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 0 0 12px !important;
    height: 36px !important;
    align-self: center !important;
  }
  #search input.form-control{
    height: 36px !important;
    font-size: 16px !important; /* анти iOS auto-zoom */
    padding: 0 8px !important;
  }
  #search .input-group-btn .btn{
    height: 36px !important;
    width: 38px !important;
  }
}

/* v7.20-gap-marker */

/* ============= v7.21 PILLS SHOW EVERYWHERE ============= */
/* Override ВСЕХ предыдущих display:none на pills */
.mp-flag-pills-col,
.mp-flag-pills,
header .container > .row > .mp-flag-pills-col,
header .container > .row > [class*="col-"].mp-flag-pills-col{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Pills контейнер всегда видимый */
.mp-flag-pills{
  display: inline-flex !important;
  align-items: center !important;
}

/* === DESKTOP (≥992): pills справа после search === */
@media (min-width: 992px){
  /* Скрываем пустую col-sm-3 (cart-стол), но pills col оставляем */
  header .container > .row > .col-sm-3:not(.mp-flag-pills-col){
    display: none !important;
  }
  header .container > .row > [class*="col-"]:nth-child(n+3):not(.mp-flag-pills-col){
    display: none !important;
  }
  /* Pills col — справа от search, фиксированной ширины */
  .mp-flag-pills-col{
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: 16px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
  /* Поджать search чтобы остался воздух для pills */
  header .container > .row > [class*="col-"]:nth-child(2){
    flex: 0 1 460px !important;
  }
  #search{max-width: 460px !important;}
}

/* === MOBILE/TABLET (≤991): pills отдельной строкой под header или в строку === */
@media (max-width: 991px){
  .mp-flag-pills-col{
    flex: 1 1 100% !important;
    width: 100% !important;
    justify-content: center !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    order: 99 !important;
  }
  .mp-flag-pills{
    margin: 0 auto !important;
  }
}

/* === iPhone (≤480): pills чуть мельче === */
@media (max-width: 480px){
  .mp-flag-pills{
    height: 30px !important;
    width: 100px !important;
    padding: 2px !important;
  }
  .mp-flag-pills .pill{
    width: 47px !important;
    height: 24px !important;
    font-size: 11px !important;
    gap: 4px !important;
  }
  .mp-flag-pills .pill svg{
    width: 14px !important;
    height: 10px !important;
  }
}

/* v7.21-pills-show-marker */

/* ============= v7.23 SHOW .mp-fp ASIDE (override only, без стрипа) ============= */
/* Скрываем pills (.mp-flag-pills) — они ошибочная замена для .mp-fp */
.mp-flag-pills, .mp-flag-pills-col,
header .container > .row > .mp-flag-pills-col{
  display: none !important;
}

/* .mp-fp aside — sticky справа по образцу omegasolutions/v7.4 */
.mp-fp{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  top: 50% !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 990 !important;
  background: var(--paper) !important;
  background-image: none !important;
  border: 1px solid var(--canvas-mute) !important;
  border-right: 0 !important;
  border-radius: 8px 0 0 8px !important;
  box-shadow: -4px 4px 16px rgba(45,42,35,0.18) !important;
  padding: 14px 16px !important;
  width: 175px !important;
  font-family: 'Onest', system-ui, sans-serif !important;
}
.mp-fp__row,
.mp-fp > div:first-child{
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 12px 0 !important;
  padding: 0 0 10px 0 !important;
  border-bottom: 1px solid var(--canvas-mute) !important;
}
.mp-fp img{
  width: 50px !important;
  height: auto !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 3px rgba(45,42,35,0.15) !important;
  display: block !important;
}
.mp-fp__email,
.mp-fp a:not(.mp-fp__copy){
  color: var(--olive-deep) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: block !important;
  margin: 0 0 10px 0 !important;
  word-break: break-all !important;
  text-align: center !important;
  line-height: 1.3 !important;
}
.mp-fp__copy,
.mp-fp button{
  background: var(--olive) !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 4px !important;
  padding: 0 14px !important;
  height: 34px !important;
  line-height: 34px !important;
  font-family: 'Onest', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  width: 100% !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 8px 0 !important;
  transition: background 0.15s !important;
}
@media (hover:hover){
.mp-fp__copy:hover, .mp-fp button:hover{background: var(--olive-up) !important;}}
.mp-fp__note,
.mp-fp p{
  color: var(--ink-mute) !important;
  font-size: 10.5px !important;
  text-align: center !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  font-weight: 400 !important;
}
@media (max-width: 991px){
  .mp-fp{transform: translateY(-50%) scale(0.85) !important; transform-origin: right center !important;}
}
@media (max-width: 480px){
  .mp-fp{transform: translateY(-50%) scale(0.72) !important; transform-origin: right center !important;}
}

/* v7.23-show-mpfp-marker */

/* ============= v7.24 TOPBAR UNIFORM SIZE ============= */
/* Все символы (текст, цифры в <b>, иконки .fa) одного размера */

/* DESKTOP — 12px одного веса */
.mp-topbar,
.mp-topbar a,
.mp-topbar a *,
.mp-topbar a b,
.mp-topbar a i,
.mp-topbar a i.fa,
.mp-topbar a span,
.mp-topbar i.fa{
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* TABLET 481-991 — 10.5px одного веса */
@media (min-width: 481px) and (max-width: 991px){
  .mp-topbar,
  .mp-topbar a,
  .mp-topbar a *,
  .mp-topbar a b,
  .mp-topbar a i,
  .mp-topbar a i.fa,
  .mp-topbar a span,
  .mp-topbar i.fa{
    font-size: 10.5px !important;
  }
}

/* iPhone ≤480 — 9px одного веса */
@media (max-width: 480px){
  .mp-topbar,
  .mp-topbar a,
  .mp-topbar a *,
  .mp-topbar a b,
  .mp-topbar a i,
  .mp-topbar a i.fa,
  .mp-topbar a span,
  .mp-topbar i.fa{
    font-size: 9px !important;
  }
}

/* v7.24-uniform-marker */

/* ============= v7.25 TOPBAR TRULY UNIFORM (inherit) ============= */
/* Children наследуют font-size от <a> — гарантированно один размер */
.mp-topbar a b,
.mp-topbar a strong,
.mp-topbar a i,
.mp-topbar a i.fa,
.mp-topbar a span,
.mp-topbar a em,
.mp-topbar a small{
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Размер задан только на <a> — единый источник правды */
.mp-topbar a,
.mp-topbar a:link,
.mp-topbar a:visited{
  font-size: 12px !important;
  line-height: 1.4 !important;
}
@media (max-width: 991px){
  .mp-topbar a,
  .mp-topbar a:link,
  .mp-topbar a:visited{font-size: 10.5px !important;}
}
@media (max-width: 480px){
  .mp-topbar a,
  .mp-topbar a:link,
  .mp-topbar a:visited{font-size: 9px !important;}
}

/* v7.25-truly-uniform-marker */

/* ============= v7.26 FLAGS LIKE OMEGASOLUTIONS ============= */
/* Плашка чуть компактнее, флаги меньшего размера, аккуратный gap row */
.mp-fp{
  width: 180px !important;
  padding: 12px 14px !important;
}
.mp-fp__row,
.mp-fp > div:first-child{
  display: flex !important;
  flex-direction: row !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 10px 0 !important;
  padding: 0 0 10px 0 !important;
  border-bottom: 1px solid var(--canvas-mute) !important;
}
/* Флаги — компактные, аспект 4:3, скруглённые */
.mp-fp img,
.mp-fp__row img,
.mp-fp > div:first-child img{
  width: 38px !important;
  height: 28px !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 2px rgba(45,42,35,0.20) !important;
  display: block !important;
  flex: 0 0 auto !important;
  object-fit: cover !important;
  margin: 0 !important;
  float: none !important;
}

/* Email и кнопка внутри тоже компактнее */
.mp-fp__email, .mp-fp a:not(.mp-fp__copy){
  font-size: 11.5px !important;
  margin: 0 0 8px 0 !important;
}
.mp-fp__copy, .mp-fp button{
  height: 32px !important;
  line-height: 32px !important;
  font-size: 10.5px !important;
  margin: 0 0 6px 0 !important;
}
.mp-fp__note, .mp-fp p{
  font-size: 10px !important;
}

/* На mobile — сохраняем scale, размеры пропорциональные */
@media (max-width: 991px){
  .mp-fp{
    transform: translateY(-50%) scale(0.85) !important;
    transform-origin: right center !important;
  }
}
@media (max-width: 480px){
  .mp-fp{
    transform: translateY(-50%) scale(0.72) !important;
    transform-origin: right center !important;
  }
}

/* v7.26-flags-marker */

/* ============= v7.27 .mp-fp HIGHER ============= */
/* Плашку под шапку (top 130px), не по центру вертикали */
.mp-fp{
  top: 130px !important;
  bottom: auto !important;
  transform: none !important;
}
@media (max-width: 991px){
  .mp-fp{
    top: 100px !important;
    transform: scale(0.85) !important;
    transform-origin: top right !important;
  }
}
@media (max-width: 480px){
  .mp-fp{
    top: 80px !important;
    transform: scale(0.72) !important;
    transform-origin: top right !important;
  }
}

/* v7.27-higher-marker */

/* ============= v7.28 .mp-fp = omegacanopy precise ============= */
/* Плашка точно как на omegacanopy.ru: 108x86 / pad 7 8 / br 6 0 0 6 / top 126 / z 9999 */
.mp-fp{
  position: fixed !important;
  top: 126px !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 108px !important;
  height: auto !important;
  min-height: 86px !important;
  padding: 7px 8px !important;
  border-radius: 6px 0 0 6px !important;
  z-index: 9999 !important;
  box-shadow: -2px 2px 10px rgba(45,42,35,0.18) !important;
  background: var(--paper) !important;
  border: 1px solid var(--canvas-mute) !important;
  border-right: 0 !important;
}

/* Row флагов — флаги 30x20, gap 5px */
.mp-fp__row,
.mp-fp > div:first-child{
  display: flex !important;
  flex-direction: row !important;
  gap: 5px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 5px 0 !important;
  padding: 0 0 5px 0 !important;
  border-bottom: 1px solid var(--canvas-mute) !important;
}
.mp-fp img,
.mp-fp__row img,
.mp-fp > div:first-child img{
  width: 30px !important;
  height: 20px !important;
  border-radius: 2px !important;
  box-shadow: 0 1px 2px rgba(45,42,35,0.18) !important;
  display: block !important;
  flex: 0 0 auto !important;
  object-fit: cover !important;
  margin: 0 !important;
  float: none !important;
}

/* Email — мелкий */
.mp-fp__email,
.mp-fp a:not(.mp-fp__copy):not(.mp-fp__btn){
  font-size: 9px !important;
  font-weight: 500 !important;
  color: var(--olive-deep) !important;
  text-decoration: none !important;
  display: block !important;
  margin: 0 0 4px 0 !important;
  text-align: center !important;
  word-break: break-all !important;
  line-height: 1.2 !important;
}

/* Кнопка КОПИРОВАТЬ — 91x18 как omegacanopy */
.mp-fp__copy,
.mp-fp__btn,
.mp-fp button{
  background: var(--olive) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 3px !important;
  padding: 0 !important;
  width: 91px !important;
  height: 18px !important;
  line-height: 18px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 4px auto !important;
  transition: background 0.15s !important;
}
@media (hover:hover){
.mp-fp__copy:hover, .mp-fp__btn:hover, .mp-fp button:hover{
  background: var(--olive-up) !important;
}}

/* Нота — самая мелкая */
.mp-fp__note,
.mp-fp p{
  font-size: 7.5px !important;
  text-align: center !important;
  color: var(--ink-mute) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}

/* Mobile — proportional scale, top чуть ниже шапки */
@media (max-width: 991px){
  .mp-fp{
    top: 100px !important;
    transform: scale(0.92) !important;
    transform-origin: top right !important;
  }
}
@media (max-width: 480px){
  .mp-fp{
    top: 80px !important;
    transform: scale(0.85) !important;
    transform-origin: top right !important;
  }
}

/* v7.28-omegacanopy-marker */


/* ============= v7.30 SEARCH NARROW + RIGHT ============= */
@media (min-width: 992px){
  /* Скрыть пустые col после search (но не plate) */
  header .container > .row > .col-sm-3:not(.mp-flag-pills-col),
  header .container > .row > [class*="col-"]:nth-child(n+3):not(.mp-flag-pills-col){
    display: none !important;
  }
  /* Search col — flex auto width, прижата вправо */
  header .container > .row > [class*="col-"]:nth-child(2){
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    justify-content: flex-end !important;
  }
  /* Search — узкий, прижат вправо */
  #search{
    flex: 0 0 auto !important;
    width: 480px !important;
    max-width: 480px !important;
    min-width: 320px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    align-self: center !important;
  }
}

/* v7.30-narrow-right-marker */

/* ============= v7.31 SEARCH EVEN MORE RIGHT ============= */
@media (min-width: 992px){
  /* Container header — убрать правый padding, чтоб search мог встать у самого края */
  header > .container,
  header .container,
  body > header > .container,
  body > header .container{
    padding-right: 0 !important;
  }
  header .container > .row{
    padding-right: 24px !important; /* визуально границу контента сохранить */
  }
  header .container > .row > [class*="col-"]:nth-child(2){
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }
  /* Search — width 540px (было 480), прижат к самому правому краю row */
  #search{
    flex: 0 0 auto !important;
    width: 540px !important;
    max-width: 540px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
  }
}

/* v7.31-more-right-marker */

/* ============= v7.32 NOTE ONE LINE ============= */
/* Плашка чуть шире чтобы "Запросы — только на e-mail" уместилось одной строкой */
.mp-fp{
  width: 130px !important;
  padding: 7px 10px !important;
}
/* Кнопка пропорционально расширяется */
.mp-fp__copy, .mp-fp__btn, .mp-fp button{
  width: 110px !important;
}
/* Note — в одну строку, без переноса */
.mp-fp__note,
.mp-fp p{
  white-space: nowrap !important;
  font-size: 7.5px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* v7.32-note-oneline-marker */

/* ============= v7.34 RADARSTATION-STYLE SEARCH OVERLAY ============= */

/* Скрыть старый inline #search на desktop — заменён иконкой лупы */
@media (min-width: 992px){
  header #search,
  header .container > .row > [class*="col-"]:nth-child(2):has(#search){
    /* visually hidden, но в DOM остается (для overlay использует тот же endpoint) */
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    position: absolute !important;
  }
}

/* Кнопка-триггер лупа в шапке */
.mp-search-trigger{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(244,240,230,0.06) !important;
  border: 1px solid rgba(244,240,230,0.22) !important;
  color: var(--paper) !important;
  cursor: pointer !important;
  transition: background 0.15s, border-color 0.15s !important;
  margin-left: 14px !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
}
@media (hover:hover){
.mp-search-trigger:hover{
  background: rgba(244,240,230,0.14) !important;
  border-color: rgba(244,240,230,0.35) !important;
}}
.mp-search-trigger svg{
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  color: var(--paper) !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

/* Колонка-обёртка триггера в шапке (вставляется JS-ом) */
.mp-search-trigger-col{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  padding: 0 !important;
}
@media (max-width: 991px){
  .mp-search-trigger-col{order: 99 !important;}
}

/* OVERLAY backdrop */
.mp-search-overlay{
  position: fixed !important;
  inset: 0 !important;
  background: rgba(20, 22, 14, 0.55) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  z-index: 99999 !important;
  display: none !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 80px 16px 16px !important;
  overflow-y: auto !important;
  font-family: 'Onest', system-ui, sans-serif !important;
}
.mp-search-overlay.is-open{display: flex !important;}

/* Modal */
.mp-search-modal{
  width: 100% !important;
  max-width: 640px !important;
  background: var(--paper) !important;
  border: 1px solid var(--canvas-mute) !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35) !important;
  overflow: hidden !important;
}

/* Input row */
.mp-search-input-row{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid var(--canvas-mute) !important;
  background: var(--paper) !important;
}
.mp-search-icon{
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  color: var(--ink-mute) !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}
.mp-search-input{
  flex: 1 1 auto !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  font-family: 'Onest', system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--ink) !important;
  padding: 4px 0 !important;
}
.mp-search-input::placeholder{color: var(--ink-faint) !important;}
.mp-search-esc{
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 24px !important;
  padding: 0 8px !important;
  border: 1px solid var(--canvas-mute) !important;
  border-radius: 4px !important;
  background: var(--canvas) !important;
  color: var(--ink-mute) !important;
  font-family: 'Onest', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  cursor: pointer !important;
}
@media (hover:hover){
.mp-search-esc:hover{background: var(--canvas-mute) !important; color: var(--ink) !important;}}

/* Results list */
.mp-search-results{
  max-height: 60vh !important;
  overflow-y: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  background: var(--paper) !important;
}
.mp-search-results:empty{display: none !important;}
.mp-search-result{
  display: block !important;
  padding: 12px 18px !important;
  border-bottom: 1px solid var(--canvas-mute) !important;
  text-decoration: none !important;
  color: var(--ink) !important;
  transition: background 0.1s !important;
  cursor: pointer !important;
}
.mp-search-result:last-child{border-bottom: 0 !important;}

.mp-search-result.is-active{
  background: var(--canvas) !important;
  color: var(--olive-deep) !important;
}@media (hover:hover){
.mp-search-result:hover{
  background: var(--canvas) !important;
  color: var(--olive-deep) !important;
}}
.mp-search-result__title{
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 0 3px 0 !important;
  line-height: 1.3 !important;
}
.mp-search-result__sku{
  font-size: 11px !important;
  color: var(--ink-mute) !important;
  font-family: 'Onest', system-ui, monospace !important;
  letter-spacing: 0.02em !important;
}
.mp-search-result__price{
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--olive-deep) !important;
  margin-top: 4px !important;
}
.mp-search-empty{
  padding: 24px 18px !important;
  text-align: center !important;
  color: var(--ink-mute) !important;
  font-size: 13px !important;
}
.mp-search-loading{
  padding: 16px 18px !important;
  text-align: center !important;
  color: var(--ink-mute) !important;
  font-size: 12px !important;
}

/* v7.34-search-overlay-marker */

/* ============= v7.36 .mp-fp position + mobile size + overlay-mobile ============= */

/* === 1. .mp-fp на desktop ниже === */
.mp-fp{
  top: 160px !important;
}

/* === 2. .mp-fp на mobile — реальные мелкие размеры (НЕ scale, чтобы не дёргалась) === */
@media (max-width: 991px){
  .mp-fp{
    top: 120px !important;
    transform: none !important; /* убираем scale */
    width: 110px !important;
    padding: 6px 8px !important;
    border-radius: 5px 0 0 5px !important;
  }
  .mp-fp__row, .mp-fp > div:first-child{
    gap: 4px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 0 4px 0 !important;
  }
  .mp-fp img,
  .mp-fp__row img,
  .mp-fp > div:first-child img{
    width: 26px !important;
    height: 18px !important;
  }
  .mp-fp__email,
  .mp-fp a:not(.mp-fp__copy):not(.mp-fp__btn){
    font-size: 8.5px !important;
    margin: 0 0 4px 0 !important;
  }
  .mp-fp__copy, .mp-fp__btn, .mp-fp button{
    width: 94px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 8px !important;
    margin: 0 auto 3px auto !important;
  }
  .mp-fp__note, .mp-fp p{
    font-size: 6.5px !important;
  }
}
@media (max-width: 480px){
  .mp-fp{
    top: 100px !important;
    width: 96px !important;
    padding: 5px 6px !important;
  }
  .mp-fp img{width: 22px !important; height: 16px !important;}
  .mp-fp__email{font-size: 7.5px !important;}
  .mp-fp__copy{width: 84px !important; height: 14px !important; line-height: 14px !important; font-size: 7px !important;}
  .mp-fp__note{font-size: 6px !important;}
}

/* === 3. Search overlay на ВСЕХ viewports — скрываем inline #search и на mobile тоже === */
@media (max-width: 991px){
  header #search,
  header .container > .row > [class*="col-"]:has(#search){
    display: none !important;
  }
  /* Кнопка-триггер лупы видима на mobile */
  .mp-search-trigger-col{
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: auto !important;
    order: 99 !important;
  }
  .mp-search-trigger{
    width: 32px !important;
    height: 32px !important;
    margin-left: 8px !important;
  }
  .mp-search-trigger svg{
    width: 14px !important;
    height: 14px !important;
  }
  /* Modal на mobile — на весь viewport */
  .mp-search-overlay{
    padding: 50px 8px 8px !important;
  }
  .mp-search-modal{
    max-width: 100% !important;
    border-radius: 8px !important;
  }
  .mp-search-input-row{
    padding: 10px 12px !important;
    gap: 8px !important;
  }
  .mp-search-input{
    font-size: 16px !important; /* iOS anti-zoom */
  }
}

/* v7.36-three-fix-marker */

/* ============= v7.37 mobile mp-fp tune ============= */

/* Note "Запросы — только на e-mail" — разрешить перенос (без nowrap который обрезал) */
.mp-fp__note,
.mp-fp p{
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* Tablet (≤991): плашка ниже + email одной строкой + чуть шире */
@media (max-width: 991px){
  .mp-fp{
    top: 145px !important;
    width: 118px !important;
  }
  .mp-fp__email,
  .mp-fp a:not(.mp-fp__copy):not(.mp-fp__btn){
    font-size: 7.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    line-height: 1.2 !important;
  }
}

/* iPhone (≤480): ещё ниже + email мельче чтоб одной строкой влезал */
@media (max-width: 480px){
  .mp-fp{
    top: 130px !important;
    width: 104px !important;
  }
  .mp-fp__email,
  .mp-fp a:not(.mp-fp__copy):not(.mp-fp__btn){
    font-size: 6.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .mp-fp__copy, .mp-fp__btn, .mp-fp button{
    width: 92px !important;
    font-size: 7px !important;
  }
  .mp-fp__note, .mp-fp p{
    font-size: 6px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }
}

/* v7.37-mobile-tune-marker */

/* ============= v7.38 CATEGORY PLACEHOLDERS ============= */
.mp-placeholder{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 200px !important;
  background:
    radial-gradient(circle at 30% 25%, rgba(244,240,230,0.55), transparent 60%),
    linear-gradient(135deg, var(--canvas) 0%, var(--paper) 60%, var(--canvas-mute) 100%) !important;
  border-bottom: 1px solid var(--canvas-mute) !important;
  position: relative !important;
  overflow: hidden !important;
}
.mp-placeholder::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(45deg, rgba(83,91,52,0.025) 0 8px, transparent 8px 16px);
  pointer-events: none;
}
.mp-placeholder__icon{
  width: 56% !important;
  max-width: 140px !important;
  height: auto !important;
  display: block !important;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 2px 4px rgba(45,42,35,0.10));
}
.mp-placeholder__label{
  position: absolute;
  bottom: 10px;
  left: 0; right: 0;
  text-align: center;
  font-family: 'Onest', system-ui, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink-mute);
  z-index: 2;
  pointer-events: none;
}
/* Цвета по категориям (через CSS variable от data-cat) */
.mp-placeholder[data-cat="radio"]      .mp-placeholder__icon{color: var(--olive-deep) !important;}
.mp-placeholder[data-cat="navigation"] .mp-placeholder__icon{color: var(--olive) !important;}
.mp-placeholder[data-cat="video"]      .mp-placeholder__icon{color: var(--brass-deep) !important;}
.mp-placeholder[data-cat="satellite"]  .mp-placeholder__icon{color: var(--olive-up) !important;}
.mp-placeholder[data-cat="default"]    .mp-placeholder__icon{color: var(--olive) !important;}

/* На карточке product-thumb image — placeholder full-width */
.product-thumb .image .mp-placeholder,
.product-thumb .image:has(.mp-placeholder){
  background: transparent !important;
}
.product-thumb .image:has(.mp-placeholder){padding: 0 !important;}

/* На странице товара — placeholder больше */
.product-info .mp-placeholder{
  min-height: 320px !important;
}

/* v7.38-placeholder-marker */

/* ============= v7.39 iPhone mpfp text tune ============= */
@media (max-width: 480px){
  /* Размеры плашки те же (104px width) */
  /* Email — крупнее (6.5 → 7.5), отступ снизу больше (4 → 7) */
  .mp-fp__email,
  .mp-fp a:not(.mp-fp__copy):not(.mp-fp__btn){
    font-size: 7.5px !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 7px 0 !important;
    line-height: 1.2 !important;
  }
  /* Кнопка КОПИРОВАТЬ — отступ снизу больше (3 → 6) */
  .mp-fp__copy, .mp-fp__btn, .mp-fp button{
    margin: 0 auto 6px auto !important;
  }
  /* Note "Запросы — только на e-mail" — крупнее (6 → 7), нормальный line-height */
  .mp-fp__note,
  .mp-fp p{
    font-size: 7px !important;
    line-height: 1.3 !important;
  }
}

/* v7.39-text-tune-marker */


/* ============= v8.3 DOCUMENTS — premium SVG icons ============= */
#mp-docs-page{padding:24px 0 60px;font-family:'Onest',system-ui,sans-serif;color:var(--ink);background:var(--paper);}
#mp-docs-page .container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);}
.mp-docs-head{margin:0 0 24px;}
.mp-docs-title{font-size:32px;font-weight:700;color:var(--olive-deep);letter-spacing:-0.020em;margin:0 0 10px;line-height:1.1;}
.mp-docs-lead{font-size:14.5px;color:var(--ink-mute);margin:0 0 16px;line-height:1.55;max-width:780px;}

.mp-docs-search-wrap{position:relative;display:flex;align-items:center;gap:12px;}
.mp-docs-search-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink-faint);pointer-events:none;}
.mp-docs-search{flex:1 1 auto;height:44px;padding:0 18px 0 42px;border:1px solid var(--canvas-mute);border-radius:8px;background:#fff;font-family:'Onest',system-ui,sans-serif;font-size:14px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s;}
.mp-docs-search:focus{border-color:var(--olive);box-shadow:0 0 0 3px rgba(122,133,86,.20);}
.mp-docs-search-stats{font-size:13px;color:var(--ink-mute);font-weight:500;flex-shrink:0;font-variant-numeric:tabular-nums;}

/* Tabs (filter chips) */
.mp-docs-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:14px;background:var(--canvas);border:1px solid var(--canvas-mute);border-radius:10px;}
.mp-docs-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;background:var(--paper);border:1px solid var(--canvas-mute);border-radius:6px;color:var(--ink);font-family:'Onest',system-ui,sans-serif;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .12s;line-height:1;}
@media (hover:hover){
.mp-docs-tab:hover{background:#fff;border-color:var(--olive);color:var(--olive-deep);}}
.mp-docs-tab.is-active{background:var(--olive);border-color:var(--olive-deep);color:#fff;font-weight:600;}
.mp-docs-tab.is-active .mp-docs-tab-cnt{background:var(--olive-deep);color:#fff;}
.mp-docs-tab-ico{display:inline-block;width:16px;height:16px;flex-shrink:0;background-position:center;background-repeat:no-repeat;background-size:contain;}
.mp-docs-tab-cnt{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;padding:0 6px;background:var(--canvas-mute);color:var(--ink-mute);border-radius:9px;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;}
.mp-docs-tab.is-active .mp-docs-tab-ico{filter:brightness(0) invert(1);}

/* Categories */
.mp-docs-cats{display:flex;flex-direction:column;gap:14px;}
.mp-docs-cat{background:#fff;border:1px solid var(--canvas-mute);border-radius:10px;overflow:hidden;transition:box-shadow .15s;}
.mp-docs-cat[open]{box-shadow:0 1px 0 rgba(45,42,35,.04),0 4px 12px rgba(45,42,35,.04);}
.mp-docs-cat-h{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer;font-size:15.5px;font-weight:600;color:var(--olive-deep);background:linear-gradient(to right, var(--canvas), var(--paper) 50%, var(--canvas));border-bottom:1px solid transparent;transition:all .15s;list-style:none;}
.mp-docs-cat-h::-webkit-details-marker{display:none;}
.mp-docs-cat[open] .mp-docs-cat-h{border-bottom-color:var(--canvas-mute);}
@media (hover:hover){
.mp-docs-cat-h:hover{background:linear-gradient(to right, var(--canvas-mute), var(--canvas) 50%, var(--canvas-mute));}}
.mp-docs-cat-ico{display:inline-block;width:28px;height:28px;flex-shrink:0;background-position:center;background-repeat:no-repeat;background-size:contain;}
.mp-docs-cat-name{flex:1;}
.mp-docs-cat-cnt{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:24px;padding:0 10px;background:var(--olive);color:#fff;border-radius:12px;font-size:11.5px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums;}

.mp-docs-list{list-style:none;margin:0;padding:0;background:#fff;}
.mp-docs-item{border-top:1px solid var(--canvas-mute);}
.mp-docs-item:first-child{border-top:0;}
.mp-docs-link{display:flex;align-items:center;gap:14px;padding:11px 18px 11px 60px;color:var(--ink);text-decoration:none;transition:background .12s;position:relative;}
.mp-docs-link::before{content:"";position:absolute;left:22px;top:50%;transform:translateY(-50%);width:18px;height:22px;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M9 13h6M9 17h6M9 9h2'/%3E%3C/svg%3E") center/contain no-repeat;}
@media (hover:hover){
.mp-docs-link:hover{background:var(--canvas);color:var(--olive-deep);}}
.mp-docs-badge{flex-shrink:0;display:inline-block;padding:3px 9px;background:rgba(122,133,86,.10);color:var(--olive-deep);border:1px solid rgba(122,133,86,.28);border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;min-width:90px;text-align:center;}
.mp-docs-name{flex:1;font-size:13.5px;font-weight:500;line-height:1.4;}
.mp-docs-size{flex-shrink:0;font-size:11.5px;color:var(--ink-mute);font-variant-numeric:tabular-nums;font-weight:500;min-width:54px;text-align:right;}

.mp-docs-item.is-hidden{display:none !important;}
.mp-docs-cat.is-empty,
.mp-docs-cat.is-tab-hidden{display:none !important;}

/* SVG icons by data-icon — все olive #535b34 */
.mp-docs-cat[data-icon="radar"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="radar"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6' opacity='.5'/%3E%3Cpath d='M12 2v20M2 12h20' opacity='.4'/%3E%3Cpath d='M12 12 16 4' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%23535b34'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="radio"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="radio"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5'%3E%3Crect x='7' y='5' width='10' height='15' rx='1.5' fill='%23535b34' fill-opacity='.10'/%3E%3Cpath d='M9 4v-2M9 2h6'/%3E%3Crect x='9' y='7' width='6' height='4' fill='%23fff' stroke='%23535b34'/%3E%3Ccircle cx='10' cy='14' r='.8' fill='%23535b34'/%3E%3Ccircle cx='14' cy='14' r='.8' fill='%23535b34'/%3E%3Ccircle cx='10' cy='17' r='.8' fill='%23535b34'/%3E%3Ccircle cx='14' cy='17' r='.8' fill='%23535b34'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="antenna"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="antenna"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5'%3E%3Cpath d='M12 2v18'/%3E%3Cpath d='M5 8 12 5 19 8' stroke-width='2'/%3E%3Cpath d='M3 13a9 9 0 0 1 18 0' opacity='.5'/%3E%3Cpath d='M6 15a6 6 0 0 1 12 0' opacity='.7'/%3E%3Crect x='10' y='20' width='4' height='2' fill='%23535b34'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="compass"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="compass"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M16 8 13 13 8 16 11 11Z' fill='%23535b34'/%3E%3Ctext x='12' y='5.5' font-size='4' font-weight='700' fill='%23535b34' text-anchor='middle'%3EN%3C/text%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="camera"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="camera"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5'%3E%3Crect x='3' y='8' width='13' height='8' rx='1' fill='%23535b34' fill-opacity='.15'/%3E%3Crect x='16' y='9.5' width='5' height='5' rx='.8' fill='%23535b34'/%3E%3Ccircle cx='18.5' cy='12' r='1.6' fill='%23fff'/%3E%3Cpath d='M9 16v3M5 19h8'/%3E%3Ccircle cx='19' cy='8' r='1' fill='%23b09668'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="anchor"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="anchor"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='5' r='2.2' fill='%23535b34'/%3E%3Cpath d='M12 7v15M8 11h8M5 18a8 8 0 0 0 14 0' stroke-width='2'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="satellite"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="satellite"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5'%3E%3Cpath d='M12 7 4 15c-1 1-1 2.5 0 3.5l1.5 1.5c1 1 2.5 1 3.5 0l8-8' fill='%23535b34' fill-opacity='.15'/%3E%3Cellipse cx='9' cy='15' rx='3' ry='2.5' transform='rotate(-45 9 15)' fill='%23fff' stroke='%23535b34'/%3E%3Cpath d='M14 9 19 4M14 9l3 3-3 3' stroke-linecap='round'/%3E%3Cpath d='M16 14a4 4 0 0 0-3-7' stroke-width='1.2' opacity='.6'/%3E%3Ccircle cx='20' cy='5' r='1.2' fill='%23b09668'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="lifesaver"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="lifesaver"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='9' fill='%23535b34' fill-opacity='.15'/%3E%3Ccircle cx='12' cy='12' r='4' fill='%23fff' stroke='%23535b34'/%3E%3Cpath d='M3.5 8.5 8 11M20.5 15.5 16 13M3.5 15.5 8 13M20.5 8.5 16 11' stroke-width='2'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="shield"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="shield"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5'%3E%3Cpath d='M12 2 4 6v6c0 5 3.5 9 8 10 4.5-1 8-5 8-10V6Z' fill='%23535b34' fill-opacity='.15'/%3E%3Cpath d='m8 12 3 3 5-6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="wrench"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="wrench"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5'%3E%3Cpath d='M14.7 6.3a4 4 0 0 1 5 5L10 21H3v-7Z' fill='%23535b34' fill-opacity='.15'/%3E%3Cpath d='M5 19l4-4'/%3E%3Ccircle cx='17' cy='7' r='1.5' fill='%23535b34'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="plug"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="plug"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M9 2v6M15 2v6M7 8h10v4a5 5 0 0 1-10 0z' fill='%23535b34' fill-opacity='.15'/%3E%3Cpath d='M12 17v5'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="wifi"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="wifi"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M2 9a16 16 0 0 1 20 0' opacity='.4'/%3E%3Cpath d='M5 13a11 11 0 0 1 14 0' opacity='.6'/%3E%3Cpath d='M8.5 16.5a6 6 0 0 1 7 0' opacity='.8'/%3E%3Ccircle cx='12' cy='20' r='1.4' fill='%23535b34'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="gps-pin"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="gps-pin"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5'%3E%3Cpath d='M12 2C7.5 2 4 5.5 4 10c0 6 8 12 8 12s8-6 8-12c0-4.5-3.5-8-8-8z' fill='%23535b34' fill-opacity='.15'/%3E%3Ccircle cx='12' cy='10' r='3' fill='%23fff' stroke='%23535b34'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="globe"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="globe"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23535b34' fill-opacity='.10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="certificate"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="certificate"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='14' rx='1.5' fill='%23535b34' fill-opacity='.10'/%3E%3Cpath d='M7 8h10M7 12h6'/%3E%3Ccircle cx='17' cy='17' r='3' fill='%23b09668'/%3E%3Cpath d='m17 16-1 1 .5 1' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="bolt"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="bolt"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h6l-1 8 9-12h-6Z' fill='%23535b34' fill-opacity='.20'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="box"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="box"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M3 7 12 3l9 4v10l-9 4-9-4Z' fill='%23535b34' fill-opacity='.10'/%3E%3Cpath d='M3 7l9 4 9-4M12 11v10'/%3E%3C/svg%3E");}
.mp-docs-cat[data-icon="folder"] .mp-docs-cat-ico,
.mp-docs-tab[data-icon="folder"] .mp-docs-tab-ico{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535b34' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M3 6c0-1 .8-2 2-2h4l2 2h8c1 0 2 .8 2 2v10c0 1-.8 2-2 2H5c-1 0-2-.8-2-2Z' fill='%23535b34' fill-opacity='.15'/%3E%3C/svg%3E");}

@media (max-width:768px){
  .mp-docs-title{font-size:24px;}
  .mp-docs-search-wrap{flex-direction:column;align-items:stretch;}
  .mp-docs-search{font-size:16px;}
  .mp-docs-search-stats{align-self:flex-end;}
  .mp-docs-tabs{padding:10px;gap:5px;}
  .mp-docs-tab{padding:6px 10px;font-size:11.5px;}
  .mp-docs-cat-h{padding:12px 14px;font-size:14.5px;gap:10px;}
  .mp-docs-cat-ico{width:24px;height:24px;}
  .mp-docs-link{padding:10px 14px 10px 50px;gap:10px;flex-wrap:wrap;}
  .mp-docs-link::before{left:18px;}
  .mp-docs-badge{order:-1;min-width:auto;}
  .mp-docs-name{flex:1 1 100%;font-size:13px;}
  .mp-docs-size{font-size:11px;}
}
/* v8.3-docs-svg-marker */

/* v8.61e (20260503-130552) — уменьшение зазора между slideshow и .mp-geo-v6 */
.swiper-viewport { margin: 0 0 18px !important; }
.mp-geo-v6 { margin-top: 4px !important; }

/* v8.61f (20260503-130756) — убрать min-height у #content на home */
#common-home #content { min-height: 0 !important; }

/* v8.61g (20260503-131020) — баланс: 40px под точки пагинации + 24px чистого пробела */
.swiper-viewport { margin: 0 0 40px !important; }
.mp-geo-v6 { margin-top: 24px !important; }
@media (max-width: 768px) {
  .swiper-viewport { margin: 0 0 44px !important; }
  .mp-geo-v6 { margin-top: 28px !important; }
}

@media (hover:hover){
#top a:hover .fa,
.top-bar a:hover .fa {
    color: #fff !important;
}}
/* fa-envelope, fa-phone в шапке */
.top-bar i[class*="fa-envelope"],
.top-bar i[class*="fa-phone"],
#top i[class*="fa-envelope"],
#top i[class*="fa-phone"] {
    color: #f5ede0 !important;
}

@media (hover:hover){
.product-thumb .button-group button:hover,
.product-thumb .btn-primary:hover,
.btn-success:hover {
    background-color: #3a3f24 !important;
    border-color: #3a3f24 !important;
}}

/* Если есть 2 кнопки на карточке — скрыть «Запросить по почте» дубликат, оставить только первую */
.product-thumb .button-group button + button {
    display: none !important;
}


/* Зелёную «Запросить по почте» — оставить, но скрыть иконку конверта */
.product-thumb .button-group .fa-envelope,
.product-thumb a .fa-envelope,
.product-thumb button .fa-envelope,
.product-thumb .btn .fa-envelope { display: none !important; }

/* Переименование через CSS (трюк): скрываем оригинальный text, добавляем свой */
.product-thumb .btn-success,
.product-thumb a[href^="mailto:"],
.product-thumb .request-btn {
    background-color: #535b34 !important;  /* olive вместо ярко-зелёного */
    border-color: #535b34 !important;
    color: #f5ede0 !important;
    font-weight: 500;
}
@media (hover:hover){
.product-thumb .btn-success:hover,
.product-thumb a[href^="mailto:"]:hover { background-color: #3a3f24 !important; }}


@media (hover:hover){
.product-thumb .btn-success:hover,
.product-thumb a[href^="mailto:"]:hover { background-color: #3a3f24 !important; }}

/* === ВЫСОТЫ ОДИНАКОВЫЕ === */
/* row product-grid → flex wrap чтобы все cards растянулись */
.product-grid .row,
.row.product-grid,
.product-grid {
    display: flex !important;
    flex-wrap: wrap !important;
}
.product-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}
.product-thumb {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
}
.product-thumb .image,
.product-thumb > .image,
.product-thumb .image a {
    flex-shrink: 0 !important;
    height: 220px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.product-thumb .image img {
    max-height: 200px !important;
    width: auto !important;
    object-fit: contain !important;
}
.product-thumb .caption {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 12px 16px !important;
}
.product-thumb .caption h4,
.product-thumb .caption .name {
    min-height: 44px !important;
    margin-bottom: 8px !important;
}
.product-thumb .caption p:not(.price):not(.rating) {
    flex: 1 1 auto !important;
    margin-bottom: 12px !important;
}
.product-thumb .price {
    margin-top: auto !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
}
.product-thumb .button-group {
    margin-top: auto !important;
    padding: 12px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-shrink: 0 !important;
}
.product-thumb .button-group button,
.product-thumb .button-group .btn {
    width: 100% !important;
    margin: 0 !important;
}

@media (hover:hover){
.product-thumb .btn-success:hover { background-color: #3a3f24 !important; }}
/* Все элементы карточки с box-sizing для точного расчёта */
.product-thumb,
.product-thumb *,
.product-layout,
.product-layout * { box-sizing: border-box !important; }

/* === FINAL v4: row → flex (заменяет float Bootstrap 3) === */
#top .fa-envelope, #top .fa-phone { color: #f5ede0 !important; }

/* Кнопки */
.product-thumb .button-group button:first-child,
.product-thumb .button-group .btn:first-child { display: none !important; }
.product-thumb .fa-envelope, .product-thumb .fa-envelope-o { display: none !important; }
.product-thumb .btn-success,
.product-thumb a[href^="mailto:"] {
    background-color: #535b34 !important;
    border-color: #535b34 !important;
    color: #f5ede0 !important;
    width: 100% !important;
    padding: 10px 16px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
}
@media (hover:hover){
.product-thumb .btn-success:hover { background-color: #3a3f24 !important; }}

/* === ROW FLEX — главный fix === */
/* JS добавит class .eq-row родителю карточек */
.eq-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.eq-row > .product-layout {
    display: flex !important;
    flex-direction: column !important;
    float: none !important;  /* отключить Bootstrap float */
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 30px !important;
}
.eq-row > .product-layout > .product-thumb {
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}
.eq-row .product-thumb .image,
.eq-row .product-thumb > .image { flex-shrink: 0 !important; }
.eq-row .product-thumb .caption {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}
.eq-row .product-thumb .caption h4 { margin-bottom: 8px !important; }
.eq-row .product-thumb .caption p:not(.price):not(.rating) {
    flex: 1 1 auto !important;
}
.eq-row .product-thumb .price { margin-top: auto !important; margin-bottom: 8px !important; }
.eq-row .product-thumb .button-group {
    margin-top: auto !important;
    flex-shrink: 0 !important;
}

/* box-sizing globally for cards */
.product-thumb, .product-thumb *, .product-layout, .product-layout * { box-sizing: border-box !important; }
