/* MILSHOP Wave 2e — category/product/static — loaded via JS injection */
/* All rules use root-level tokens defined in inline overlay (--ms-graphite, --ms-signal, etc.) */

/* CATEGORY */
.description_block{padding:20px 0!important;background:transparent!important;border-bottom:1px solid #d7d4c9!important;margin-bottom:20px!important}
.description_block h1{font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;color:#171914!important;letter-spacing:-.04em!important;font-size:clamp(28px,4vw,44px)!important;margin:0 0 10px!important}
.description_block h2,.description_content h2{font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;color:#171914!important;letter-spacing:-.03em!important;font-size:22px!important;margin:24px 0 12px!important;padding-left:12px!important;border-left:4px solid #f0782b!important}
.products_sort{padding:16px 0!important;margin-bottom:16px!important;border-top:1px solid #d7d4c9!important;border-bottom:1px solid #d7d4c9!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important;background:transparent!important}
.products_sort .type{display:inline-flex!important;gap:0!important}
.products_sort .type button{width:42px!important;height:42px!important;border:1px solid #cbc8be!important;background:#fffdf8!important;color:#171914!important;border-radius:0!important;padding:0!important;transition:background .15s;position:relative}
.products_sort .type button+button{border-left:0!important}
.products_sort .type button:hover,.products_sort .type button.active{background:#171914!important;color:#fff!important}
.products_sort .sort{display:inline-flex!important;align-items:center!important;gap:10px!important}
.products_sort .sort label{margin:0!important;color:#74766e!important;font-size:11px!important;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.products_sort #input-sort,.products_sort select{min-width:220px!important;min-height:42px!important;padding:0 32px 0 14px!important;background:#fffdf8!important;border:1px solid #cbc8be!important;border-radius:0!important;font-family:"Manrope",sans-serif!important;font-weight:600!important;color:#171914!important}

/* PRODUCT */
.product_header{padding:20px 0!important;background:transparent!important}
.product_header h1,.product_header_left h1{font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;color:#171914!important;letter-spacing:-.03em!important;font-size:clamp(24px,3vw,36px)!important;margin:0!important}
.product_bar{padding:10px 0!important;border-bottom:1px solid #d7d4c9!important;color:#74766e!important;font-size:13px!important}
.product_bar .brand,.product_bar .manufacturer{color:#c85216!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.06em;font-size:12px!important}
.price_column{padding:20px!important;background:#fffdf8!important;border:1px solid #cbc8be!important;border-radius:0!important}
.price_column .price,.price_column .price_new{font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;color:#171914!important;font-size:38px!important;line-height:1!important}
.price_column .price-old,.price_column .price_old{color:#74766e!important;text-decoration:line-through!important;font-size:20px!important;font-weight:500!important}
.price-stock{padding:8px 0!important;font-size:12px!important;font-weight:800!important;letter-spacing:.05em;text-transform:uppercase!important}
.price-stock.in-stock,.stock-in{color:#4d5541!important}
.price-stock.out-of-stock,.stock-out{color:#c85216!important}
#button-cart,#button-cart-bar,#button-cart-mini{min-height:56px!important;padding:0 32px!important;background:#f0782b!important;color:#171914!important;border:0!important;border-radius:0!important;font-family:"Manrope",sans-serif!important;font-weight:800!important;font-size:14px!important;letter-spacing:.06em!important;text-transform:uppercase!important;transition:background .15s;width:100%!important}
#button-cart:hover,#button-cart-bar:hover,#button-cart-mini:hover{background:#171914!important;color:#fff!important}
.price_buttons{display:flex!important;gap:8px!important;margin-top:16px!important}
.product_image,.image-gallery{background:#f6f3ea!important;border:1px solid #cbc8be!important;padding:20px!important}
.product_image img,.image-gallery img{max-width:100%!important;height:auto!important}
.product_tabs,.nav-tabs{border-bottom:2px solid #171914!important;gap:2px!important;display:flex!important;flex-wrap:wrap!important}
.product_tabs>li,.nav-tabs>li{margin-bottom:-2px!important}
.product_tabs>li>a,.nav-tabs>li>a{padding:14px 22px!important;background:#fffdf8!important;color:#171914!important;border:1px solid #cbc8be!important;border-radius:0!important;font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.03em;font-size:12px!important;text-decoration:none!important}
.product_tabs>li.active>a,.nav-tabs>li.active>a,.nav-tabs>li>a.active,.product_tabs>li>a.active{background:#171914!important;color:#fff!important;border-color:#171914!important}
.tab-content,.tab_content{padding:24px 0!important;font-size:15px!important;line-height:1.7!important}
.attribute,.attribute-list,#tab-specification table{border:1px solid #cbc8be!important;border-radius:0!important}
.attribute td,.attribute-list td,#tab-specification td{padding:12px 16px!important;border-bottom:1px solid #e6e4dc!important;font-size:14px!important}
.attribute td:first-child,.attribute-list td:first-child{font-weight:700!important;color:#171914!important;background:#f6f3ea!important;width:40%}
.review-item,.product-review{padding:18px!important;background:#fffdf8!important;border:1px solid #cbc8be!important;border-radius:0!important;margin-bottom:12px!important}
.review-item .author,.product-review .author{font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;color:#171914!important;font-size:15px!important}
.review-item .date,.product-review .date{color:#74766e!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.05em}

/* STATIC */
.information-info,.contact-info,#information{padding:40px 0!important;font-size:16px!important;line-height:1.75!important;color:#171914!important}
.information-info h1,.contact-info h1,#information h1{font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;color:#171914!important;letter-spacing:-.04em!important;font-size:clamp(32px,4vw,52px)!important;margin:0 0 24px!important}
.information-info h2,.contact-info h2,#information h2{font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;color:#171914!important;letter-spacing:-.03em!important;font-size:26px!important;margin:32px 0 14px!important;padding-left:14px!important;border-left:4px solid #f0782b!important}
.information-info h3,.contact-info h3{font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;font-size:20px!important;margin:24px 0 10px!important}
.information-info p,.contact-info p{margin:0 0 16px!important}
.information-info a,.contact-info a{color:#c85216!important;text-decoration:underline;text-underline-offset:3px}
.information-info blockquote{margin:24px 0!important;padding:20px 24px!important;background:#f6f3ea!important;border-left:4px solid #4d5541!important;font-size:17px!important;font-style:italic}

/* CHECKOUT */
.cart-info,#cart-info,.shopping-cart{background:#fffdf8!important;border:1px solid #cbc8be!important;border-radius:0!important;padding:20px!important}
.checkout-heading{padding:16px 20px!important;background:#171914!important;color:#fff!important;border-radius:0!important;font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;font-size:14px!important}
.checkout-content,.panel-body{background:#fffdf8!important;border:1px solid #cbc8be!important;border-radius:0!important;padding:20px!important}

/* ============================================================
   MILSHOP Footer layout fix — Wave 2f, 2026-08-17
   ============================================================ */
footer{padding:60px 0 30px !important}
footer .container{
  display:grid !important;
  grid-template-columns:1.4fr .7fr .9fr 1.35fr !important;
  gap:55px !important;
  align-items:start !important;
  padding-bottom:40px !important;
  border-bottom:1px solid #3d3f39 !important;
  margin-bottom:22px !important;
}
footer .copyright{
  padding:0 !important;background:transparent !important;
  border:0 !important;color:#95988e !important;font-size:13px !important;
  display:flex !important;flex-direction:column !important;
  align-items:flex-start !important;gap:16px !important;
  text-transform:none !important;letter-spacing:normal !important;
}
footer .copyright .logo{margin:0 !important}
footer .copyright .logo img{width:205px !important;height:auto !important;filter:none !important}
footer .copyright p{margin:0 !important;color:#95988e !important;font-size:13px !important;max-width:310px !important;line-height:1.6 !important}
footer .footer_item{padding:0 !important}
footer .footer_item h3{
  color:#fff !important;font-family:"Space Grotesk",sans-serif !important;
  font-size:11px !important;font-weight:800 !important;
  letter-spacing:.14em !important;text-transform:uppercase !important;
  margin:0 0 20px !important;padding:0 !important;border:0 !important;
}
footer .footer_item ul{list-style:none !important;padding:0 !important;margin:0 !important}
footer .footer_item li,footer .footer_item ul li{margin:0 0 10px !important;padding:0 !important;list-style:none !important}
footer .footer_item a{
  color:#a9aba2 !important;font-size:13px !important;font-weight:500 !important;
  text-decoration:none !important;transition:color .15s !important;
}
footer .footer_item a:hover{color:#fff !important}
footer .footer_item p{color:#a9aba2 !important;font-size:11px !important;margin:0 0 6px !important;text-transform:uppercase;letter-spacing:.06em}
footer .footer_item .address{color:#a9aba2 !important;font-size:13px !important}

/* Payment icons row */
footer + [class*="payment"], .footer_payments, .payments_row{
  padding:24px 24px !important;background:var(--ms-graphite) !important;
  border-top:1px solid #3d3f39 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  gap:24px !important;flex-wrap:wrap !important;
}
footer + [class*="payment"] img,.footer_payments img,.payments_row img{
  height:28px !important;width:auto !important;
  opacity:.7 !important;filter:grayscale(.3) brightness(1.4) !important;
  transition:opacity .15s,filter .15s !important;
}
footer + [class*="payment"] img:hover,.footer_payments img:hover,.payments_row img:hover{
  opacity:1 !important;filter:none !important;
}

/* Responsive */
@media(max-width:1100px){footer .container{grid-template-columns:1.2fr 1fr 1fr !important;gap:35px !important}}
@media(max-width:760px){footer .container{grid-template-columns:1fr 1fr !important;gap:32px 24px !important}footer .copyright{grid-column:1/-1 !important}}
@media(max-width:430px){footer .container{grid-template-columns:1fr !important}}

/* ============================================================
   Footer fix v2 — Wave 2g (bigger cols, no word-wrap, cleaner)
   ============================================================ */
footer .container{
  grid-template-columns:1.5fr 1fr 1.1fr 1.2fr !important;
  gap:40px !important;
  align-items:start !important;
}
footer .footer_item{
  min-width:0 !important;
  word-wrap:normal !important;
  overflow-wrap:normal !important;
}
footer .footer_item h3{
  letter-spacing:.08em !important;
  font-size:12px !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}
footer .footer_item a,footer .footer_item ul li a{
  display:block !important;
  padding:8px 0 !important;margin:0 !important;
  color:#a9aba2 !important;font-size:13px !important;
  line-height:1.4 !important;
  white-space:normal !important;
  word-wrap:normal !important;overflow-wrap:normal !important;
  word-break:normal !important;
}
footer .footer_item a:hover{color:#fff !important;padding-left:2px !important}
footer .copyright{max-width:100% !important}
footer .copyright .logo img{width:180px !important;max-width:180px !important}
footer .copyright p{max-width:280px !important;font-size:12px !important;line-height:1.5 !important;margin-top:8px !important}
footer .footer_item ul{list-style:none !important;padding:0 !important;margin:0 !important;display:block !important}
footer .footer_item li{margin:0 !important;padding:0 !important;list-style:none !important;display:block !important}
footer .footer_item p{white-space:nowrap !important;letter-spacing:.06em !important;font-size:11px !important;margin-top:12px !important}

/* Contacts: keep vertical, allow phone/address wrap */
footer .footer_item.contacts p,footer .footer_item.contacts .address{
  white-space:normal !important;
}
footer .footer_item.contacts a{font-size:14px !important;font-weight:600 !important;color:#fff !important}
footer .footer_item.contacts a:hover{color:#f0782b !important}

/* Payment icons row centering below footer */
.payments,.footer_payments,.payment_footer{
  padding:24px !important;background:#171914 !important;
  border-top:1px solid #3d3f39 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  gap:32px !important;flex-wrap:wrap !important;
}
.payments img,.footer_payments img,.payment_footer img{
  height:28px !important;width:auto !important;
  opacity:.65 !important;filter:brightness(1.5) grayscale(.5) !important;
  transition:opacity .15s,filter .15s !important;
}
.payments img:hover,.footer_payments img:hover,.payment_footer img:hover{
  opacity:1 !important;filter:brightness(1) grayscale(0) !important;
}

@media(max-width:1100px){footer .container{grid-template-columns:1.2fr 1fr 1fr !important;gap:30px !important}footer .footer_item.contacts{grid-column:1/-1 !important;display:flex !important;flex-wrap:wrap !important;gap:20px 40px !important}}
@media(max-width:760px){footer .container{grid-template-columns:1fr 1fr !important;gap:24px !important}footer .footer_item.contacts{grid-column:1/-1 !important}}
@media(max-width:480px){footer .container{grid-template-columns:1fr !important}}

/* ============================================================
   MILSHOP mega-menu — appended to wave2e external, 2026-08-17
   ============================================================ */
#ms-mega-toggle{position:fixed !important;top:14px !important;left:14px !important;z-index:9998 !important;padding:12px 20px !important;background:#171914 !important;color:#fff !important;border:0 !important;border-radius:0 !important;font-family:"Manrope",sans-serif !important;font-weight:800 !important;font-size:12px !important;letter-spacing:.06em !important;text-transform:uppercase !important;min-height:44px !important;line-height:1 !important;white-space:nowrap !important;width:auto !important;display:inline-flex !important;align-items:center !important;gap:10px !important;cursor:pointer !important;box-shadow:0 4px 14px rgba(0,0,0,.15) !important}
#ms-mega-toggle:hover{background:#f0782b !important;color:#171914 !important}
#ms-mega-toggle .ms-mega-toggle-icon{display:inline-flex !important;flex-direction:column !important;gap:3px !important;flex:0 0 auto}
#ms-mega-toggle .ms-mega-toggle-icon>span{width:16px !important;height:2px !important;background:currentColor !important;display:block !important;transition:transform .2s,opacity .2s}
#ms-mega-toggle[aria-expanded="true"] .ms-mega-toggle-icon>span:nth-child(1){transform:translateY(5px) rotate(45deg) !important}
#ms-mega-toggle[aria-expanded="true"] .ms-mega-toggle-icon>span:nth-child(2){opacity:0 !important}
#ms-mega-toggle[aria-expanded="true"] .ms-mega-toggle-icon>span:nth-child(3){transform:translateY(-5px) rotate(-45deg) !important}
@media(max-width:500px){#ms-mega-toggle{display:none !important}}

#ms-mega-menu{position:fixed !important;inset:0 !important;z-index:9997 !important;display:flex !important;align-items:flex-start !important;justify-content:center !important;padding:74px 24px 24px !important;font-family:"Manrope",sans-serif !important}
#ms-mega-menu[hidden]{display:none !important}
body.ms-mega-open{overflow:hidden !important}
.ms-mega-backdrop{position:absolute !important;inset:0 !important;background:rgba(23,25,20,.72) !important;backdrop-filter:blur(3px) !important;cursor:pointer !important}
.ms-mega-panel{position:relative !important;z-index:1 !important;width:min(1320px,100%) !important;max-height:calc(100vh - 100px) !important;overflow-y:auto !important;background:#fffdf8 !important;box-shadow:0 30px 80px rgba(0,0,0,.4) !important;border-top:3px solid #f0782b !important}
.ms-mega-grid{display:grid !important;grid-template-columns:minmax(280px,340px) 1fr !important;min-height:520px}
.ms-mega-cats{background:#f6f3ea !important;border-right:1px solid #d7d4c9 !important;padding:24px 0}
.ms-mega-label{margin:0 20px 12px !important;color:#74766e !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.14em !important;text-transform:uppercase !important}
.ms-mega-cat{width:100% !important;min-height:52px !important;padding:0 20px !important;display:grid !important;grid-template-columns:34px 1fr 24px !important;align-items:center !important;gap:10px !important;background:transparent !important;border:0 !important;border-bottom:1px solid #e3e0d7 !important;text-align:left !important;font-family:"Manrope",sans-serif !important;font-size:14px !important;font-weight:700 !important;line-height:1.25 !important;color:#171914 !important;cursor:pointer !important;border-radius:0 !important}
.ms-mega-cat span:first-child{color:#9a9b95 !important;font-size:10px !important;font-weight:700 !important;letter-spacing:.1em !important}
.ms-mega-cat em{font-style:normal !important;color:transparent !important;font-weight:800 !important}
.ms-mega-cat:hover,.ms-mega-cat.is-active{background:#171914 !important;color:#fff !important}
.ms-mega-cat:hover span:first-child,.ms-mega-cat.is-active span:first-child{color:#f0782b !important}
.ms-mega-cat:hover em,.ms-mega-cat.is-active em{color:#f0782b !important}
.ms-mega-content{padding:32px 40px 40px !important;min-width:0}
.ms-mega-panel-inner[hidden]{display:none !important}
.ms-mega-head{min-height:76px !important;padding-bottom:20px !important;display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:24px !important;border-bottom:1px solid #d7d4c9 !important}
.ms-mega-kicker{margin:0 0 6px !important;color:#c85216 !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.16em !important;text-transform:uppercase !important}
.ms-mega-head h2{margin:0 !important;font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;letter-spacing:-.04em !important;font-size:clamp(24px,2.6vw,36px) !important;color:#171914 !important}
.ms-mega-head>a{min-height:44px !important;display:inline-flex !important;align-items:center !important;gap:10px !important;padding-bottom:2px !important;border-bottom:1px solid #171914 !important;font-size:11px !important;font-weight:800 !important;letter-spacing:.05em !important;text-transform:uppercase !important;color:#171914 !important;text-decoration:none !important;white-space:nowrap !important}
.ms-mega-panel-inner nav{margin-top:16px !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:36px !important}
.ms-mega-panel-inner nav a{min-height:44px !important;display:flex !important;align-items:center !important;padding:8px 0 !important;border-bottom:1px solid #e3e0d7 !important;color:#555850 !important;font-size:14px !important;font-weight:500 !important;text-decoration:none !important}
.ms-mega-panel-inner nav a:hover{padding-left:8px !important;color:#c85216 !important}

/* ============================================================
   Wave 2h — unify Каталог button (hide my toggle, restyle native)
   ============================================================ */
/* Hide my fixed toggle — native header button will drive mega-menu */
#ms-mega-toggle{display:none !important}

/* Native speedy Каталог button → MILSHOP palette */
nav#menu>.dropdown-toggle{
  background:#171914 !important;
  background-image:none !important;
  color:#fff !important;
  border:0 !important;border-radius:0 !important;
  min-height:48px !important;padding:0 24px !important;
  font-family:"Manrope",sans-serif !important;
  font-weight:800 !important;font-size:13px !important;
  letter-spacing:.06em !important;text-transform:uppercase !important;
  box-shadow:none !important;
  transition:background .15s !important;
  display:inline-flex !important;align-items:center !important;gap:10px !important;
}
nav#menu>.dropdown-toggle:hover,
nav#menu>.dropdown-toggle.ms-active{
  background:#f0782b !important;color:#171914 !important;
}
nav#menu>.dropdown-toggle span{color:inherit !important;font-weight:inherit !important}
/* Hide speedy native dropdown panel when our mega-menu drives it */
nav#menu>.dropdown-menu{display:none !important}

/* Wave 2h fix: explicit background-color for native Каталог */
nav#menu>.dropdown-toggle,
header nav#menu>button.dropdown-toggle{
  background-color:#171914 !important;
  background-image:none !important;
  background:#171914 none !important;
}
nav#menu>.dropdown-toggle:hover,
nav#menu>.dropdown-toggle.ms-active,
header nav#menu>button.dropdown-toggle:hover{
  background-color:#f0782b !important;
  background:#f0782b none !important;
  color:#171914 !important;
}

/* Wave 2h final: longhand only (shorthand `background: X none` was invalid and reset color) */
nav#menu>.dropdown-toggle{
  background-color:#171914 !important;
  background-image:none !important;
}
nav#menu>.dropdown-toggle:hover,
nav#menu>.dropdown-toggle.ms-active{
  background-color:#f0782b !important;
  background-image:none !important;
  color:#171914 !important;
}
nav#menu>.dropdown-toggle.ms-active span,
nav#menu>.dropdown-toggle:hover span{color:#171914 !important}

/* ============================================================
   Wave 2i — mega-menu as DROPDOWN UNDER HEADER (per design macro)
   Overrides the earlier fullscreen-modal variant.
   ============================================================ */
#ms-mega-menu{
  position:fixed !important;
  left:0 !important;right:0 !important;
  top:var(--ms-header-bottom,182px) !important;
  bottom:auto !important;
  z-index:9990 !important;
  display:block !important;
  padding:0 !important;
  align-items:initial !important;justify-content:initial !important;
  pointer-events:none !important;
}
#ms-mega-menu[hidden]{display:none !important}

/* Backdrop only BELOW the dropdown, header stays clickable */
.ms-mega-backdrop{
  position:fixed !important;
  left:0 !important;right:0 !important;
  top:var(--ms-header-bottom,182px) !important;bottom:0 !important;
  background:rgba(23,25,20,.45) !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  pointer-events:auto !important;
  z-index:0 !important;
}

/* Panel: full-bleed row under header */
.ms-mega-panel{
  position:relative !important;z-index:1 !important;
  width:100% !important;max-width:none !important;
  margin:0 !important;
  max-height:calc(100vh - var(--ms-header-bottom,182px) - 24px) !important;
  overflow-y:auto !important;overscroll-behavior:contain !important;
  background:#fffdf8 !important;
  border-top:3px solid #f0782b !important;
  border-bottom:1px solid #cbc8be !important;
  box-shadow:0 24px 55px rgba(23,25,20,.18) !important;
  pointer-events:auto !important;
}

/* Inner grid constrained to site container width */
.ms-mega-grid{
  width:min(1320px,calc(100% - 48px)) !important;
  margin-inline:auto !important;
  grid-template-columns:minmax(280px,.86fr) minmax(0,1.7fr) !important;
  min-height:auto !important;
  padding:24px 0 30px !important;
}
.ms-mega-cats{
  background:transparent !important;
  border-right:1px solid #d7d4c9 !important;
  padding:0 28px 0 0 !important;
}
.ms-mega-cat{min-height:46px !important;padding:0 12px !important}
.ms-mega-content{padding:0 0 0 38px !important}
.ms-mega-head{min-height:70px !important;padding-bottom:16px !important}

@media(max-width:1100px){
  .ms-mega-grid{grid-template-columns:minmax(240px,.85fr) minmax(0,1.55fr) !important;width:calc(100% - 36px) !important}
  .ms-mega-content{padding-left:26px !important}
}
@media(max-width:760px){
  #ms-mega-menu{display:none !important}
}

/* ============================================================
   Wave 2j — header category-nav row (per design macro)
   ============================================================ */
.ms-catnav{
  background:#f6f3ea;
  border-top:1px solid #d7d4c9;
  border-bottom:1px solid #d7d4c9;
  position:relative;z-index:15;
}
.ms-catnav-row{
  width:min(1320px,calc(100% - 48px));margin-inline:auto;
  min-height:50px;display:flex;align-items:center;gap:30px;
  font-family:"Manrope",sans-serif;
  font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  overflow-x:auto;scrollbar-width:none;
}
.ms-catnav-row::-webkit-scrollbar{display:none}
.ms-catnav-toggle{
  margin-right:auto;padding:0;
  min-height:50px;display:inline-flex;align-items:center;gap:9px;
  border:0;border-bottom:2px solid transparent;background:transparent;
  color:#171914;font:inherit;text-transform:inherit;letter-spacing:inherit;
  font-weight:800;cursor:pointer;white-space:nowrap;
}
.ms-catnav-toggle:hover,.ms-catnav-toggle.ms-active{color:#c85216;border-bottom-color:#f0782b}
.ms-catnav-burger{display:inline-flex;flex-direction:column;gap:3px}
.ms-catnav-burger>span{width:15px;height:2px;background:currentColor;display:block}
.ms-catnav-row>a{
  height:50px;display:inline-flex;align-items:center;
  border-bottom:2px solid transparent;
  color:#171914;text-decoration:none;white-space:nowrap;
  transition:color .15s,border-color .15s;
}
.ms-catnav-row>a:hover{color:#c85216;border-bottom-color:#f0782b}
.ms-catnav-sale{color:#c85216 !important}
@media(max-width:760px){.ms-catnav{display:none}}

/* Wider search per macro */
header .search,header form[action*="search"],header .search_form{flex:1 1 auto !important;min-width:0 !important}
header .search input,header input[name="search"]{
  width:100% !important;min-width:220px !important;min-height:48px !important;
}

/* ============================================================
   Wave 2j — header category-nav row (per design macro)
   ============================================================ */
.ms-catnav{
  background:#f6f3ea;
  border-top:1px solid #d7d4c9;
  border-bottom:1px solid #d7d4c9;
  position:relative;z-index:15;
}
.ms-catnav-row{
  width:min(1320px,calc(100% - 48px));margin-inline:auto;
  min-height:50px;display:flex;align-items:center;gap:30px;
  font-family:"Manrope",sans-serif;
  font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  overflow-x:auto;scrollbar-width:none;
}
.ms-catnav-row::-webkit-scrollbar{display:none}
.ms-catnav-toggle{
  margin-right:auto;padding:0;
  min-height:50px;display:inline-flex;align-items:center;gap:9px;
  border:0;border-bottom:2px solid transparent;background:transparent;
  color:#171914;font-family:inherit;font-size:inherit;
  text-transform:inherit;letter-spacing:inherit;
  font-weight:800;cursor:pointer;white-space:nowrap;
}
.ms-catnav-toggle:hover,.ms-catnav-toggle.ms-active{color:#c85216;border-bottom-color:#f0782b}
.ms-catnav-burger{display:inline-flex;flex-direction:column;gap:3px}
.ms-catnav-burger>span{width:15px;height:2px;background:currentColor;display:block}
.ms-catnav-row>a{
  height:50px;display:inline-flex;align-items:center;
  border-bottom:2px solid transparent;
  color:#171914;text-decoration:none;white-space:nowrap;
  transition:color .15s,border-color .15s;
}
.ms-catnav-row>a:hover{color:#c85216;border-bottom-color:#f0782b}
.ms-catnav-sale{color:#c85216 !important}
@media(max-width:760px){.ms-catnav{display:none}}

/* Wider search per macro */
header .search,header form[action*="search"],header .search_form{flex:1 1 auto !important;min-width:0 !important}
header .search input,header input[name="search"]{
  width:100% !important;min-width:220px !important;min-height:48px !important;
}

/* ============================================================
   Wave 2L — header cleanup: no duplicate Каталог, wide search,
   visible cart + icons (per design macro)
   ============================================================ */

/* 1. Kill duplicate Каталог in header (catnav row keeps it) */
header nav#menu{display:none !important}

/* 2. Header row layout */
header .container{
  display:flex !important;align-items:center !important;
  gap:20px !important;min-height:86px !important;
}
header .logo{flex:0 0 auto !important}
header .logo img{max-height:48px !important;width:auto !important}

/* 3. Search — takes the free space */
header #search,header .search{
  flex:1 1 auto !important;min-width:0 !important;max-width:none !important;
  display:flex !important;align-items:center !important;
}
header #search input,header .search input,header input[name="search"]{
  flex:1 1 auto !important;width:100% !important;
  min-height:48px !important;height:48px !important;
  padding:0 14px !important;
  border:1px solid #cbc9bf !important;border-right:0 !important;border-radius:0 !important;
  background:#fffdf8 !important;
  font-family:"Manrope",sans-serif !important;font-size:15px !important;
  color:#171914 !important;
}
header #search input::placeholder{color:#9a9b95 !important}
header #search input:focus,header .search input:focus{
  outline:0 !important;border-color:#171914 !important;
  box-shadow:0 0 0 3px rgba(240,120,43,.22) !important;
}
header #search button,header .search button,header .search_button{
  flex:0 0 auto !important;
  width:48px !important;height:48px !important;min-height:48px !important;
  background-color:#171914 !important;background-image:none !important;
  border:0 !important;border-radius:0 !important;color:#fff !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  cursor:pointer !important;
}
header #search button:hover,header .search button:hover{background-color:#f0782b !important;color:#171914 !important}
header #search button svg,header #search button i,header #search button img{filter:brightness(0) invert(1) !important;width:20px !important;height:20px !important}
header #search button:hover svg,header #search button:hover img{filter:brightness(0) !important}

/* 4. Contacts block — compact */
header .contacts{flex:0 0 auto !important;font-size:13px !important}
header .contacts .dropdown-toggle{
  background:transparent !important;background-image:none !important;
  color:#171914 !important;font-weight:800 !important;font-size:15px !important;
  border:0 !important;padding:0 !important;min-height:auto !important;
}
header .contacts p,header .contacts span{color:#74766e !important;font-size:12px !important}

/* 5. Compare / Wishlist icons — visible squares */
header li.compare,header li.wishlist{
  flex:0 0 auto !important;list-style:none !important;
  width:48px !important;height:48px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border:1px solid #cbc9bf !important;background:#fffdf8 !important;
  transition:background .15s,border-color .15s !important;
  position:relative !important;
}
header li.compare:hover,header li.wishlist:hover{background:#171914 !important;border-color:#171914 !important}
header li.compare a,header li.wishlist a,
header .icon_compare,header .icon_wishlist{
  width:44px !important;height:44px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  color:#171914 !important;
}
header li.compare:hover .icon_compare,header li.wishlist:hover .icon_wishlist,
header li.compare:hover a,header li.wishlist:hover a{color:#fff !important}
header li.compare svg,header li.wishlist svg,
header .icon_compare svg,header .icon_wishlist svg,
header .icon_compare img,header .icon_wishlist img{
  width:20px !important;height:20px !important;
}
header li.compare:hover img,header li.wishlist:hover img{filter:brightness(0) invert(1) !important}
/* counters */
header li.compare span,header li.wishlist span{
  position:absolute !important;top:-6px !important;right:-6px !important;
  min-width:18px !important;height:18px !important;padding:0 4px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:#f0782b !important;color:#171914 !important;
  font-size:10px !important;font-weight:800 !important;border-radius:0 !important;
  line-height:1 !important;
}

/* 6. Cart — proper button with label */
#cart{
  flex:0 0 auto !important;
  min-width:auto !important;width:auto !important;
  background-color:#171914 !important;background-image:none !important;
  border-radius:0 !important;
}
#cart>.dropdown-toggle,#cart .cart_button{
  min-height:48px !important;height:48px !important;
  padding:0 18px !important;
  background-color:#171914 !important;background-image:none !important;
  border:0 !important;border-radius:0 !important;
  color:#fff !important;
  display:inline-flex !important;align-items:center !important;gap:10px !important;
  font-family:"Manrope",sans-serif !important;font-weight:800 !important;
  font-size:13px !important;letter-spacing:.04em !important;text-transform:uppercase !important;
  cursor:pointer !important;white-space:nowrap !important;
}
#cart>.dropdown-toggle:hover{background-color:#f0782b !important;color:#171914 !important}
#cart svg,#cart img,header .icon_cart img{
  width:20px !important;height:20px !important;
  filter:brightness(0) invert(1) !important;
}
#cart>.dropdown-toggle:hover img,#cart>.dropdown-toggle:hover svg{filter:brightness(0) !important}
#cart .cart_count,#cart .quantity,#cart b{
  min-width:20px !important;height:20px !important;padding:0 5px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:#f0782b !important;color:#171914 !important;
  font-size:11px !important;font-weight:800 !important;
  border-radius:0 !important;line-height:1 !important;
}

/* 7. Account / language in nav#top */
nav#top .top_right{display:flex !important;align-items:center !important;gap:16px !important}
nav#top .account .dropdown-toggle{
  color:#171914 !important;font-weight:700 !important;font-size:13px !important;
  background:transparent !important;border:0 !important;
}
nav#top .account .dropdown-toggle:hover{color:#c85216 !important}

@media(max-width:1100px){
  header .contacts{display:none !important}
}
@media(max-width:760px){
  header .container{min-height:72px !important;gap:10px !important}
  header #search,header .search{display:none !important}
  header li.compare,header li.wishlist{display:none !important}
}

/* Wave 2L-b — icon boxes + cart label */
li.ms-iconbox{
  width:48px !important;min-width:48px !important;max-width:48px !important;
  height:48px !important;
  padding:0 !important;margin:0 !important;
  background-color:#fffdf8 !important;
  border:1px solid #cbc9bf !important;
  overflow:visible !important;
}
li.ms-iconbox>a{
  width:46px !important;height:46px !important;padding:0 !important;margin:0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
}
li.ms-iconbox p{display:none !important}
li.ms-iconbox:hover{background-color:#171914 !important;border-color:#171914 !important}
.ms-cart-label{
  display:inline-block !important;
  color:inherit !important;font-weight:800 !important;
  font-size:13px !important;letter-spacing:.04em !important;text-transform:uppercase !important;
  white-space:nowrap !important;
}
@media(max-width:900px){.ms-cart-label{display:none !important}}

/* ============================================================
   Wave 2K v2 — CATEGORY + PRODUCT mapped to MILSHOP macro v2
   (commerce.css values ported onto speedy selectors)
   ============================================================ */

/* ============ CATEGORY: subcategory strip ============ */
.category_refine{
  margin:0 0 30px !important;padding:0 !important;
  background:transparent !important;border:0 !important;
  border-top:2px solid #171914 !important;
}
.category_refine>p{
  margin:0 !important;padding:16px 0 14px !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:800 !important;
  font-size:10px !important;letter-spacing:.16em !important;text-transform:uppercase !important;
  color:#c85216 !important;
}
.category_refine_items .swiper-slide{margin-right:14px !important}
.category_refine_items li a{
  display:flex !important;flex-direction:column !important;
  align-items:center !important;gap:12px !important;
  width:158px !important;padding:18px 12px !important;
  background:#fffdf8 !important;border:1px solid #cbc8be !important;
  text-decoration:none !important;
  transition:transform .18s,border-color .18s !important;
}
.category_refine_items li a:hover{transform:translateY(-3px) !important;border-color:#171914 !important}
.category_refine_items li a span{
  display:flex !important;align-items:center !important;justify-content:center !important;
  width:100% !important;height:66px !important;
}
.category_refine_items li a img{max-height:62px !important;width:auto !important;object-fit:contain !important}
.category_refine_items li a p{
  margin:0 !important;text-align:center !important;
  font-family:"Manrope",sans-serif !important;font-weight:700 !important;
  font-size:12px !important;line-height:1.3 !important;color:#171914 !important;
}
.category_refine_items li a:hover p{color:#c85216 !important}

/* ============ CATEGORY: toolbar (sort) ============ */
.products_sort{
  min-height:58px !important;padding:0 !important;margin:0 0 26px !important;
  display:flex !important;align-items:center !important;justify-content:flex-end !important;
  gap:24px !important;
  border-top:2px solid #171914 !important;border-bottom:1px solid #cbc8be !important;
  background:transparent !important;
}
.products_sort .type{display:inline-flex !important;gap:0 !important;margin-right:auto !important}
.products_sort .type button{
  width:40px !important;height:40px !important;padding:0 !important;
  border:1px solid #cbc8be !important;background:#fffdf8 !important;color:#171914 !important;
  border-radius:0 !important;cursor:pointer !important;
}
.products_sort .type button+button{border-left:0 !important}
.products_sort .type button:hover,.products_sort .type button.active{background:#171914 !important;color:#fff !important}
.products_sort .sort{display:inline-flex !important;align-items:center !important;gap:10px !important}
.products_sort .sort label{
  margin:0 !important;color:#74766e !important;
  font-size:10px !important;font-weight:800 !important;
  letter-spacing:.13em !important;text-transform:uppercase !important;
}
.products_sort #input-sort,.products_sort select{
  min-width:230px !important;min-height:42px !important;
  padding:0 30px 0 12px !important;
  background:#fffdf8 !important;border:1px solid #cbc8be !important;border-radius:0 !important;
  font-family:"Manrope",sans-serif !important;font-weight:600 !important;font-size:13px !important;
  color:#171914 !important;
}

/* ============ CATEGORY: product grid + card ============ */
.products,.product_list,.products_grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:34px 14px !important;
}
.item[class*="product_"]{
  min-width:0 !important;
  display:flex !important;flex-direction:column !important;
  background:transparent !important;border:0 !important;
  border-radius:0 !important;overflow:visible !important;
  box-shadow:none !important;transform:none !important;
}
.item[class*="product_"]:hover{
  transform:none !important;box-shadow:none !important;border:0 !important;
}
.item[class*="product_"] .image{
  position:relative !important;
  aspect-ratio:1/1.14 !important;
  display:block !important;overflow:hidden !important;
  background:#e0ddd3 !important;border:0 !important;
}
.item[class*="product_"] .image>a{display:block !important;width:100% !important;height:100% !important}
.item[class*="product_"] .image img{
  width:100% !important;height:100% !important;object-fit:cover !important;padding:0 !important;
  transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .25s !important;
}
.item[class*="product_"]:hover .image img.image_main{transform:scale(1.04) !important}
.item[class*="product_"] .image img.image_hover{position:absolute !important;inset:0 !important;opacity:0 !important}
.item[class*="product_"]:hover .image img.image_hover{opacity:1 !important}

/* badge */
.item[class*="product_"] .stickers_text{
  position:absolute !important;left:10px !important;top:10px !important;z-index:3 !important;
  margin:0 !important;padding:0 !important;list-style:none !important;
  display:flex !important;flex-direction:column !important;gap:6px !important;
}
.item[class*="product_"] .stickers_text li{
  margin:0 !important;padding:6px 9px !important;border-radius:0 !important;
  background:#f0782b !important;color:#171914 !important;
  font-family:"Manrope",sans-serif !important;
  font-size:9px !important;font-weight:800 !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;line-height:1 !important;
}
.item[class*="product_"] .stickers_text li[style*="6aa84f"]{background:#171914 !important;color:#fff !important}
.item[class*="product_"] .stickers_text li[style*="e06666"],
.item[class*="product_"] .stickers_text li[style*="cc0000"]{background:#c85216 !important;color:#fff !important}

/* favourite / compare — top-right, always visible like macro */
.item[class*="product_"] .buttons_compare_wishlist{
  position:absolute !important;right:10px !important;top:10px !important;z-index:3 !important;
  display:flex !important;flex-direction:column !important;gap:6px !important;
  opacity:0 !important;transform:translateX(6px) !important;
  transition:opacity .18s,transform .18s !important;
}
.item[class*="product_"]:hover .buttons_compare_wishlist{opacity:1 !important;transform:none !important}
.item[class*="product_"] .buttons_compare_wishlist button{
  width:38px !important;height:38px !important;padding:0 !important;
  background:rgba(255,253,248,.94) !important;border:1px solid #cbc8be !important;
  border-radius:0 !important;color:#171914 !important;cursor:pointer !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
}
.item[class*="product_"] .buttons_compare_wishlist button:hover{background:#f0782b !important;border-color:#f0782b !important}

/* caption: brand / title / stock / price row */
.item[class*="product_"] .caption{
  display:flex !important;flex-direction:column !important;flex:1 1 auto !important;
  padding:14px 0 0 !important;gap:6px !important;background:transparent !important;
}
.item[class*="product_"] .caption .name{margin:0 !important;order:2 !important}
.item[class*="product_"] .caption .name a{
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:15px !important;line-height:1.32 !important;color:#171914 !important;
  text-decoration:none !important;letter-spacing:-.01em !important;
  display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;
  overflow:hidden !important;min-height:40px !important;
}
.item[class*="product_"] .caption .name a:hover{color:#c85216 !important}
.item[class*="product_"] .additional{
  order:3 !important;display:flex !important;align-items:center !important;gap:12px !important;margin:0 !important;
}
.item[class*="product_"] .rating{display:inline-flex !important;align-items:center !important;gap:2px !important}
.item[class*="product_"] .rating span{color:#f0782b !important;font-size:12px !important}
.item[class*="product_"] .rating p{margin:0 0 0 4px !important;color:#9a9b95 !important;font-size:11px !important}
.item[class*="product_"] .stock{
  display:inline-flex !important;align-items:center !important;gap:6px !important;
  font-size:10px !important;font-weight:800 !important;
  letter-spacing:.07em !important;text-transform:uppercase !important;
}
.item[class*="product_"] .stock::before{
  content:"" !important;width:7px !important;height:7px !important;
  border-radius:50% !important;background:currentColor !important;display:inline-block !important;
}
.item[class*="product_"] .stock.in{color:#2f6e43 !important}
.item[class*="product_"] .stock.out,.item[class*="product_"] .stock.no{color:#9a5b16 !important}

.item[class*="product_"] .price_button{
  order:4 !important;margin-top:10px !important;padding-top:0 !important;
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:10px !important;border-top:0 !important;
}
.item[class*="product_"] .price,
.item[class*="product_"] .price .el-price,
.item[class*="product_"] .price-stock.el-price{
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:19px !important;color:#171914 !important;line-height:1 !important;
  padding:0 !important;margin:0 !important;background:transparent !important;
}
.item[class*="product_"] .price-old,.item[class*="product_"] .price_old{
  font-size:13px !important;color:#9a9b95 !important;
  text-decoration:line-through !important;font-weight:500 !important;margin-left:6px !important;
}
.item[class*="product_"] .price_button button,
.item[class*="product_"] button[id^="add-cart"]{
  flex:0 0 auto !important;width:42px !important;height:42px !important;padding:0 !important;
  background-color:#171914 !important;background-image:none !important;
  border:0 !important;border-radius:0 !important;color:#fff !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  cursor:pointer !important;transition:background-color .15s !important;
}
.item[class*="product_"] .price_button button:hover,
.item[class*="product_"] button[id^="add-cart"]:hover{background-color:#f0782b !important;color:#171914 !important}
.item[class*="product_"] .price_button button img,
.item[class*="product_"] .price_button button svg{filter:brightness(0) invert(1) !important;width:18px !important;height:18px !important}
.item[class*="product_"] .price_button button:hover img{filter:brightness(0) !important}

/* ============ CATEGORY: filters sidebar (macro: sticky, 2px top rule) ============ */
#column-left,.aside_left{padding-right:26px !important}
#column-left .ocf-container,.ocfilter{
  position:sticky !important;top:18px !important;
  background:transparent !important;border:0 !important;
  border-top:2px solid #171914 !important;
  border-radius:0 !important;padding:0 !important;
}
.ocfilter h3,#column-left h3,.ocf-title{
  font-family:"Space Grotesk",sans-serif !important;font-weight:800 !important;
  font-size:12px !important;letter-spacing:.1em !important;text-transform:uppercase !important;
  color:#171914 !important;margin:0 !important;padding:16px 0 12px !important;border:0 !important;
}
.ocfilter-option{
  background:transparent !important;border:0 !important;
  border-top:1px solid #e3e0d7 !important;padding:14px 0 !important;margin:0 !important;
}
.ocfilter-option-name,.ocf-option-name{
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:12px !important;letter-spacing:.05em !important;text-transform:uppercase !important;
  color:#171914 !important;margin:0 0 10px !important;border:0 !important;padding:0 !important;
}
.ocfilter-option-values label,.ocf-value label{
  display:flex !important;align-items:center !important;gap:9px !important;
  padding:7px 0 !important;margin:0 !important;
  font-family:"Manrope",sans-serif !important;font-size:13px !important;
  font-weight:500 !important;color:#3a3d36 !important;cursor:pointer !important;
}
.ocfilter-option-values label:hover{color:#c85216 !important}
.ocfilter-option-values input[type="checkbox"]{
  width:16px !important;height:16px !important;min-height:0 !important;
  accent-color:#f0782b !important;border-radius:0 !important;margin:0 !important;padding:0 !important;
  flex:0 0 auto !important;
}
.ocfilter-option-values .count,.ocf-count{
  margin-left:auto !important;color:#9a9b95 !important;
  font-size:11px !important;font-weight:600 !important;
}
.ocfilter button[type="submit"],#ocfilter_button_reset,.ocf-reset{
  width:100% !important;min-height:48px !important;margin-top:16px !important;
  background-color:#171914 !important;background-image:none !important;color:#fff !important;
  border:0 !important;border-radius:0 !important;
  font-family:"Manrope",sans-serif !important;font-weight:800 !important;
  font-size:12px !important;letter-spacing:.06em !important;text-transform:uppercase !important;
}
.ocfilter button[type="submit"]:hover{background-color:#f0782b !important;color:#171914 !important}

/* ============ CATEGORY: pagination (macro) ============ */
.pagination{
  margin-top:56px !important;display:flex !important;justify-content:center !important;
  gap:5px !important;padding:0 !important;list-style:none !important;
}
.pagination>li{margin:0 !important;list-style:none !important}
.pagination>li>a,.pagination>li>span{
  min-width:44px !important;height:44px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:#fffdf8 !important;color:#171914 !important;
  border:1px solid #cbc8be !important;border-radius:0 !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;font-size:14px !important;
  text-decoration:none !important;transition:background .15s,color .15s !important;
}
.pagination>li.active>a,.pagination>li.active>span{
  background:#171914 !important;color:#fff !important;border-color:#171914 !important;
}
.pagination>li>a:hover{background:#f0782b !important;color:#171914 !important;border-color:#f0782b !important}

/* ============ PRODUCT PAGE ============ */
.product_header h1{
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:clamp(24px,2.9vw,36px) !important;letter-spacing:-.035em !important;
  line-height:1.12 !important;color:#171914 !important;margin:0 0 12px !important;
}
/* brandline */
.product_header .manufacturer,.product_header .brand{
  font-family:"Manrope",sans-serif !important;
  color:#c85216 !important;font-weight:800 !important;font-size:11px !important;
  letter-spacing:.14em !important;text-transform:uppercase !important;
}
.product_header .model,.product_header .sku{
  color:#74766e !important;font-size:12px !important;letter-spacing:.03em !important;
}

/* gallery */
.product_images,.product_image,.images{
  background:#e1ded5 !important;border:0 !important;padding:0 !important;border-radius:0 !important;
  position:relative !important;overflow:hidden !important;
}
.product_images>a,.product_image>a{display:block !important}
.product_images img,.product_image img{width:100% !important;height:auto !important;object-fit:cover !important}
.thumbnails,.additional_images,.product_images .thumbnails{
  margin-top:10px !important;display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;gap:10px !important;
  padding:0 !important;list-style:none !important;
}
.thumbnails li,.additional_images li{margin:0 !important;list-style:none !important}
.thumbnails a,.additional_images a{
  display:block !important;aspect-ratio:1/1 !important;overflow:hidden !important;
  border:1px solid #d7d4c9 !important;border-radius:0 !important;padding:0 !important;
  background:#f6f3ea !important;transition:border-color .15s !important;
}
.thumbnails a:hover,.thumbnails a.active,.additional_images a:hover{border-color:#171914 !important}
.thumbnails img,.additional_images img{width:100% !important;height:100% !important;object-fit:cover !important}

/* price block — macro: bordered block, big number */
.price_column,.product_price_block{
  padding:20px 0 !important;margin:0 0 4px !important;
  background:transparent !important;border:0 !important;
  border-top:1px solid #cbc8be !important;border-bottom:1px solid #cbc8be !important;
  border-radius:0 !important;
  display:flex !important;align-items:flex-end !important;justify-content:space-between !important;
  gap:20px !important;flex-wrap:wrap !important;
}
.price_column .price-stock,.price_column .el-price,.product_price_block .price{
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:34px !important;line-height:1 !important;color:#171914 !important;
  letter-spacing:-.02em !important;
}
.price_column .price-old{
  font-size:18px !important;color:#9a9b95 !important;
  text-decoration:line-through !important;font-weight:500 !important;
}

/* stock line */
.product_header .stock,.product_stock,.product_header .price-stock{
  display:inline-flex !important;align-items:center !important;gap:7px !important;
  font-size:11px !important;font-weight:800 !important;
  letter-spacing:.08em !important;text-transform:uppercase !important;
}
.product_header .stock.in,.product_stock.in{color:#2f6e43 !important}

/* options: size/colour as chips (macro) */
.product_options label,.options label,.product_options legend{
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:11px !important;letter-spacing:.1em !important;text-transform:uppercase !important;
  color:#171914 !important;margin:0 0 9px !important;display:block !important;
}
.product_options select,.options select{
  min-height:48px !important;border-radius:0 !important;
  border:1px solid #bbb8ae !important;background:#fffdf8 !important;
  font-family:"Manrope",sans-serif !important;font-size:14px !important;
}
.product_options .radio_option,.option_value{display:inline-flex !important;gap:7px !important;flex-wrap:wrap !important}
.product_options .radio_option label,.option_value label{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  min-width:48px !important;min-height:44px !important;padding:0 13px !important;margin:0 !important;
  border:1px solid #bbb8ae !important;background:#fffdf8 !important;border-radius:0 !important;
  font-family:"Manrope",sans-serif !important;
  font-size:13px !important;font-weight:700 !important;letter-spacing:0 !important;
  text-transform:none !important;cursor:pointer !important;transition:all .15s !important;
}
.product_options .radio_option label:hover,.option_value label:hover{border-color:#171914 !important}
.product_options .radio_option input:checked+label,.option_value input:checked+label{
  background:#171914 !important;color:#fff !important;border-color:#171914 !important;
}

/* purchase row: quantity + buy (macro grid 122px 1fr) */
.price_buttons,.product_buttons,.buy_row{
  margin-top:24px !important;display:grid !important;
  grid-template-columns:122px 1fr !important;gap:8px !important;align-items:stretch !important;
}
.price_buttons .quantity,.product_quantity,.quantity_block{
  display:grid !important;grid-template-columns:38px 46px 38px !important;
  border:1px solid #bbb8ae !important;border-radius:0 !important;height:56px !important;
}
.price_buttons .quantity button,.quantity_block button{
  background:transparent !important;border:0 !important;color:#171914 !important;
  cursor:pointer !important;font-size:18px !important;
}
.price_buttons .quantity button:hover{background:#f6f3ea !important}
.price_buttons input[name="quantity"],#input-quantity{
  border:0 !important;border-left:1px solid #e3e0d7 !important;border-right:1px solid #e3e0d7 !important;
  text-align:center !important;min-height:auto !important;height:100% !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  padding:0 !important;background:transparent !important;border-radius:0 !important;
}
#button-cart{
  min-height:56px !important;height:56px !important;padding:0 20px !important;
  background-color:#f0782b !important;background-image:none !important;color:#171914 !important;
  border:0 !important;border-radius:0 !important;
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:14px !important;
  font-family:"Manrope",sans-serif !important;font-weight:800 !important;
  font-size:12px !important;letter-spacing:.07em !important;text-transform:uppercase !important;
}
#button-cart:hover{background-color:#171914 !important;color:#fff !important}
.buyoneclick_button,#button-buyoneclick,.button_buyoneclick{
  min-height:56px !important;padding:0 24px !important;
  background-color:transparent !important;background-image:none !important;color:#171914 !important;
  border:1px solid #171914 !important;border-radius:0 !important;
  font-family:"Manrope",sans-serif !important;font-weight:800 !important;
  font-size:12px !important;letter-spacing:.06em !important;text-transform:uppercase !important;
}
.buyoneclick_button:hover,#button-buyoneclick:hover{background-color:#171914 !important;color:#fff !important}

/* purchase benefits row */
.product_advantages,.product_benefits,.advantages{
  margin-top:26px !important;display:grid !important;gap:0 !important;
  border-top:1px solid #cbc8be !important;
}
.product_advantages>*,.advantages>*{
  display:flex !important;align-items:center !important;gap:14px !important;
  padding:16px 0 !important;border-bottom:1px solid #e3e0d7 !important;
  font-size:13px !important;color:#3a3d36 !important;
}
.product_advantages strong,.advantages strong{
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:13px !important;color:#171914 !important;display:block !important;
}

/* tabs */
.nav-tabs,ul.tabs,.product_tabs .nav-tabs{
  border-bottom:2px solid #171914 !important;display:flex !important;flex-wrap:wrap !important;
  gap:2px !important;padding:0 !important;margin:44px 0 0 !important;list-style:none !important;
}
.nav-tabs>li,ul.tabs>li{margin:0 0 -2px !important;list-style:none !important}
.nav-tabs>li>a,ul.tabs>li>a,.tab_link{
  display:inline-flex !important;align-items:center !important;
  min-height:48px !important;padding:0 22px !important;
  background:#fffdf8 !important;color:#171914 !important;
  border:1px solid #cbc8be !important;border-bottom:0 !important;border-radius:0 !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:12px !important;letter-spacing:.05em !important;text-transform:uppercase !important;
  text-decoration:none !important;
}
.nav-tabs>li.active>a,ul.tabs>li.active>a,.tab_link.active{
  background:#171914 !important;color:#fff !important;border-color:#171914 !important;
}
.tab-content,.tab_content{
  padding:28px 0 !important;font-size:15px !important;line-height:1.78 !important;color:#3a3d36 !important;
}
.tab-content h2,.tab-content h3{
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  color:#171914 !important;letter-spacing:-.02em !important;
}

/* attributes / specs table (macro dl style) */
#tab-specification table,.attribute{
  width:100% !important;border-collapse:collapse !important;
  border:0 !important;border-top:2px solid #171914 !important;border-radius:0 !important;
}
#tab-specification td,.attribute td,#tab-specification th,.attribute th{
  padding:14px 0 !important;border:0 !important;border-bottom:1px solid #e3e0d7 !important;
  font-size:14px !important;text-align:left !important;vertical-align:top !important;
}
#tab-specification td:first-child,.attribute td:first-child{
  background:transparent !important;color:#74766e !important;font-weight:500 !important;width:42% !important;
}
#tab-specification td:last-child,.attribute td:last-child{
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;color:#171914 !important;
}
#tab-specification thead td,.attribute thead td,#tab-specification thead th{
  background:transparent !important;color:#171914 !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:800 !important;
  text-transform:uppercase !important;letter-spacing:.08em !important;font-size:11px !important;
  border-bottom:1px solid #171914 !important;
}

/* related products heading */
.related_products h2,.product_related h2,.also_bought h2{
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:clamp(24px,2.6vw,34px) !important;letter-spacing:-.04em !important;
  color:#171914 !important;margin:56px 0 22px !important;
}

/* ============ Responsive ============ */
@media(max-width:1100px){
  .products,.product_list,.products_grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:860px){
  .products,.product_list,.products_grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:26px 12px !important}
  #column-left,.aside_left{padding-right:0 !important}
  .ocfilter,#column-left .ocf-container{position:static !important}
}
@media(max-width:560px){
  .category_refine_items li a{width:126px !important}
  .products_sort{flex-wrap:wrap !important;gap:12px !important;min-height:auto !important;padding:12px 0 !important}
  .products_sort #input-sort,.products_sort select{min-width:0 !important;width:100% !important}
  .price_column .price-stock,.price_column .el-price{font-size:28px !important}
  .price_buttons,.product_buttons{grid-template-columns:1fr !important}
  .item[class*="product_"] .caption .name a{font-size:14px !important}
}

/* ============================================================
   Wave 2M — STATIC PAGES per MILSHOP macro v2
   (info-pages.css + inner-pages.css ported to OpenCart)
   ============================================================ */

/* Reset OpenCart wrapper paddings on info pages */
#information .container,#content .ms-info{max-width:none !important}
.ms-info{
  font-family:"Manrope",sans-serif;color:#171914;
  --w:min(1320px,calc(100% - 48px));
}
.ms-info .ms-c{width:var(--w);margin-inline:auto}
.ms-info *{box-sizing:border-box}

/* ---------- HERO ---------- */
.ms-info-hero{
  padding:52px 0 58px;display:grid;
  grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;
}
.ms-info-hero h1{
  max-width:930px;margin:0 !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:clamp(48px,6vw,92px) !important;line-height:.84 !important;
  letter-spacing:-.07em !important;text-transform:uppercase !important;color:#171914 !important;
}
.ms-info-hero h1 em{color:#f0782b;font-style:normal}
.ms-kicker{
  margin:0 0 14px;color:#c85216;
  font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
}
.ms-hero-aside{padding-bottom:6px}
.ms-hero-aside>p{margin:0 0 25px;color:#62655d;font-size:15px;line-height:1.75}
.ms-meta{display:flex;gap:8px;flex-wrap:wrap}
.ms-meta span{
  padding:7px 10px;border:1px solid #c5c2b8;
  font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
}

/* ---------- HIGHLIGHT (dark stat band) ---------- */
.ms-highlight{background:#343a2d;color:#fff;margin:0 0 0}
.ms-highlight .ms-hl-in{
  width:var(--w);margin-inline:auto;
  min-height:180px;display:grid;grid-template-columns:repeat(3,1fr);
}
.ms-highlight article{
  padding:32px;border-left:1px solid rgba(255,255,255,.2);
  display:flex;flex-direction:column;justify-content:flex-end;
}
.ms-highlight article:last-child{border-right:1px solid rgba(255,255,255,.2)}
.ms-highlight strong{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:32px;line-height:1;color:#fff}
.ms-highlight span{margin-top:10px;color:#b8bbb1;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}

/* ---------- SECTION ---------- */
.ms-sec{padding:88px 0}
.ms-sec.alt{background:#e8e5dc}
.ms-sec-head{
  margin-bottom:42px;display:grid;
  grid-template-columns:145px 1fr .65fr;gap:34px;align-items:end;
}
.ms-sec-head h2{
  margin:0 !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:clamp(34px,4.2vw,62px) !important;line-height:.94 !important;
  letter-spacing:-.052em !important;color:#171914 !important;
  padding:0 !important;border:0 !important;
}
.ms-sec-head>p{margin:0;color:#62655d;font-size:12px;line-height:1.7}
.ms-code{color:#74766e;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}

/* ---------- CARD GRID ---------- */
.ms-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bbb8ae;border-left:1px solid #bbb8ae}
.ms-card{min-height:290px;padding:28px;border-right:1px solid #bbb8ae;border-bottom:1px solid #bbb8ae;display:flex;flex-direction:column}
.ms-card>span{color:#c85216;font-size:9px;font-weight:800;letter-spacing:.1em}
.ms-card-ico{font-size:34px;line-height:1;margin:44px 0 24px;color:#4d5541}
.ms-card h3{
  margin:0 0 14px !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:21px !important;line-height:1.08 !important;color:#171914 !important;
  padding:0 !important;border:0 !important;
}
.ms-card p{margin:0;color:#62655d;font-size:12px;line-height:1.7}
.ms-card ul{margin:14px 0 0;padding-left:18px;color:#62655d;font-size:11px;line-height:1.7}
.ms-card ul li{margin:4px 0}

/* ---------- STEPS ---------- */
.ms-steps{counter-reset:steps;border-top:2px solid #171914}
.ms-steps article{
  counter-increment:steps;min-height:104px;padding:22px 18px;
  display:grid;grid-template-columns:70px 1fr 1fr;gap:24px;align-items:center;
  border-bottom:1px solid #bbb8ae;
}
.ms-steps article::before{content:"0" counter(steps);color:#c85216;font-size:10px;font-weight:800;letter-spacing:.1em}
.ms-steps h3{
  margin:0 !important;font-family:"Space Grotesk",sans-serif !important;
  font-weight:700 !important;font-size:20px !important;line-height:1.1 !important;
  color:#171914 !important;padding:0 !important;border:0 !important;
}
.ms-steps p{margin:0;color:#62655d;font-size:12px;line-height:1.65}

/* ---------- NOTE ---------- */
.ms-note{
  margin-top:30px;padding:24px 28px;
  display:grid;grid-template-columns:34px 1fr;gap:18px;
  background:#171914;color:#fff;
}
.ms-note-ico{color:#f0782b;font-size:26px;line-height:1}
.ms-note strong{display:block;margin-bottom:6px;color:#fff;font-family:"Space Grotesk",sans-serif}
.ms-note p{margin:0;color:#bec0b8;font-size:11px;line-height:1.7}

/* ---------- FAQ ---------- */
.ms-faq{padding:78px 0}
.ms-faq details{border-top:1px solid #bbb8ae}
.ms-faq details:last-child{border-bottom:1px solid #bbb8ae}
.ms-faq summary{
  min-height:70px;display:flex;align-items:center;justify-content:space-between;
  gap:20px;cursor:pointer;list-style:none;
  font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:16px;line-height:1.25;color:#171914;
}
.ms-faq summary::-webkit-details-marker{display:none}
.ms-faq summary span{
  flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;
  background:#171914;color:#fff;transition:transform .2s,background .2s;
}
.ms-faq details[open] summary span{transform:rotate(45deg);background:#f0782b;color:#171914}
.ms-faq details>div{max-width:850px;padding:0 50px 26px 0;color:#62655d;font-size:12.5px;line-height:1.78}

/* ---------- LEGAL PAGES ---------- */
.ms-legal{padding:26px 0 90px}
.ms-legal>p:first-child{font-size:16px;color:#171914;line-height:1.7}
.ms-legal h2{
  margin:34px 0 14px !important;padding:26px 0 0 !important;
  border-top:1px solid #bbb8ae !important;border-left:0 !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:24px !important;line-height:1.12 !important;letter-spacing:-.02em !important;
  color:#171914 !important;
}
.ms-legal h3{
  margin:24px 0 10px !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:16px !important;color:#171914 !important;
}
.ms-legal p,.ms-legal li{color:#5f625a;font-size:13px;line-height:1.82}
.ms-legal ul,.ms-legal ol{padding-left:20px;margin:12px 0}
.ms-legal li{margin:6px 0}
.ms-legal-warn{
  margin:0 0 28px;padding:18px 22px;
  border-left:4px solid #f0782b;background:#e8e5dc;
  font-size:12px;line-height:1.7;color:#3a3d36;
}

/* Apply legal styling to raw information pages that we did not rebuild */
#information #content>h1,.information-info h1{
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:clamp(34px,4.4vw,60px) !important;line-height:.92 !important;
  letter-spacing:-.05em !important;text-transform:uppercase !important;
  color:#171914 !important;margin:26px 0 22px !important;
}

/* ---------- CONTACT ---------- */
.ms-contact{padding:60px 0 90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}
.ms-contact-panel{border-top:2px solid #171914}
.ms-contact-line{
  min-height:100px;padding:22px 0;display:flex;gap:18px;align-items:center;
  border-bottom:1px solid #bbb8ae;
}
.ms-contact-line .ms-ico{font-size:26px;color:#c85216;line-height:1}
.ms-contact-line small{display:block;margin-bottom:5px;color:#74766e;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ms-contact-line strong{font-size:15px;color:#171914}
.ms-contact-line a{color:#171914;text-decoration:none}
.ms-contact-line a:hover{color:#c85216}
.ms-contact-map{
  min-height:250px;margin-top:22px;padding:28px;
  display:flex;flex-direction:column;justify-content:flex-end;
  background:linear-gradient(135deg,rgba(23,25,20,.86),rgba(52,58,45,.72)),url("/image/catalog/milshop/milshop-hero.jpg") center/cover;
  color:#fff;
}
.ms-contact-map strong{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:26px;line-height:1;color:#fff}
.ms-contact-map a{margin-top:16px;color:#f0782b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}

/* ---------- ABOUT extras ---------- */
.ms-about-visual{position:relative;height:520px;background:#171914;overflow:hidden;margin:0 0 0}
.ms-about-visual-img{
  position:absolute;inset:0;
  background-image:linear-gradient(180deg,transparent 45%,rgba(16,18,15,.92)),url("/image/catalog/milshop/milshop-hero.jpg");
  background-position:center;background-size:cover;
}
.ms-facts{
  position:absolute;left:0;right:0;bottom:0;
  display:grid;grid-template-columns:repeat(4,1fr);color:#fff;
}
.ms-facts article{
  min-height:132px;padding:24px;
  border-left:1px solid rgba(255,255,255,.22);
  display:flex;flex-direction:column;justify-content:flex-end;
}
.ms-facts article:last-child{border-right:1px solid rgba(255,255,255,.22)}
.ms-facts strong{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:32px;line-height:1;color:#fff}
.ms-facts span{margin-top:10px;color:#b9bbb4;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}

.ms-assort{border-top:2px solid #171914}
.ms-assort a{
  min-height:90px;padding:0 18px;display:grid;
  grid-template-columns:64px 1fr 1fr 26px;align-items:center;gap:20px;
  border-bottom:1px solid #c8c5bb;text-decoration:none;color:#171914;
  transition:background .18s,color .18s;
}
.ms-assort a:hover{background:#171914;color:#fff}
.ms-assort span{color:#c85216;font-size:9px;font-weight:800;letter-spacing:.1em}
.ms-assort a:hover span{color:#f0782b}
.ms-assort h3{
  margin:0 !important;font-family:"Space Grotesk",sans-serif !important;
  font-weight:700 !important;font-size:22px !important;line-height:1 !important;
  color:inherit !important;padding:0 !important;border:0 !important;
}
.ms-assort p{margin:0;color:#74766e;font-size:11px}
.ms-assort a:hover p{color:#b9bbb4}
.ms-assort .ms-arrow{font-size:18px;text-align:right}

.ms-cta{padding:80px 0;background:#171914;color:#fff}
.ms-cta p.ms-kicker{color:#f0782b}
.ms-cta h2{
  margin:0 0 32px !important;max-width:900px;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:clamp(38px,5vw,72px) !important;line-height:.9 !important;
  letter-spacing:-.06em !important;color:#fff !important;
  padding:0 !important;border:0 !important;
}
.ms-btn-signal{
  display:inline-flex;align-items:center;gap:14px;
  min-height:52px;padding:0 26px;background:#f0782b;color:#171914 !important;
  font-family:"Manrope",sans-serif;font-weight:800;font-size:12px;
  letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
  transition:background .15s;
}
.ms-btn-signal:hover{background:#fff}

/* ---------- Responsive ---------- */
@media(max-width:960px){
  .ms-info-hero{grid-template-columns:1fr .7fr;gap:34px}
  .ms-sec-head{grid-template-columns:90px 1fr .55fr}
  .ms-cards{grid-template-columns:1fr 1fr}
  .ms-contact{gap:34px}
}
@media(max-width:760px){
  .ms-info-hero{padding:32px 0 40px;grid-template-columns:1fr;gap:26px}
  .ms-info-hero h1{font-size:46px !important}
  .ms-highlight .ms-hl-in{grid-template-columns:1fr}
  .ms-highlight article{min-height:96px;padding:20px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
  .ms-sec{padding:60px 0}
  .ms-sec-head{grid-template-columns:1fr;gap:16px}
  .ms-code{display:none}
  .ms-sec-head h2{font-size:34px !important}
  .ms-cards{grid-template-columns:1fr}
  .ms-card{min-height:auto}
  .ms-card-ico{margin:28px 0 20px}
  .ms-steps article{grid-template-columns:40px 1fr;gap:12px}
  .ms-steps p{grid-column:2}
  .ms-faq{padding:54px 0}
  .ms-contact{padding:30px 0 64px;grid-template-columns:1fr}
  .ms-about-visual{height:440px}
  .ms-facts{grid-template-columns:1fr 1fr}
  .ms-facts article{min-height:96px;padding:16px}
  .ms-facts strong{font-size:24px}
  .ms-assort a{min-height:96px;padding:14px 8px;grid-template-columns:34px 1fr 22px;gap:10px}
  .ms-assort p{grid-column:2}
  .ms-cta{padding:60px 0}
}

/* ============================================================
   Wave 2N — cart rebuild, icon boxes, breadcrumbs, dup-H1
   ============================================================ */

/* ---- CART button ---- */
#cart{background-color:transparent !important;width:auto !important}
#cart>.ms-cart-btn{
  position:relative !important;
  min-height:48px !important;height:48px !important;
  padding:0 18px !important;
  display:inline-flex !important;align-items:center !important;gap:10px !important;
  background-color:#171914 !important;background-image:none !important;
  border:0 !important;border-radius:0 !important;color:#fff !important;
  font-family:"Manrope",sans-serif !important;font-weight:800 !important;
  font-size:13px !important;letter-spacing:.05em !important;text-transform:uppercase !important;
  cursor:pointer !important;white-space:nowrap !important;
  transition:background-color .15s !important;
}
#cart>.ms-cart-btn::before,#cart>.ms-cart-btn::after{content:none !important;display:none !important}
#cart>.ms-cart-btn:hover{background-color:#f0782b !important;color:#171914 !important}
#cart>.ms-cart-btn svg{width:20px !important;height:20px !important;color:currentColor !important;flex:0 0 auto !important;filter:none !important}
.ms-cart-label{display:inline-block !important;color:inherit !important;line-height:1 !important}
.ms-cart-count{
  min-width:20px !important;height:20px !important;padding:0 5px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:#f0782b !important;color:#171914 !important;
  font-size:11px !important;font-weight:800 !important;line-height:1 !important;border-radius:0 !important;
}
#cart>.ms-cart-btn:hover .ms-cart-count{background:#171914 !important;color:#fff !important}
.ms-cart-count.is-zero{display:none !important}

/* ---- compare / wishlist icon boxes ---- */
li.ms-iconbox{
  position:relative !important;
  width:48px !important;min-width:48px !important;max-width:48px !important;height:48px !important;
  margin:0 !important;padding:0 !important;list-style:none !important;overflow:visible !important;
  background-color:#fffdf8 !important;border:1px solid #cbc9bf !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
}
li.ms-iconbox:hover{background-color:#171914 !important;border-color:#171914 !important}
li.ms-iconbox>.ms-iconlink{
  width:46px !important;height:46px !important;padding:0 !important;margin:0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  color:#171914 !important;
}
li.ms-iconbox:hover>.ms-iconlink{color:#fff !important}
li.ms-iconbox>.ms-iconlink::before,li.ms-iconbox>.ms-iconlink::after{content:none !important;display:none !important}
li.ms-iconbox svg{width:20px !important;height:20px !important}
.ms-icon-count{
  position:absolute !important;top:-7px !important;right:-7px !important;z-index:3 !important;
  min-width:18px !important;height:18px !important;padding:0 4px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:#f0782b !important;color:#171914 !important;
  font-size:10px !important;font-weight:800 !important;line-height:1 !important;border-radius:0 !important;
}
.ms-icon-count.is-zero{display:none !important}

/* ---- BREADCRUMBS ---- */
.breadcrumb,ul.breadcrumb{
  display:flex !important;flex-wrap:wrap !important;align-items:center !important;
  gap:0 !important;margin:0 0 6px !important;padding:22px 0 !important;
  list-style:none !important;background:transparent !important;border-radius:0 !important;
}
.breadcrumb>li,ul.breadcrumb>li{
  display:inline-flex !important;align-items:center !important;
  margin:0 !important;padding:0 !important;list-style:none !important;
  font-family:"Manrope",sans-serif !important;
  font-size:10px !important;font-weight:800 !important;
  letter-spacing:.13em !important;text-transform:uppercase !important;
  color:#74766e !important;
}
.breadcrumb>li+li::before{
  content:"▸" !important;
  margin:0 10px !important;color:#b3b0a6 !important;
  font-size:9px !important;font-weight:400 !important;
}
.breadcrumb>li>a,ul.breadcrumb>li>a{
  color:#74766e !important;text-decoration:none !important;transition:color .15s !important;
}
.breadcrumb>li>a:hover{color:#c85216 !important}
.breadcrumb>li:last-child,.breadcrumb>li:last-child>span{color:#171914 !important}

/* ---- kill duplicate OpenCart H1 on rebuilt info pages ---- */
body:has(.ms-info) #content>h1:not(.ms-info h1),
body:has(.ms-info) #content>.page-title{display:none !important}

/* ---- info hero: kill stray legacy meta icons ---- */
.ms-info-hero .ms-meta span{white-space:nowrap !important}

/* ============================================================
   Wave 2O — hero <em> inherits theme's em{font-size:14px}
   + px letter-spacing from H1 => letters collapse on top of
   each other. Reset the whole font shorthand.
   ============================================================ */
.ms-info h1 em, .ms-info h2 em, .ms-info h3 em,
.ms-info-hero h1 em,
.ms-hero h1 em, .ms-hero h2 em,
.ms-c h1 em, .ms-c h2 em, .ms-c h3 em,
.ms-sec h1 em, .ms-sec h2 em, .ms-sec h3 em{
  font: inherit !important;
  font-style: normal !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  color: #f0782b !important;
  display: inline !important;
}
.ms-info-hero h1{line-height:.92 !important}

/* ============================================================
   Wave 2P — header polish
   theme has #cart b{display:inline-flex!important} (ID+type beats
   .a.b), so the zero-badge hide needs matching specificity.
   ============================================================ */
#cart b.ms-cart-count.is-zero{display:none !important}
li.ms-iconbox b.ms-icon-count.is-zero{display:none !important}

/* vertical centering of the top utility row */
nav#top>.container{align-items:center !important}
#cart{align-items:center !important}

/* phone box was 87px wide for a 95px string -> ran into the schedule */
header .contacts .dropdown-toggle.icon_contacts{
  width:auto !important;min-width:max-content !important;
  white-space:nowrap !important;margin-right:20px !important;
}
header .contacts .dropdown-toggle.icon_contacts>span{
  white-space:nowrap !important;
  font-family:"Manrope",sans-serif !important;font-weight:700 !important;
  color:#171914 !important;
}

/* Wave 2Q — cart button was being flex-shrunk to 56px, clipping "КОШИК" */
nav#top #cart{width:auto !important;min-width:max-content !important;flex:0 0 auto !important}
nav#top #cart>.ms-cart-btn{width:auto !important;min-width:max-content !important;flex:0 0 auto !important}

/* Wave 2R — theme's #cart button span{display:none} hid the label
   (button collapsed to icon+padding = 56px). Match its specificity. */
#cart>.ms-cart-btn span.ms-cart-label{
  display:inline-block !important;visibility:visible !important;
  width:auto !important;height:auto !important;
  color:inherit !important;line-height:1 !important;
  font-family:"Manrope",sans-serif !important;font-weight:800 !important;
  font-size:13px !important;letter-spacing:.05em !important;text-transform:uppercase !important;
}

/* Wave 2S — theme puts #cart>button>span in position:absolute, so the
   label sat outside the flow and the button never grew past 56px. */
#cart>.ms-cart-btn span.ms-cart-label{
  position:static !important;left:auto !important;top:auto !important;
  transform:none !important;overflow:visible !important;
  flex:0 0 auto !important;
}

/* ============================================================
   Wave 2T — contact page form
   ============================================================ */
.ms-form{
  display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;
  max-width:900px;margin:0;
}
.ms-form .ms-field-wide{grid-column:1 / -1}
.ms-form .ms-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.ms-form label{
  font-family:"Manrope",sans-serif;font-size:10px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;color:#74766e;
}
.ms-form input[type=text],
.ms-form input[type=email],
.ms-form textarea{
  width:100%;padding:14px 16px;
  background:#fffdf8;border:1px solid #cbc9bf;border-radius:0;
  font-family:"Manrope",sans-serif;font-size:15px;line-height:1.5;color:#171914;
  transition:border-color .15s,box-shadow .15s;
}
.ms-form textarea{resize:vertical;min-height:150px}
.ms-form input:focus,.ms-form textarea:focus{
  outline:none;border-color:#4d5541;box-shadow:0 0 0 3px rgba(77,85,65,.12);
}
.ms-form input::placeholder,.ms-form textarea::placeholder{color:#a9a79d}
.ms-form .has-error input,.ms-form .has-error textarea{border-color:#c85216}
.ms-form .ms-err{
  font-style:normal;font-family:"Manrope",sans-serif;font-size:12px;font-weight:700;color:#c85216;
}
.ms-form .ms-captcha img{max-width:100%;height:auto}

.ms-form-actions{
  display:flex !important;flex-direction:row !important;flex-wrap:wrap;
  align-items:center;gap:18px 24px;margin-top:4px;
}
.ms-form .ms-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:0 34px;
  background:#171914;color:#fff;border:0;border-radius:0;cursor:pointer;
  font-family:"Manrope",sans-serif;font-size:13px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;
  transition:background-color .15s,color .15s;
}
.ms-form .ms-btn:hover{background:#f0782b;color:#171914}
.ms-form-note{
  flex:1 1 260px;margin:0;
  font-family:"Manrope",sans-serif;font-size:12px;line-height:1.6;color:#74766e;
}

.ms-card ul a{color:#171914;text-decoration:none;border-bottom:1px solid #c8895a}
.ms-card ul a:hover{color:#c85216}

@media (max-width:760px){
  .ms-form{grid-template-columns:1fr;gap:18px}
  .ms-form .ms-btn{width:100%}
}

/* Wave 2U — theme paints submit buttons signal-orange; contact CTA is graphite */
.ms-form button.ms-btn,
#content .ms-form button.ms-btn{
  background-color:#171914 !important;background-image:none !important;
  color:#fff !important;border:0 !important;border-radius:0 !important;
}
.ms-form button.ms-btn:hover,
#content .ms-form button.ms-btn:hover{
  background-color:#f0782b !important;color:#171914 !important;
}

/* ============================================================
   Wave 2V — footer rebuilt to the MILSHOP macro
   ============================================================ */
footer.ms-footer{
  background:#171914 !important;color:#fff;
  margin:0 !important;padding:0 !important;border:0 !important;
  font-family:"Manrope",sans-serif;
}
.ms-foot-in{
  max-width:1470px;margin:0 auto;padding:84px 24px 74px;
  display:grid;grid-template-columns:2.1fr 1.15fr 1.15fr 1.5fr;gap:48px 56px;
  align-items:start;
}

/* --- brand column --- */
.ms-foot-logo{margin:0 0 22px}
.ms-foot-logo img{display:block;width:auto;height:34px;max-width:190px}
.ms-foot-desc{
  margin:0 0 26px;max-width:330px;
  font-size:14px;line-height:1.65;color:#c9c8c1;
}
.ms-foot-contacts{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:9px}
.ms-foot-contacts li{font-size:14px;line-height:1.5;color:#c9c8c1}
.ms-foot-contacts a{color:#c9c8c1;text-decoration:none;transition:color .15s}
.ms-foot-contacts a:hover{color:#f0782b}
.ms-foot-social{list-style:none;margin:0;padding:0;display:flex;gap:12px}
.ms-foot-social li{margin:0;padding:0;list-style:none}
.ms-foot-social a{
  width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.24);color:#fff;
  transition:background-color .15s,border-color .15s,color .15s;
}
.ms-foot-social a:hover{background:#f0782b;border-color:#f0782b;color:#171914}

/* --- link columns --- */
.ms-foot-col h3,.ms-foot-news h3{
  margin:0 0 24px;padding:0;
  font-family:"Manrope",sans-serif;font-size:11px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:#fff;
}
.ms-foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.ms-foot-col li{margin:0;padding:0;list-style:none}
.ms-foot-col a{
  font-size:14px;line-height:1.45;color:#c9c8c1;text-decoration:none;
  transition:color .15s;
}
.ms-foot-col a:hover{color:#f0782b}
/* theme markup inside {{ menu }} */
.ms-foot-cat ul ul,.ms-foot-cat .dropdown-menu{display:none !important}
.ms-foot-cat li.dropdown>a::after,.ms-foot-cat a::after{content:none !important}

/* --- newsletter --- */
.ms-news-lead{margin:0 0 20px;font-size:14px;line-height:1.6;color:#c9c8c1}
.ms-news-form{display:flex;align-items:stretch;margin:0 0 12px;max-width:420px}
.ms-news-form input{
  flex:1 1 auto;min-width:0;height:56px;padding:0 18px;
  background:transparent;border:1px solid rgba(255,255,255,.28);border-right:0;border-radius:0;
  font-family:"Manrope",sans-serif;font-size:15px;color:#fff;
  transition:border-color .15s;
}
.ms-news-form input::placeholder{color:#8d8f86}
.ms-news-form input:focus{outline:none;border-color:#f0782b}
.ms-news-form button{
  flex:0 0 auto;width:58px;height:56px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#f0782b;border:0;border-radius:0;color:#171914;cursor:pointer;
  transition:background-color .15s;
}
.ms-news-form button:hover{background:#fff}
.ms-news-form button:disabled{opacity:.6;cursor:default}
.ms-news-note{margin:0;font-size:11.5px;line-height:1.55;color:#8d8f86}
.ms-news-note a{color:#8d8f86;text-decoration:underline}
.ms-news-note a:hover{color:#f0782b}
.ms-news-msg{margin:0 0 10px;font-size:13px;font-weight:700}
.ms-news-msg.is-ok{color:#8fd07a}
.ms-news-msg.is-err{color:#f0782b}

/* --- bottom bar --- */
.ms-foot-bottom{border-top:1px solid rgba(255,255,255,.14)}
.ms-foot-bottom-in{
  max-width:1470px;margin:0 auto;padding:24px;
  display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;
}
.ms-foot-copy,.ms-foot-geo{
  font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#8d8f86;
}
.ms-foot-geo{margin-left:auto}
.ms-foot-legal{display:flex;flex-wrap:wrap;gap:8px 26px}
.ms-foot-legal a{
  font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
  color:#8d8f86;text-decoration:none;transition:color .15s;
}
.ms-foot-legal a:hover{color:#f0782b}
.ms-foot-pay{display:flex;align-items:center;gap:16px}
.ms-foot-pay img{height:20px;width:auto;opacity:.55;filter:grayscale(1) brightness(2.6)}

/* kill the legacy payments strip if it renders anywhere else */
body>.footer_payments_icons{display:none !important}

@media (max-width:1100px){
  .ms-foot-in{grid-template-columns:1fr 1fr;gap:44px 40px;padding:64px 20px 56px}
  .ms-foot-news{grid-column:1 / -1}
}
@media (max-width:640px){
  .ms-foot-in{grid-template-columns:1fr;gap:38px;padding:52px 18px 44px}
  .ms-foot-desc{max-width:none}
  .ms-foot-bottom-in{flex-direction:column;align-items:flex-start;gap:14px}
  .ms-foot-geo{margin-left:0}
}

/* Wave 2W — 40px margin-bottom on the last home section collapsed through
   .milshop-home and showed up as a canvas strip above the footer */
.milshop-home>:last-child,
#content>.ms-info>:last-child{margin-bottom:0 !important}

/* Wave 2X — theme forces its own input height (82px) in the footer */
footer.ms-footer .ms-news-form{align-items:stretch !important}
footer.ms-footer .ms-news-form input{
  height:56px !important;min-height:56px !important;max-height:56px !important;
  margin:0 !important;padding:0 18px !important;line-height:54px !important;
  background:transparent !important;border:1px solid rgba(255,255,255,.28) !important;border-right:0 !important;
  border-radius:0 !important;color:#fff !important;box-shadow:none !important;
}
footer.ms-footer .ms-news-form button{
  height:56px !important;min-height:56px !important;width:58px !important;
  margin:0 !important;padding:0 !important;border-radius:0 !important;
}

/* Wave 2Y — footer newsletter input was content-box (56+2px borders) */
footer.ms-footer .ms-news-form input,
footer.ms-footer .ms-news-form button{box-sizing:border-box !important}

/* ============================================================
   Wave 2Z — breadcrumb double separator, search button notch,
   hero H1 line overlap
   ============================================================ */

/* 1. theme draws its own separator via li::after -> we already draw ▸ */
.breadcrumb>li::after,ul.breadcrumb>li::after{content:none !important;display:none !important}
.breadcrumb>li:first-child::before{content:none !important}

/* 2. search: the theme pins the button absolute inside the field, which
      left a white sliver on its right. Make it a flush flex item.
      NB: the search block lives in nav#top, not <header>. */
#search,.header_search,nav#top .search,header .search{
  display:flex !important;align-items:stretch !important;min-width:0 !important;
}
#search>.search{display:flex !important;align-items:stretch !important;width:100% !important;min-width:0 !important}
#search input,nav#top .search input,header .search input,input[name="search"]{
  flex:1 1 auto !important;width:auto !important;min-width:0 !important;
  height:48px !important;min-height:48px !important;
  margin:0 !important;padding:0 16px !important;
  border:1px solid #cbc9bf !important;border-right:0 !important;border-radius:0 !important;
  background:#fffdf8 !important;box-sizing:border-box !important;
}
#search button,nav#top .search button,header .search button,.search_button{
  position:static !important;transform:none !important;
  top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;
  flex:0 0 auto !important;
  width:48px !important;min-width:48px !important;height:48px !important;min-height:48px !important;
  margin:0 !important;padding:0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background-color:#171914 !important;background-image:none !important;
  border:0 !important;border-radius:0 !important;color:#fff !important;cursor:pointer !important;
  box-sizing:border-box !important;
}
#search button:hover,nav#top .search button:hover,header .search button:hover{
  background-color:#f0782b !important;color:#171914 !important;
}
#search button svg,#search button i,#search button img{width:20px !important;height:20px !important}

/* 3. 0.92 clipped into the next line once the H1 runs to three lines */
.ms-info-hero h1{line-height:1 !important}

/* ============================================================
   Wave 3A — mobile pass
   ============================================================ */

/* 1. .milshop-home carried margin:-20px -15px from the old container,
      but it is a direct body child -> 30px of horizontal overflow */
.milshop-home{margin-left:0 !important;margin-right:0 !important}
html{overflow-x:hidden}

@media (max-width:767px){

  /* 2. burger was a 20x20 tap target */
  nav#top button.dropdown-toggle:not(.cart_button):not(.ms-cart-btn){
    width:44px !important;height:44px !important;min-width:44px !important;
    margin:0 !important;padding:0 !important;
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    background-color:#171914 !important;background-image:none !important;
    border:0 !important;border-radius:0 !important;color:#fff !important;
  }
  nav#top button.dropdown-toggle:not(.cart_button):not(.ms-cart-btn)::before{
    content:"" !important;display:block !important;
    width:18px !important;height:12px !important;
    border-top:2px solid #fff !important;border-bottom:2px solid #fff !important;
    box-shadow:inset 0 5px 0 -1px #fff !important;
    background:none !important;
  }

  /* 3. cart shrinks to the icon so the row fits */
  nav#top #cart>.ms-cart-btn{width:48px !important;min-width:48px !important;padding:0 !important}
  #cart>.ms-cart-btn span.ms-cart-label{display:none !important}
  #cart b.ms-cart-count{position:absolute !important;top:-6px !important;right:-6px !important}

  /* 4. call button (injected by JS next to the cart) */
  .ms-mobile-call{
    flex:0 0 auto;width:48px;height:48px;
    display:inline-flex;align-items:center;justify-content:center;
    background:#fffdf8;border:1px solid #cbc9bf;color:#171914;
    margin-right:8px;
  }
  .ms-mobile-call:active{background:#f0782b;border-color:#f0782b}

  nav#top>.container{gap:8px !important;padding-left:12px !important;padding-right:12px !important}
  #search input{height:48px !important}

  /* 5. theme mobile menu, reskinned */
  .dropdown-menu.active{
    width:100% !important;max-width:100% !important;left:0 !important;right:0 !important;
    background:#f6f3ea !important;
  }
  .m_menu_header{background:#171914 !important;padding:0 16px !important;min-height:60px !important}
  .m_menu_header .btn-close::before,.m_menu_header .btn-close::after{background:#fff !important}
  .m_menu_header_nav{
    background:#f6f3ea !important;border-bottom:1px solid #d8d5cb !important;
    padding:12px 16px !important;gap:10px !important;
  }
  .m_menu_header_nav li.account{background:transparent !important}
  .m_menu_header_nav li.account a{
    font-family:"Manrope",sans-serif !important;font-size:13px !important;font-weight:800 !important;
    letter-spacing:.04em !important;text-transform:uppercase !important;color:#171914 !important;
  }
  .m_menu_content{padding:8px 16px 20px !important}
  .m_menu_content_links>li{border-bottom:1px solid #e2dfd6 !important}
  .m_menu_content_links>li>a,.m_menu_content_links>li>span{
    font-family:"Manrope",sans-serif !important;font-size:15px !important;font-weight:700 !important;
    color:#171914 !important;padding:14px 0 !important;
  }
  .m_menu_content_links>li>a:active{color:#c85216 !important}
  .m_menu_footer{
    background:#171914 !important;color:#c9c8c1 !important;padding:18px 16px !important;
  }
  .m_menu_footer a,.m_menu_footer .phones a{
    color:#fff !important;font-family:"Manrope",sans-serif !important;
    font-size:16px !important;font-weight:800 !important;
  }
  .m_menu_footer .open,.m_menu_footer p{
    color:#8d8f86 !important;font-size:12px !important;line-height:1.5 !important;
  }

  /* 6. OCFilter mobile trigger in brand colours */
  .column-left .ocf-btn.ocf-btn-default,
  #content .ocf-btn.ocf-btn-default{
    background:#171914 !important;border:0 !important;border-radius:0 !important;color:#fff !important;
  }
  .ocf-btn.ocf-search-btn,.ocf-btn-primary{
    background:#f0782b !important;border:0 !important;border-radius:0 !important;color:#171914 !important;
    font-family:"Manrope",sans-serif !important;font-weight:800 !important;text-transform:uppercase !important;
  }
  .column-left,.aside_left{margin-bottom:18px !important}

  /* 7. hero / section rhythm */
  .ms-info-hero{padding:34px 0 40px !important}
  .ms-sec{padding:52px 0 !important}
  .ms-hl-in{grid-template-columns:1fr !important}
  .ms-highlight article{padding:20px 18px !important}

  /* 8. sorting row on category pages */
  .products_sort{gap:10px !important;flex-wrap:wrap !important}
  .products_sort .sort select,.products_sort .limit select{
    height:44px !important;border-radius:0 !important;border:1px solid #cbc9bf !important;
    font-family:"Manrope",sans-serif !important;font-size:14px !important;
  }
}

@media (max-width:400px){
  .ms-mobile-call{display:none}
  nav#top>.container{gap:6px !important}
}

/* ============================================================
   Wave 3B — mobile header re-order + typography
   JS moves the logo into the sticky row and drops the search
   into the row below, then sets body.ms-m-head
   ============================================================ */
@media (max-width:767px){

  body{padding-bottom:70px}            /* theme's fixed bottom bar */

  /* row 1 (sticky): burger · logo · call · cart */
  body.ms-m-head nav#top>.container{
    display:flex !important;align-items:center !important;
    gap:10px !important;padding:8px 12px !important;min-height:60px !important;
  }
  body.ms-m-head nav#top .logo{
    flex:1 1 auto !important;min-width:0 !important;
    display:flex !important;align-items:center !important;margin:0 !important;
  }
  body.ms-m-head nav#top .logo a{display:block !important;line-height:0 !important}
  body.ms-m-head nav#top .logo img{
    height:30px !important;max-height:30px !important;width:auto !important;max-width:150px !important;
  }
  body.ms-m-head nav#top{
    background:#f6f3ea !important;border-bottom:1px solid #d8d5cb !important;
  }

  /* row 2: full-width search */
  body.ms-m-head header>.container{
    display:flex !important;align-items:center !important;
    padding:10px 12px !important;min-height:0 !important;
  }
  body.ms-m-head header{background:#f6f3ea !important;border-bottom:1px solid #d8d5cb !important}
  body.ms-m-head header #search,
  body.ms-m-head header #search>.search{width:100% !important;flex:1 1 auto !important}
  body.ms-m-head header .logo{display:none !important}

  /* call button now allowed down to 340px */
  .ms-mobile-call{display:inline-flex !important}

  /* hero: 48px never fit 343px of usable width */
  .ms-hero{min-height:0 !important}
  .ms-hero h1{font-size:34px !important;line-height:1.02 !important;letter-spacing:-.02em !important}
  .ms-hero .ms-hero-copy,.ms-hero p{font-size:15px !important;line-height:1.6 !important}
  .ms-section h2,.ms-sec h2,.ms-manifesto h2{font-size:28px !important;line-height:1.05 !important}
  .ms-info-hero h1{font-size:38px !important;line-height:1.02 !important}

  /* theme bottom bar in brand colours */
  .bottom_bar{background:#171914 !important;border-top:1px solid rgba(255,255,255,.14) !important}
  .bottom_bar a,.bottom_bar span,.bottom_bar li{
    font-family:"Manrope",sans-serif !important;font-size:10px !important;font-weight:800 !important;
    letter-spacing:.04em !important;text-transform:uppercase !important;color:#c9c8c1 !important;
  }
  .bottom_bar a:active{color:#f0782b !important}
}

@media (min-width:401px) and (max-width:767px){
  .ms-hero h1{font-size:40px !important}
  .ms-info-hero h1{font-size:44px !important}
}

/* ============================================================
   Wave 3C — mobile header laid out inside the theme's own row
   (the theme's script re-parents #search, so no DOM moves for it —
   just wrap the flex row and reorder)
   ============================================================ */
@media (max-width:767px){

  body.ms-m-head nav#top>.container{
    display:flex !important;flex-wrap:wrap !important;align-items:center !important;
    gap:8px 10px !important;padding:8px 12px !important;
  }
  /* line 1 */
  body.ms-m-head nav#top>.container>*:has(>button.dropdown-toggle:not(.cart_button)){order:1 !important;flex:0 0 auto !important}
  body.ms-m-head nav#top .m_menu{order:1 !important;flex:0 0 auto !important}
  body.ms-m-head nav#top .logo{order:2 !important;flex:1 1 auto !important;min-width:0 !important;margin:0 !important}
  body.ms-m-head nav#top .ms-mobile-call{order:3 !important}
  body.ms-m-head nav#top>.container>*:has(#cart),
  body.ms-m-head nav#top #cart{order:4 !important;flex:0 0 auto !important}
  /* line 2 — full-width search */
  body.ms-m-head nav#top>.container>*:has(>.search),
  body.ms-m-head nav#top #search{
    order:5 !important;flex:1 0 100% !important;width:100% !important;max-width:100% !important;
  }
  body.ms-m-head nav#top .top_right{order:6 !important;flex:0 0 auto !important}

  body.ms-m-head nav#top .logo a{display:block !important;line-height:0 !important}
  body.ms-m-head nav#top .logo img{
    display:block !important;height:30px !important;max-height:30px !important;
    width:auto !important;max-width:150px !important;
  }
  body.ms-m-head nav#top{background:#f6f3ea !important;border-bottom:1px solid #d8d5cb !important}

  /* the old logo row is empty on mobile now */
  body.ms-m-head>header{display:none !important}
}

/* ============================================================
   Wave 3D — bottom bar icons + search row alignment (mobile)
   ============================================================ */
@media (max-width:767px){
  /* icons are CSS masks tinted by background-color — theme left them blue */
  .bottom_bar .link::before{
    background-color:#c9c8c1 !important;background-image:none !important;
  }
  .bottom_bar li:active .link::before,
  .bottom_bar .link:active::before{background-color:#f0782b !important}
  .bottom_bar .cart_count,.bottom_bar .compare_count,.bottom_bar .wishlist_count{
    background:#f0782b !important;color:#171914 !important;
    border-radius:0 !important;font-weight:800 !important;font-size:10px !important;
  }
  .bottom_bar p{color:#c9c8c1 !important}

  /* search sat 15px in from the burger and hung 3px past the viewport */
  body.ms-m-head nav#top #search{margin:0 !important;width:100% !important;max-width:100% !important}
  body.ms-m-head nav#top #search>.search{width:100% !important;margin:0 !important}

  /* call button matched to the cart box */
  .ms-mobile-call{width:48px !important;height:48px !important}
}

/* ============================================================
   Wave 3E — product card + sorting row on mobile
   ============================================================ */
@media (max-width:767px){
  /* the name box was 32px tall against a 18.9px line -> 2nd line sliced */
  .products_items .item .name,
  .products_items .item .caption .name,
  .products_items .item .caption>a{
    display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;
    overflow:hidden !important;
    height:auto !important;max-height:none !important;min-height:2.7em !important;
    line-height:1.35 !important;font-size:13.5px !important;
  }
  .products_items .item{padding-bottom:10px !important}
  .products_items .item .caption{gap:8px !important}
  .products_items .item .price{font-size:17px !important}

  /* list/grid switch is dead weight on a phone; frees a whole row */
  .products_sort .type{display:none !important}
  .products_sort{flex-wrap:nowrap !important;align-items:center !important;gap:8px !important}
  .products_sort .sort{flex:1 1 auto !important;min-width:0 !important}
  .products_sort .sort select{width:100% !important}
  .products_sort .limit{flex:0 0 74px !important}
  .products_sort .limit select{width:74px !important}

  /* zero counters in the bottom bar */
  .bottom_bar .is-zero{display:none !important}
}

/* ============================================================
   Wave 3F — buy button + footer columns on mobile
   ============================================================ */
@media (max-width:767px){
  /* icon was pinned left, label right */
  #button-cart,.btn-cart,[id*="button-cart"]{
    display:flex !important;align-items:center !important;justify-content:center !important;
    gap:12px !important;
  }

  /* theme paints an accordion chevron on footer h3 — nothing wired to it here */
  footer.ms-footer h3::after,footer.ms-footer h3::before{content:none !important;display:none !important}

  /* two columns of links instead of one very long list */
  footer.ms-footer .ms-foot-col ul{
    display:grid !important;grid-template-columns:1fr 1fr !important;
    gap:12px 18px !important;
  }
  footer.ms-footer .ms-foot-col a{font-size:13.5px !important;line-height:1.35 !important}
  .ms-foot-in{gap:30px !important}
}

/* ============================================================
   Wave 3G — the burger rule leaked into the mobile menu
   (the whole dropdown lives inside nav#top, so language and the
   "Каталог" row turned into black 44px squares with no label)
   ============================================================ */
@media (max-width:767px){

  /* hard reset for every toggle INSIDE the open menu */
  nav#top .dropdown-menu button.dropdown-toggle,
  nav#top .dropdown-menu .dropdown-toggle{
    width:auto !important;min-width:0 !important;max-width:none !important;
    height:auto !important;min-height:0 !important;
    background-color:transparent !important;background-image:none !important;
    color:inherit !important;
    display:inline-flex !important;align-items:center !important;
    padding:0 !important;
  }
  nav#top .dropdown-menu button.dropdown-toggle::before,
  nav#top .dropdown-menu .dropdown-toggle::before{
    content:none !important;display:none !important;border:0 !important;box-shadow:none !important;
  }

  /* language switch in the menu header */
  nav#top .dropdown-menu .m_menu_header form button.dropdown-toggle{
    color:#fff !important;font-family:"Manrope",sans-serif !important;
    font-size:12px !important;font-weight:800 !important;letter-spacing:.1em !important;
    padding:8px 10px !important;border:1px solid rgba(255,255,255,.3) !important;
  }

  /* menu rows: labels back, brand colours */
  nav#top .dropdown-menu .m_menu_content_links>li>a,
  nav#top .dropdown-menu .m_menu_content_links>li>span,
  nav#top .dropdown-menu .m_menu_content_links>li>.dropdown-toggle{
    width:100% !important;padding:14px 0 !important;
    justify-content:space-between !important;
    color:#171914 !important;background:transparent !important;
  }
  nav#top .dropdown-menu .m_menu_header_nav li.account a,
  nav#top .dropdown-menu .m_menu_header_nav li.account a *{color:#171914 !important}
  nav#top .dropdown-menu .m_menu_header_nav li.account a::before{background-color:#171914 !important}

  /* even spacing in the top row — theme left margin-left:15px on the cart */
  nav#top>.container>#cart,nav#top #cart{margin:0 !important}
  .ms-mobile-call{box-sizing:border-box !important;width:48px !important;height:48px !important}
}

/* ============================================================
   Wave 3H — category panel (.m_menu_nav) + menu header + chat
   ============================================================ */
@media (max-width:767px){

  /* panel itself was 405px wide inside a 375px screen */
  .m_menu_nav,.m_menu_nav.active,
  .dropdown-menu.active .m_menu_content,
  .dropdown-menu.active .m_menu_footer{
    width:100% !important;max-width:100% !important;left:0 !important;right:0 !important;
    box-sizing:border-box !important;
  }
  .m_menu_nav,.m_menu_nav.active{
    background:#f6f3ea !important;padding:0 0 24px !important;
  }

  /* rows */
  .m_menu_nav li{border-bottom:1px solid #e2dfd6 !important;padding:0 !important}
  .m_menu_nav li>a,.m_menu_nav li>span{
    display:flex !important;align-items:center !important;gap:12px !important;
    min-height:54px !important;padding:12px 16px !important;
    border:0 !important;
    font-family:"Manrope",sans-serif !important;font-size:15px !important;font-weight:700 !important;
    color:#171914 !important;line-height:1.3 !important;
  }
  .m_menu_nav li>a:active,.m_menu_nav li>span:active{background:#ece8dd !important;color:#c85216 !important}
  .m_menu_nav li img{width:20px !important;height:20px !important;opacity:.7 !important;flex:0 0 auto !important}
  .m_menu_nav li.dropdown>a::after,.m_menu_nav li.dropdown>span::after{
    content:"›" !important;margin-left:auto !important;
    font-size:20px !important;font-weight:400 !important;color:#8d8f86 !important;
  }
  .m_menu_nav .back,.m_menu_nav li.back>*{
    background:#171914 !important;color:#fff !important;
    font-size:11px !important;letter-spacing:.14em !important;text-transform:uppercase !important;
  }

  /* menu header: logo / language / close were cramped */
  .dropdown-menu.active .m_menu_header{
    display:flex !important;align-items:center !important;gap:14px !important;
    padding:0 14px !important;min-height:60px !important;background:#171914 !important;
  }
  .dropdown-menu.active .m_menu_header .logo{order:1 !important;flex:1 1 auto !important}
  .dropdown-menu.active .m_menu_header .logo img{height:26px !important;width:auto !important}
  .dropdown-menu.active .m_menu_header form{order:2 !important;flex:0 0 auto !important}
  .dropdown-menu.active .m_menu_header .btn-close{
    order:3 !important;flex:0 0 auto !important;width:32px !important;height:32px !important;
  }

  /* chat bubble sat on top of the fixed bottom bar */
  bwchat,[class*="bwc-position"],#bwchat,.bwc-widget{bottom:80px !important}
}

/* Wave 3I — the menu panel is content-box: 100% + 2×15px padding = 405px */
@media (max-width:767px){
  .dropdown-menu.active,
  .dropdown-menu.active *,
  .m_menu_nav,.m_menu_nav *{box-sizing:border-box !important}
  .dropdown-menu.active{padding:0 !important;width:100% !important;max-width:100vw !important;overflow-x:hidden !important}
  .dropdown-menu.active .m_menu_header{margin:0 !important;width:100% !important}
  .dropdown-menu.active .m_menu_content,
  .dropdown-menu.active .m_menu_header_nav{margin:0 !important;width:100% !important}
  .m_menu_nav,.m_menu_nav.active{left:0 !important;width:100% !important}
}

/* Wave 3J — theme already draws a chevron on category rows */
@media (max-width:767px){
  .m_menu_nav li.dropdown>a::after,.m_menu_nav li.dropdown>span::after{content:none !important}
  .m_menu_nav li.dropdown>a>*:last-child,
  .m_menu_nav li.dropdown>span>*:last-child{margin-left:auto !important}

  /* language switch: flag + stacked letters -> plain UA chip */
  .dropdown-menu.active .m_menu_header form button.dropdown-toggle{
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    min-width:44px !important;height:32px !important;padding:0 10px !important;
    line-height:1 !important;white-space:nowrap !important;
  }
  .dropdown-menu.active .m_menu_header form button.dropdown-toggle img,
  .dropdown-menu.active .m_menu_header form button.dropdown-toggle svg{display:none !important}
}

/* ============================================================
   Wave 3K — dropdown caret after the header phone rendered as a
   black 8x8 dash (masked theme asset); redraw it as a chevron
   ============================================================ */
header .contacts .icon_contacts::after{
  -webkit-mask-image:none !important;mask-image:none !important;
  background-color:transparent !important;background-image:none !important;
  width:7px !important;height:7px !important;
  margin-left:9px !important;margin-top:-3px !important;
  border:0 !important;border-right:1.6px solid #8d8f86 !important;border-bottom:1.6px solid #8d8f86 !important;
  transform:rotate(45deg) !important;
  transition:border-color .15s !important;
}
header .contacts:hover .icon_contacts::after{border-color:#c85216 !important}

/* ============================================================
   Wave 3L — category page to the macro's mobile spec
   (category-neck-protection.html: @media 780 / 520)
   ============================================================ */
@media (max-width:780px){

  /* --- hero typography per macro .category-hero --- */
  body:not(.ms-m-head) .container>h1,
  #information-contact .container>h1,
  .container>h1{
    font-size:clamp(48px,16vw,75px) !important;
    line-height:.88 !important;letter-spacing:-.065em !important;
    text-transform:uppercase !important;
    margin:0 0 8px !important;padding:0 !important;
    font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  }
  .container>h1+*{margin-top:22px !important}

  /* --- breadcrumbs: single line, clipped --- */
  .breadcrumb,ul.breadcrumb{
    padding:18px 0 !important;flex-wrap:nowrap !important;
    white-space:nowrap !important;overflow:hidden !important;
  }

  /* --- toolbar --- */
  .products_sort{border-top:0 !important;min-height:0 !important}
  .products_sort .sort label,.products_sort label{font-size:0 !important}
  .products_sort .sort select{max-width:170px !important}

  /* --- product grid: 2 cols, image 44vw --- */
  .products_items{grid-template-columns:1fr 1fr !important;gap:2px !important}
  .products_items .item .image{height:44vw !important;max-height:300px !important}
  .products_items .item .caption{padding:16px !important}
  .products_items .item .name{font-size:16px !important}
  .products_items .item .price{font-size:21px !important}

  /* --- OCFilter trigger: navy circle -> brand pill above the bottom bar --- */
  .ocf-btn-mobile-fixed{bottom:86px !important;z-index:8 !important}
  .ocf-btn.ocf-btn-default{
    width:auto !important;min-width:150px !important;height:52px !important;
    padding:0 22px !important;border-radius:0 !important;
    background:#171914 !important;color:#fff !important;border:0 !important;
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    gap:10px !important;box-shadow:0 8px 24px rgba(0,0,0,.28) !important;
  }
  .ocf-btn.ocf-btn-default .ocf-btn-name{
    display:inline-block !important;width:auto !important;height:auto !important;
    font-family:"Manrope",sans-serif !important;font-size:12px !important;font-weight:800 !important;
    letter-spacing:.12em !important;text-transform:uppercase !important;color:#fff !important;
  }
  .ocf-btn.ocf-btn-default::before{background-color:#f0782b !important}

  /* --- OCFilter drawer per macro .filters --- */
  .ocf-container{background:#fffdf8 !important}
  .ocf-container .ocf-option-name,.ocf-container legend,.ocf-container .ocf-title{
    font-family:"Manrope",sans-serif !important;font-size:13px !important;font-weight:800 !important;
    letter-spacing:.06em !important;text-transform:uppercase !important;color:#171914 !important;
  }
  .ocf-container input[type=checkbox]{accent-color:#f0782b !important;width:18px !important;height:18px !important}
  .ocf-container .ocf-btn-primary,.ocf-container .ocf-search-btn{
    background:#f0782b !important;color:#171914 !important;border:0 !important;border-radius:0 !important;
    font-family:"Manrope",sans-serif !important;font-weight:800 !important;text-transform:uppercase !important;
  }
  .ocf-container .ocf-btn-link{
    color:#74766e !important;font-family:"Manrope",sans-serif !important;
    font-size:11px !important;letter-spacing:.1em !important;text-transform:uppercase !important;
  }
}

@media (max-width:520px){
  /* macro drops the catalogue to a single column on phones */
  .products_items{grid-template-columns:1fr !important}
  .products_items .item .image{height:86vw !important;max-height:none !important}
  .products_items .item .name{min-height:0 !important}
  .container>h1{font-size:14vw !important}
  .products_sort .sort select{max-width:145px !important}
}

/* Wave 3M — macro caps the sort select at 145px, which clips Ukrainian labels */
@media (max-width:780px){
  .products_sort .sort{flex:1 1 auto !important;min-width:0 !important}
  .products_sort .sort select{
    max-width:none !important;width:100% !important;font-size:13px !important;
    padding:0 10px !important;
  }
  .products_sort .limit{flex:0 0 auto !important}
}

/* ============================================================
   Wave 3N — product page to the macro's mobile spec
   (product.css @780: .mobile-buy 72px, h1 13vw, thumbs scroll)
   ============================================================ */
@media (max-width:780px){

  /* sticky buy bar */
  .ms-buybar{
    position:fixed !important;left:0;right:0;bottom:0;z-index:60;
    height:72px;padding:9px 14px;
    display:grid;grid-template-columns:1fr 1fr;gap:12px;
    background:#fffdf8;border-top:1px solid #cbc9bf;
    box-sizing:border-box;
  }
  .ms-buybar div{display:flex;flex-direction:column;justify-content:center;min-width:0}
  .ms-buybar small{
    color:#8a5a16;font-family:"Manrope",sans-serif;
    font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  }
  .ms-buybar strong{
    font-family:"Space Grotesk",sans-serif;font-size:21px;color:#171914;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .ms-buybar button{
    border:0;border-radius:0;background:#f0782b;color:#171914;cursor:pointer;
    font-family:"Manrope",sans-serif;font-size:11px;font-weight:900;
    letter-spacing:.1em;text-transform:uppercase;
  }
  .ms-buybar button:active{background:#c85216;color:#fff}

  /* one fixed bar at a time */
  body.ms-pdp{padding-bottom:72px !important}
  body.ms-pdp .bottom_bar{display:none !important}
  body.ms-pdp .ocf-btn-mobile-fixed{bottom:86px !important}

  /* macro: .product-info h1{font-size:13vw} */
  body.ms-pdp #content h1{
    font-size:13vw !important;line-height:.92 !important;letter-spacing:-.05em !important;
    text-transform:uppercase !important;
    font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
    margin:0 0 14px !important;
  }

  /* gallery thumbs scroll horizontally under a 1:1 main photo */
  #content .product_images .additional-images,
  #content .additional-images,
  #content .thumbs{
    display:flex !important;flex-wrap:nowrap !important;
    overflow-x:auto !important;overflow-y:hidden !important;
    gap:8px !important;padding-bottom:6px !important;
    scrollbar-width:none;
  }
  #content .additional-images::-webkit-scrollbar,
  #content .thumbs::-webkit-scrollbar{display:none}
  #content .additional-images>*,#content .thumbs>*{flex:0 0 66px !important}

  /* section rhythm per macro */
  #content .description_block,#content .product_tabs_content{padding:0 !important}
}

@media (max-width:520px){
  .ms-buybar{grid-template-columns:1fr 1.2fr}
}

/* ============================================================
   Wave 3O — PDP gallery per macro: 1:1 main photo, thumbs row
   (theme lays .thumbnails out as a 3-column grid -> 112px photo)
   ============================================================ */
@media (max-width:780px){
  .thumbnails,.thumbnails.fixed{
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;grid-auto-rows:auto !important;
    gap:10px !important;
  }
  .thumbnails_main,.mySwiper2{width:100% !important;max-width:100% !important}
  .mySwiper2 .swiper-slide{width:100% !important;aspect-ratio:1/1 !important;height:auto !important}
  .mySwiper2 .swiper-slide a,.mySwiper2 img{
    width:100% !important;height:100% !important;object-fit:contain !important;
  }
  .thumbnails_additional{width:100% !important;max-width:100% !important}
  .thumbnails_additional .swiper-slide{width:66px !important;height:66px !important}
  .thumbnails_additional img{width:100% !important;height:100% !important;object-fit:contain !important}
}

/* Wave 3P — highlight the option the sticky buy bar is waiting on */
.ms-need-option{
  outline:2px solid #f0782b !important;outline-offset:4px !important;
  animation:msNeedOption .5s ease-in-out 2 !important;
}
@keyframes msNeedOption{0%,100%{outline-color:#f0782b}50%{outline-color:transparent}}

/* ============================================================
   Wave 3Q — category hero (macro .category-hero) + description
   card re-skin (it was still on the old green palette)
   ============================================================ */
.ms-cat-hero{
  display:grid;grid-template-columns:1.2fr .8fr;gap:100px;
  padding:58px 0 72px;border-top:1px solid #d8d4c8;
  font-family:"Manrope",sans-serif;
}
.ms-cat-hero .ms-eyebrow{
  margin:0 0 20px;color:#f0782b;
  font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
}
.ms-cat-hero h1{
  margin:0;
  font-family:"Space Grotesk",sans-serif;font-weight:700;
  font-size:clamp(50px,6.2vw,100px);line-height:.88;letter-spacing:-.065em;
  text-transform:uppercase;color:#171914;
}
.ms-cat-hero-copy{align-self:end;max-width:580px}
.ms-cat-hero-copy>p{margin:0;font-size:22px;line-height:1.5;color:#55584f}
.ms-trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.ms-trust-row span{
  padding:8px 10px;border:1px solid #d8d4c8;
  font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#171914;
}

/* description card: green gradient -> MILSHOP */
.description_block{
  background:#fffdf8 !important;border:1px solid #d8d4c8 !important;
  border-radius:0 !important;box-shadow:none !important;
  padding:26px 28px !important;margin:24px 0 32px !important;
}
.description_text{color:#3a3d35 !important;font-family:"Manrope",sans-serif !important}
.description_text>p:first-child{font-size:17px !important;font-weight:400 !important}
.description_text h2{
  color:#171914 !important;border-left:4px solid #f0782b !important;
  font-family:"Space Grotesk",sans-serif !important;font-size:22px !important;
}
.description_text h3{color:#171914 !important;font-family:"Space Grotesk",sans-serif !important}
.description_text ul li::marker{color:#f0782b !important}
.description_text strong{color:#171914 !important}
.description_text a{color:#c85216 !important}

@media (max-width:1100px){
  .ms-cat-hero{gap:50px}
}
@media (max-width:780px){
  .ms-cat-hero{
    grid-template-columns:1fr !important;gap:30px !important;
    padding:38px 0 52px !important;
  }
  .ms-cat-hero h1{font-size:clamp(48px,16vw,75px) !important}
  .ms-cat-hero-copy>p{font-size:18px !important}
  .description_block{padding:18px 18px !important}
}
@media (max-width:520px){
  .ms-cat-hero h1{font-size:14vw !important}
}

/* ============================================================
   Wave 3R — desktop PDP: gallery was a 3-column grid of 117px
   thumbs inside a 550px column, and Купити wrapped in a 122px box
   ============================================================ */
@media (min-width:781px){
  .thumbnails,.thumbnails.fixed{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;grid-auto-rows:auto !important;
    gap:12px !important;align-items:start !important;
  }
  .thumbnails_main{width:100% !important;max-width:100% !important}
  .mySwiper2{width:100% !important;max-width:100% !important}
  .mySwiper2 .swiper-slide{width:100% !important;aspect-ratio:1/1 !important;height:auto !important}
  .mySwiper2 .swiper-slide a,.mySwiper2 img{
    width:100% !important;height:100% !important;object-fit:contain !important;
  }
  .thumbnails_additional{width:100% !important;max-width:100% !important}
  .thumbnails_additional .swiper-wrapper{align-items:center !important}
  .thumbnails_additional .swiper-slide{width:84px !important;height:84px !important}
  .thumbnails_additional img{width:100% !important;height:100% !important;object-fit:contain !important}

  #button-cart{
    width:auto !important;min-width:0 !important;max-width:100% !important;
    white-space:nowrap !important;
    padding:0 30px !important;gap:12px !important;
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
  }
  .buttons,.price_buttons{flex-wrap:wrap !important;min-width:0 !important}
}

/* ============================================================
   Wave 3U — product-card names clipped on desktop + OCFilter
   sidebar re-skinned to the macro's .filters block
   ============================================================ */

/* names were a fixed 32px box against an 18.9px line -> 2nd row sliced */
.products_items .item .name,
.products_items .item .caption .name,
.products_items .item .caption>a{
  display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;
  overflow:hidden !important;
  height:auto !important;max-height:none !important;min-height:2.7em !important;
  line-height:1.35 !important;
}

/* ---------- filter sidebar ---------- */
.ocf-container{background:transparent !important;font-family:"Manrope",sans-serif !important}
.ocf-content{border-top:3px solid #171914 !important}

.ocf-header{
  min-height:64px !important;display:flex !important;align-items:center !important;
  justify-content:space-between !important;
  margin:0 !important;padding:0 !important;
  border-bottom:1px solid #d8d4c8 !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:18px !important;letter-spacing:-.01em !important;text-transform:uppercase !important;
  color:#171914 !important;
}

.ocf-filter{border-bottom:1px solid #d8d4c8 !important;padding:20px 0 !important;margin:0 !important}
.ocf-filter:last-child{border-bottom:0 !important}
.ocf-filter-header{margin:0 0 12px !important}
.ocf-filter-name{
  font-size:13px !important;font-weight:800 !important;
  letter-spacing:.08em !important;text-transform:uppercase !important;color:#171914 !important;
}

.ocf-value,.ocf-value.ocf-checkbox{
  display:grid !important;grid-template-columns:20px minmax(0,1fr) auto !important;
  align-items:center !important;gap:10px !important;
  width:100% !important;min-height:38px !important;padding:3px 0 !important;
  background:none !important;border:0 !important;border-radius:0 !important;
  text-align:left !important;cursor:pointer !important;
}
.ocf-value-input,.ocf-value-input-checkbox{
  width:18px !important;height:18px !important;flex:0 0 18px !important;
  border:1px solid #b3b0a6 !important;background:#fffdf8 !important;border-radius:0 !important;
  box-shadow:none !important;transition:background-color .12s,border-color .12s !important;
}
.ocf-value.ocf-selected .ocf-value-input,
.ocf-value.ocf-active .ocf-value-input,
.ocf-value.ocf-checked .ocf-value-input,
.ocf-value[aria-pressed="true"] .ocf-value-input{
  background:#f0782b !important;border-color:#f0782b !important;
}
.ocf-value-name{
  min-width:0 !important;
  font-size:14px !important;font-weight:500 !important;line-height:1.3 !important;
  color:#171914 !important;
}
.ocf-value:hover .ocf-value-name{color:#c85216 !important}
.ocf-value-count{font-size:12px !important;font-weight:600 !important;color:#8d8f86 !important}

/* price range inputs */
.ocf-input,.ocf-container input[type="text"],.ocf-container input[type="number"]{
  height:46px !important;border:1px solid #d8d4c8 !important;border-radius:0 !important;
  background:#fffdf8 !important;padding:0 10px !important;
  font-family:"Manrope",sans-serif !important;font-size:14px !important;color:#171914 !important;
}
.ocf-slider .ui-slider-range,.ocf-slider-range{background:#f0782b !important}
.ocf-slider .ui-slider-handle,.ocf-slider-handle{
  border:3px solid #f0782b !important;background:#fffdf8 !important;border-radius:50% !important;
}

/* footer buttons */
.ocf-footer{padding-top:18px !important;border-top:1px solid #d8d4c8 !important}
.ocf-footer .ocf-between{display:flex !important;gap:10px !important;align-items:center !important}
.ocf-footer .ocf-btn{
  height:46px !important;border-radius:0 !important;
  font-family:"Manrope",sans-serif !important;font-size:11px !important;font-weight:800 !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;
}
.ocf-footer .ocf-btn-link{background:transparent !important;border:1px solid #cbc9bf !important;color:#74766e !important}
.ocf-footer .ocf-btn-link:not(.ocf-disabled):hover{border-color:#171914 !important;color:#171914 !important}
.ocf-footer .ocf-btn:not(.ocf-btn-link){background:#171914 !important;color:#fff !important;border:0 !important}
.ocf-footer .ocf-btn:not(.ocf-btn-link):not(.ocf-disabled):hover{background:#f0782b !important;color:#171914 !important}
.ocf-footer .ocf-disabled{opacity:.45 !important}

/* "Фільтр" heading above the sidebar (theme's own) */
.aside_left .section_title,.column-left .section_title{
  font-family:"Space Grotesk",sans-serif !important;text-transform:uppercase !important;
  letter-spacing:-.01em !important;color:#171914 !important;
}

/* ============================================================
   Wave 3V — PDP info column to the macro
   (brand eyebrow, big H1, rating, lead, chips, buy row, services)
   ============================================================ */
.product_header_right{font-family:"Manrope",sans-serif}

/* 1. brand · article */
.ms-pdp-top{
  display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  margin:0 0 14px;
}
.ms-pdp-brand{
  color:#f0782b;font-size:12px;font-weight:900;
  letter-spacing:.18em;text-transform:uppercase;
}
.ms-pdp-art{
  color:#74766e;font-size:11px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;
}
.ms-pdp-v2 .model{display:none !important}
.ms-pdp-v2 .info .manufacturer{display:none !important}

/* 2. title */
.product_header_right h1{
  margin:0 0 14px !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:clamp(34px,3.6vw,62px) !important;line-height:.94 !important;
  letter-spacing:-.045em !important;text-transform:uppercase !important;
  color:#171914 !important;
}

/* 3. order: stock → rating → lead → chips → options → buy → services */
.product_header_right>div:not(.ms-pdp-top):not(.model){
  display:flex !important;flex-direction:column !important;
}
.product_header_right .info{order:1 !important;margin:0 0 10px !important}
.product_header_right .rating{order:2 !important;margin:0 0 18px !important}
.product_header_right .ms-pdp-lead{order:3 !important}
.product_header_right .ms-pdp-tags{order:4 !important}
.product_header_right .options{order:5 !important}
.product_header_right .price_buttons{order:6 !important}
.product_header_right .button-found-cheaper-modal{order:7 !important}
.product_header_right .info_spg{order:8 !important}
.product_header_right .edges{order:9 !important}

.ms-pdp-lead{
  margin:0 0 22px !important;max-width:560px;
  font-size:17px;line-height:1.6;color:#55584f;
}
.ms-pdp-tags{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 26px}
.ms-pdp-tags span{
  padding:8px 12px;border:1px solid #d8d4c8;
  font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#171914;
}

/* rating row compact, like the macro */
.product_header_right .rating{
  flex-direction:row !important;align-items:center !important;flex-wrap:wrap !important;gap:10px !important;
}
.product_header_right .rating p{margin:0 !important;font-size:13px !important;color:#74766e !important}
.product_header_right .rating u{
  margin-left:auto !important;font-size:12px !important;color:#74766e !important;
}
.product_header_right .rating u:hover{color:#c85216 !important}

/* 4. option block — grey card per macro */
.product_header_right .options{
  background:#e9e5da !important;padding:20px !important;margin:0 0 26px !important;
  border-radius:0 !important;
}
.product_header_right .options h3{
  margin:0 0 12px !important;
  font-family:"Manrope",sans-serif !important;font-size:11px !important;font-weight:900 !important;
  letter-spacing:.14em !important;text-transform:uppercase !important;color:#171914 !important;
}
.product_header_right .options label,.product_header_right .options .control-label{
  font-size:11px !important;font-weight:900 !important;letter-spacing:.12em !important;
  text-transform:uppercase !important;color:#171914 !important;
}
.product_header_right .options select{
  height:48px !important;min-width:220px !important;
  border:1px solid #d8d4c8 !important;border-radius:0 !important;background:#fffdf8 !important;
  padding:0 12px !important;font-family:"Manrope",sans-serif !important;font-size:15px !important;
}

/* 5. buy row */
.product_header_right .price_buttons{
  display:grid !important;
  grid-template-columns:minmax(150px,auto) auto minmax(0,1fr) !important;
  align-items:center !important;gap:16px !important;
  background:transparent !important;border:0 !important;
  padding:22px 0 !important;margin:0 0 6px !important;
  border-top:1px solid #d8d4c8 !important;border-bottom:1px solid #d8d4c8 !important;
}
.product_header_right .price{
  grid-column:1 !important;margin:0 !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:34px !important;line-height:1 !important;color:#171914 !important;
  white-space:nowrap !important;
}
.product_header_right .quantity{grid-column:2 !important;margin:0 !important}
.product_header_right .quantity,.product_header_right .quantity>*{border-radius:0 !important}
.product_header_right .buttons{grid-column:3 !important;margin:0 !important;justify-content:flex-start !important}
.product_header_right #button-cart{
  width:100% !important;max-width:320px !important;min-width:180px !important;height:56px !important;
  background:#f0782b !important;color:#171914 !important;border:0 !important;border-radius:0 !important;
  font-family:"Manrope",sans-serif !important;font-size:12px !important;font-weight:900 !important;
  letter-spacing:.12em !important;text-transform:uppercase !important;
}
.product_header_right #button-cart:hover{background:#171914 !important;color:#fff !important}
.product_header_right .button-found-cheaper-modal{
  align-self:flex-start !important;margin:14px 0 26px !important;
  font-size:12px !important;color:#74766e !important;text-decoration:underline !important;
}

/* stock pill */
.product_header_right .info ul li,.product_header_right .info .stock{
  font-size:11px !important;font-weight:900 !important;letter-spacing:.1em !important;
  text-transform:uppercase !important;
}

/* 6. services — two columns, no boxes */
.product_header_right .info_spg{
  display:grid !important;grid-template-columns:1fr 1fr !important;gap:18px 26px !important;
  margin:26px 0 0 !important;
}
.product_header_right .info_spg .item{
  background:transparent !important;border:0 !important;border-top:1px solid #d8d4c8 !important;
  padding:16px 0 0 !important;margin:0 !important;
}
.product_header_right .info_spg .item>*:first-child{
  font-family:"Manrope",sans-serif !important;font-size:13px !important;font-weight:800 !important;
  color:#171914 !important;margin-bottom:6px !important;
}
.product_header_right .info_spg .item p,.product_header_right .info_spg .item div{
  font-size:13px !important;line-height:1.5 !important;color:#74766e !important;
}
.product_header_right .edges{
  display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:0 !important;
  margin-top:26px !important;border:1px solid #d8d4c8 !important;
}
.product_header_right .edges .item{
  border:0 !important;border-right:1px solid #d8d4c8 !important;padding:18px 14px !important;
  font-size:12px !important;line-height:1.4 !important;color:#55584f !important;text-align:center !important;
}
.product_header_right .edges .item:last-child{border-right:0 !important}

@media (max-width:780px){
  .product_header_right .price_buttons{grid-template-columns:1fr !important;gap:14px !important}
  .product_header_right .price{font-size:28px !important}
  .product_header_right #button-cart{max-width:none !important}
  .product_header_right .info_spg{grid-template-columns:1fr !important}
  .product_header_right .edges{grid-template-columns:1fr !important}
  .product_header_right .edges .item{border-right:0 !important;border-bottom:1px solid #d8d4c8 !important}
  .ms-pdp-top{flex-wrap:wrap;gap:6px}
}

/* Wave 3W — class-less "Знайшли дешевше?" button kept order 0 */
.product_header_right .ms-pdp-cheaper{
  order:7 !important;align-self:flex-start !important;
  margin:14px 0 24px !important;padding:0 !important;
  background:none !important;border:0 !important;
  font-family:"Manrope",sans-serif !important;font-size:12px !important;
  color:#74766e !important;text-decoration:underline !important;cursor:pointer !important;
}
.product_header_right .ms-pdp-cheaper:hover{color:#c85216 !important}

/* ============================================================
   Wave 3X — vertical thumbs + counter + zoom (macro .gallery)
   ============================================================ */
@media (min-width:781px){
  .thumbnails.ms-gal-vertical{
    display:grid !important;
    grid-template-columns:84px minmax(0,1fr) !important;
    grid-template-rows:auto !important;
    gap:14px !important;align-items:start !important;
  }
  .thumbnails.ms-gal-vertical .thumbnails_main{order:2 !important;min-width:0 !important}
  .thumbnails.ms-gal-vertical .thumbnails_additional{
    order:1 !important;width:84px !important;max-width:84px !important;
    height:552px !important;max-height:552px !important;overflow:hidden !important;
  }
  .thumbnails.ms-gal-vertical .mySwiper{height:100% !important}
  .thumbnails.ms-gal-vertical .mySwiper .swiper-wrapper{flex-direction:column !important}
  .thumbnails.ms-gal-vertical .mySwiper .swiper-slide{
    width:84px !important;height:84px !important;
    margin:0 0 10px 0 !important;
    border:1px solid #e2dfd6 !important;background:#fffdf8 !important;
    box-sizing:border-box !important;cursor:pointer !important;
  }
  .thumbnails.ms-gal-vertical .mySwiper .swiper-slide-thumb-active{
    border-color:#171914 !important;
  }
  .thumbnails.ms-gal-vertical .mySwiper img{
    width:100% !important;height:100% !important;object-fit:contain !important;
  }
}

/* counter + zoom sit over the main photo */
.thumbnails_main{position:relative}
.ms-gal-count{
  position:absolute;top:14px;right:14px;z-index:3;
  display:flex;align-items:baseline;gap:3px;
  padding:7px 11px;background:#171914;
  font-family:"Manrope",sans-serif;font-size:12px;font-weight:800;letter-spacing:.04em;
}
.ms-gal-count b{color:#f0782b}
.ms-gal-count span{color:#fff;opacity:.75}
.ms-gal-zoom{
  position:absolute;right:14px;bottom:14px;z-index:3;
  width:44px;height:44px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fffdf8;border:1px solid #d8d4c8;border-radius:0;color:#171914;cursor:pointer;
  transition:background-color .15s,border-color .15s,color .15s;
}
.ms-gal-zoom:hover{background:#f0782b;border-color:#f0782b;color:#171914}

@media (max-width:780px){
  .ms-gal-count{top:10px;right:10px}
  .ms-gal-zoom{right:10px;bottom:10px;width:40px;height:40px}
}

/* Wave 3Y — theme's compare/wishlist stack sat on top of the new counter */
.thumbnails .buttons_compare_wishlist,
.product_header_left .buttons_compare_wishlist{
  top:78px !important;right:14px !important;z-index:2 !important;
}
.ms-gal-count{z-index:4 !important}

/* ============================================================
   Wave 4A — PDP structure to the macro
   halves were white cards (left capped at 550px), tabs were a
   white sticky bar on top, stars graphite, size box doubled
   ============================================================ */
@media (min-width:781px){

  /* 1. two equal halves on canvas, no cards */
  .product_header{
    display:grid !important;grid-template-columns:1fr 1fr !important;
    gap:56px !important;align-items:start !important;padding:8px 0 40px !important;
  }
  .product_header_left,.product_header_right{
    background:transparent !important;box-shadow:none !important;border:0 !important;
    max-width:none !important;width:auto !important;padding:0 !important;
  }

  /* 2. gallery: 100px thumb rail + white photo stage */
  .thumbnails.ms-gal-vertical{
    grid-template-columns:100px minmax(0,1fr) !important;gap:16px !important;
  }
  .thumbnails.ms-gal-vertical .thumbnails_additional{
    width:100px !important;max-width:100px !important;
    height:auto !important;max-height:640px !important;
  }
  .thumbnails.ms-gal-vertical .mySwiper .swiper-slide{
    width:100px !important;height:100px !important;margin:0 0 12px 0 !important;
  }
  .thumbnails_main{
    background:#fff !important;border:1px solid #e2dfd6 !important;
  }
  .thumbnails.ms-gal-vertical .mySwiper2 .swiper-slide{aspect-ratio:1/1 !important}

  /* 3. tabs: white sticky bar on top -> graphite anchor bar at the bottom */
  .product_nav,.product_nav.fixed{
    position:fixed !important;top:auto !important;bottom:0 !important;left:0 !important;right:0 !important;
    z-index:40 !important;margin:0 !important;
    background:#171914 !important;border:0 !important;box-shadow:none !important;
    display:flex !important;align-items:center !important;gap:0 !important;
    padding:0 max(24px,calc((100vw - 1480px)/2)) !important;min-height:56px !important;
    overflow-x:auto !important;
  }
  .product_nav li{
    flex:0 0 auto !important;margin:0 !important;padding:0 !important;list-style:none !important;
    border:0 !important;background:transparent !important;
  }
  .product_nav li>*{
    display:flex !important;align-items:center !important;gap:8px !important;
    padding:18px 22px !important;
    font-family:"Manrope",sans-serif !important;font-size:12px !important;font-weight:800 !important;
    letter-spacing:.12em !important;text-transform:uppercase !important;
    color:#c9c8c1 !important;background:transparent !important;border:0 !important;cursor:pointer !important;
  }
  .product_nav li:first-child{display:none !important}      /* "Все про товар" */
  .product_nav li>*:hover,.product_nav li.active>*{color:#fff !important}
  .product_nav li>* svg,.product_nav li>* i,.product_nav li>* img{display:none !important}
  .product_nav .count,.product_nav li span{
    color:#f0782b !important;background:transparent !important;font-weight:900 !important;
  }
  body:has(.product_nav){padding-bottom:56px}

  /* 4. rating like the macro: small orange stars + one link */
  .product_header_right .rating span{color:#f0782b !important;font-size:13px !important}
  .product_header_right .rating span:not(.active){color:#cbc9bf !important}
  .product_header_right .rating p{font-size:13px !important;color:#74766e !important}

  /* 5. size box: single grey card, no nested padding */
  .product_header_right .options h3{
    font-size:11px !important;font-weight:900 !important;letter-spacing:.14em !important;
    text-transform:uppercase !important;margin:0 0 14px !important;
  }
  .product_header_right .options .form-group{
    background:transparent !important;padding:0 !important;margin:0 !important;border:0 !important;
    display:flex !important;align-items:center !important;gap:18px !important;flex-wrap:wrap !important;
  }
  .product_header_right .options .form-group>label{display:none !important}

  /* 6. buy row: stock+price left, qty+buy+heart right */
  .product_header_right .price_buttons{
    display:grid !important;
    grid-template-columns:minmax(200px,auto) 1fr !important;
    align-items:center !important;gap:24px !important;
    padding:26px 0 !important;
  }
  .product_header_right .price{
    grid-column:1 !important;grid-row:1 !important;
    font-size:40px !important;letter-spacing:-.02em !important;
  }
  .product_header_right .quantity{grid-column:2 !important;justify-self:end !important}
  .product_header_right .buttons{grid-column:2 !important;justify-self:end !important}
  .product_header_right .ms-buyrow{
    grid-column:2 !important;display:flex !important;align-items:center !important;
    gap:12px !important;justify-content:flex-end !important;
  }
  .product_header_right .ms-buyrow .quantity{justify-self:auto !important}
  .product_header_right #button-cart{height:60px !important;min-width:220px !important}
  .product_header_right #button-cart svg,
  .product_header_right #button-cart i,
  .product_header_right #button-cart img{display:none !important}
  .product_header_right #button-cart::after{
    content:"→";margin-left:14px;font-size:17px;font-weight:400;line-height:1;
  }
  .ms-heart{
    flex:0 0 auto;width:60px;height:60px;
    display:inline-flex;align-items:center;justify-content:center;
    background:#fffdf8;border:1px solid #cbc9bf;color:#171914;cursor:pointer;
    transition:background-color .15s,border-color .15s,color .15s;
  }
  .ms-heart:hover{background:#171914;border-color:#171914;color:#f0782b}

  /* stock pill above the price, macro style */
  .product_header_right .info{order:1 !important}
}

/* Wave 4B — PDP polish: nav icons, price size, counter */
@media (min-width:781px){
  /* nav icons are masked ::before in the old navy — recolour, don't hide */
  .product_nav li>*::before{
    background-color:#8d8f86 !important;background-image:none !important;
    width:16px !important;height:16px !important;margin-right:2px !important;
  }
  .product_nav li>*:hover::before,.product_nav li.active>*::before{background-color:#f0782b !important}

  /* price: the theme still won on font-size */
  .product_header_right .price,
  .product_header_right .price_buttons .price,
  .product_header_right .price *{
    font-family:"Space Grotesk",sans-serif !important;font-size:40px !important;
    line-height:1 !important;font-weight:700 !important;color:#171914 !important;
  }
}

/* keep the overlays inside the white stage */
.thumbnails_main{overflow:hidden !important;position:relative !important}
.ms-gal-count{right:14px !important;top:14px !important;left:auto !important}
.ms-gal-zoom{right:14px !important;bottom:14px !important;left:auto !important;top:auto !important}

/* Wave 4D — gallery children carried the theme's 30px side margin and a
   width wider than the column; cap them in both modes */
@media (min-width:781px){
  .thumbnails{overflow:visible !important}
  .thumbnails_main,.thumbnails_additional{
    margin-left:0 !important;margin-right:0 !important;max-width:100% !important;
  }
  .thumbnails:not(.ms-gal-vertical) .thumbnails_main,
  .thumbnails:not(.ms-gal-vertical) .thumbnails_additional{width:100% !important}
}

/* ============================================================
   Wave 4E — double frame on the photo stage, breadcrumbs font,
   mobile heart button
   ============================================================ */

/* 1. the theme frames a.thumbnail too -> one frame, on the stage only */
.thumbnails_main{padding:0 !important}
.mySwiper2 .swiper-slide a.thumbnail,
.mySwiper2 .swiper-slide a{
  border:0 !important;background:transparent !important;
  display:block !important;width:100% !important;height:100% !important;
}
.mySwiper2 .swiper-slide{background:#fff !important}

/* 2. breadcrumbs fell back to Helvetica and full-contrast ink */
.breadcrumb,ul.breadcrumb,
.breadcrumb li,.breadcrumb a,.breadcrumb span{
  font-family:"Manrope",sans-serif !important;
  font-size:10px !important;font-weight:800 !important;
  letter-spacing:.13em !important;text-transform:uppercase !important;
}
.breadcrumb li,.breadcrumb a{color:#74766e !important}
.breadcrumb a:hover{color:#c85216 !important}
.breadcrumb li:last-child,.breadcrumb li:last-child span,.breadcrumb li:last-child a{
  color:#171914 !important;
}

/* 3. heart collapsed to 26x35 below the desktop breakpoint */
.ms-heart{
  flex:0 0 auto !important;
  width:56px !important;height:56px !important;min-width:56px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:#fffdf8 !important;border:1px solid #cbc9bf !important;color:#171914 !important;
  border-radius:0 !important;padding:0 !important;cursor:pointer !important;
}
.ms-heart svg{width:22px !important;height:22px !important}

@media (max-width:780px){
  .ms-buyrow{
    display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:nowrap !important;
  }
  .ms-buyrow .buttons{flex:1 1 auto !important;min-width:0 !important}
  .ms-buyrow #button-cart{width:100% !important;min-width:0 !important;height:56px !important}
  .ms-buyrow .quantity{flex:0 0 auto !important}
}

/* ============================================================
   Wave 4F — lower PDP sections to the macro
   (white theme cards -> full-width editorial blocks,
    specs on graphite)
   ============================================================ */

/* no more white cards around the tab panes */
#tab-description,#tab-specification,#tab-review,
.description_block.description_bottom,
#content .tab-pane{
  background:transparent !important;border:0 !important;box-shadow:none !important;
  border-radius:0 !important;
}

.ms-sec{
  display:grid !important;grid-template-columns:.8fr 1.2fr !important;
  gap:80px !important;padding:90px 0 !important;
  border-top:1px solid #d8d4c8 !important;
  font-family:"Manrope",sans-serif !important;
}
.ms-sec-head{align-self:start}
.ms-sec-eyebrow{
  margin:0 0 18px !important;color:#f0782b !important;
  font-size:12px !important;font-weight:900 !important;
  letter-spacing:.18em !important;text-transform:uppercase !important;
}
.ms-sec-title{
  margin:0 !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:clamp(40px,4.4vw,76px) !important;line-height:.9 !important;
  letter-spacing:-.055em !important;text-transform:uppercase !important;color:#171914 !important;
}

/* --- description body --- */
.ms-sec-desc .description_tags,.ms-sec-desc .description_text{min-width:0}
.ms-sec-desc p{font-size:18px !important;line-height:1.7 !important;color:#55584f !important}
.ms-sec-desc strong,.ms-sec-desc b{color:#171914 !important}
.ms-sec-desc ul{list-style:none !important;margin:26px 0 0 !important;padding:0 !important;border-top:1px solid #d8d4c8 !important}
.ms-sec-desc ul li{
  display:flex !important;align-items:flex-start !important;gap:14px !important;
  margin:0 !important;padding:16px 0 !important;
  border-bottom:1px solid #d8d4c8 !important;
  font-size:15px !important;font-weight:800 !important;color:#171914 !important;line-height:1.4 !important;
}
.ms-sec-desc ul li::marker{content:"" !important}
.ms-sec-desc ul li::before{
  content:"→" !important;flex:0 0 auto !important;
  color:#f0782b !important;font-weight:400 !important;font-size:16px !important;line-height:1.3 !important;
}
.ms-sec-desc ul li svg,.ms-sec-desc ul li i,.ms-sec-desc ul li img{display:none !important}

/* --- specs on graphite, full-bleed (ID beats the reset above) --- */
#tab-specification.ms-sec-spec,
.ms-sec-spec{
  position:relative !important;background:#171914 !important;color:#fff !important;
  padding:90px 0 !important;border-top:0 !important;
}
#tab-specification.ms-sec-spec::before,.ms-sec-spec::before{
  content:"" !important;position:absolute !important;top:0 !important;bottom:0 !important;
  left:50% !important;width:100vw !important;transform:translateX(-50%) !important;
  background:#171914 !important;z-index:0 !important;
}
.ms-sec-spec>*{position:relative !important;z-index:1 !important}
#tab-specification.ms-sec-spec .ms-sec-title,.ms-sec-spec .ms-sec-title{color:#fff !important}
.ms-sec-spec .attribute_groups{display:block !important}
.ms-sec-spec .attribute_groups .item{
  display:grid !important;grid-template-columns:minmax(140px,.5fr) 1fr !important;
  gap:20px !important;align-items:start !important;
  padding:18px 0 !important;margin:0 !important;
  background:transparent !important;border-bottom:1px solid #3a3d35 !important;
}
.ms-sec-spec .attribute_groups .item:first-child{border-top:1px solid #3a3d35 !important}
.ms-sec-spec .attribute_groups .name{color:#a9a79d !important;font-size:15px !important;font-weight:500 !important}
.ms-sec-spec .attribute_groups .text{color:#fff !important;font-size:15px !important;font-weight:800 !important}

/* --- reviews --- */
.ms-sec-rev .review{background:#fffdf8 !important;border:1px solid #d8d4c8 !important;padding:28px !important}

/* the sticky mini product card fights the new grid */
.product_bar,.up_from_bottom,.product_sticky,#product-sticky{display:none !important}

@media (max-width:980px){
  .ms-sec{grid-template-columns:1fr !important;gap:34px !important;padding:60px 0 !important}
  .ms-sec-spec{padding:60px 0 !important}
  .ms-sec-title{font-size:clamp(34px,9vw,54px) !important}
  .ms-sec-desc p{font-size:16px !important}
  .ms-sec-spec .attribute_groups .item{grid-template-columns:1fr !important;gap:4px !important}
}

/* ============================================================
   Wave 4H — section heads broke into syllables, eyebrow sat
   sideways, graphite band was clipped, sticky mini-card stayed
   ============================================================ */

/* 1. head is a plain stack, not a grid */
.ms-sec-head{display:block !important}
.ms-sec-eyebrow{display:block !important}

/* 2. the theme's word-break sliced "ХАРАКТЕРИСТИКИ" into "ХАР/АКТ/ЕРИ" */
.ms-sec-title{
  display:block !important;width:auto !important;
  word-break:normal !important;overflow-wrap:normal !important;
  hyphens:none !important;-webkit-hyphens:none !important;
  font-size:clamp(32px,3.1vw,56px) !important;
}

/* 3. graphite band: the pane itself clipped the 100vw pseudo */
#tab-specification.ms-sec-spec{overflow:visible !important}

/* 4. the sticky mini product card is .product_middle_right */
.product_middle_right{display:none !important}
.product_middle_left{width:100% !important;max-width:none !important;flex:1 1 100% !important}

/* 5. feature bullets: theme paints a masked tick over our arrow */
.ms-sec-desc ul li::before{
  -webkit-mask-image:none !important;mask-image:none !important;
  background:none !important;background-image:none !important;
  width:auto !important;height:auto !important;
}

/* ============================================================
   Wave 4I — arrows jumped above the text, edges block off-brand
   ============================================================ */

/* 1. theme pins li::before absolutely -> back into the flex row */
.ms-sec-desc ul li{padding-left:0 !important}
.ms-sec-desc ul li::before{
  position:static !important;top:auto !important;left:auto !important;
  display:inline-block !important;float:none !important;
  width:auto !important;height:auto !important;
  margin:0 !important;flex:0 0 auto !important;
  line-height:1.45 !important;
}

/* 2. "Бонуси / Повернення / Сертифіковані" strip in brand style */
.product_header_right .edges{
  border:1px solid #d8d4c8 !important;background:transparent !important;
  margin-top:28px !important;
}
.product_header_right .edges .item{
  display:flex !important;flex-direction:column !important;align-items:center !important;
  gap:10px !important;padding:20px 14px !important;text-align:center !important;
  background:transparent !important;
}
.product_header_right .edges .item img,
.product_header_right .edges .item svg{
  width:30px !important;height:30px !important;
  mix-blend-mode:multiply !important;   /* the SVGs ship a white plate */
  opacity:.85 !important;
}
.product_header_right .edges .item p,
.product_header_right .edges .item span,
.product_header_right .edges .item div{
  font-family:"Manrope",sans-serif !important;font-size:12px !important;
  line-height:1.45 !important;color:#55584f !important;margin:0 !important;
}

/* ============================================================
   Wave 4J — catalogue grid to the macro:
   solid paper tiles separated by hairlines, photo on its own
   tint, price row anchored to the tile bottom
   ============================================================ */
.products_items{
  gap:1px !important;
  background:#d8d4c8 !important;
  border:1px solid #d8d4c8 !important;
  margin-top:20px !important;
}
.products_items .item{
  background:#fffdf8 !important;
  display:flex !important;flex-direction:column !important;
  padding:0 0 20px !important;margin:0 !important;
  border:0 !important;box-shadow:none !important;
}
.products_items .item .image{
  background:#f0eee7 !important;margin:0 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
}
.products_items .item .image img{mix-blend-mode:multiply !important}
.products_items .item .caption{
  flex:1 1 auto !important;
  display:flex !important;flex-direction:column !important;
  gap:10px !important;padding:20px 20px 0 !important;margin:0 !important;
}
.products_items .item .name{margin:0 !important}
/* price + cart pinned to the bottom of every tile, same line everywhere */
.products_items .item .price_buttons,
.products_items .item .price_block,
.products_items .item .bottom{
  margin-top:auto !important;padding:16px 20px 0 !important;
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:12px !important;background:transparent !important;border:0 !important;
}
.products_items .item .price{
  margin:0 !important;padding:0 20px !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:20px !important;color:#171914 !important;white-space:nowrap !important;
}
.products_items .item .btn-cart,
.products_items .item button.btn-cart{
  width:46px !important;height:46px !important;min-width:46px !important;
  padding:0 !important;margin:0 20px 0 0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:#171914 !important;color:#fff !important;border:0 !important;border-radius:0 !important;
}
.products_items .item .btn-cart:hover{background:#f0782b !important;color:#171914 !important}

@media (max-width:520px){
  .products_items{border-left:0 !important;border-right:0 !important}
  .products_items .item .caption{padding:16px 16px 0 !important}
  .products_items .item .price{padding:0 16px !important;font-size:18px !important}
  .products_items .item .btn-cart{margin-right:16px !important}
}

/* ============================================================
   Wave 4K — mobile category: cropped photos + runaway H1
   ============================================================ */

/* photos were object-fit:cover, so square shots lost their edges */
.products_items .item .image img{
  object-fit:contain !important;
  width:100% !important;height:100% !important;
  max-width:100% !important;max-height:100% !important;
  padding:14px !important;box-sizing:border-box !important;
}

@media (max-width:780px){
  /* 14vw turned long category names into four full-width lines */
  .container>h1{
    font-size:clamp(28px,7.4vw,42px) !important;
    line-height:.95 !important;letter-spacing:-.04em !important;
  }
  .products_items .item .image{height:auto !important;aspect-ratio:1/1 !important;max-height:none !important}
}
@media (max-width:520px){
  .container>h1{font-size:clamp(26px,7.4vw,36px) !important}
}

/* ============================================================
   Wave 4L — two columns on phones (macro says one; the client
   wants two for a 4300-SKU catalogue)
   ============================================================ */
@media (max-width:520px){
  .products_items{grid-template-columns:1fr 1fr !important}
  .products_items .item .image{
    height:auto !important;aspect-ratio:1/1 !important;max-height:none !important;
  }
  .products_items .item .image img{padding:8px !important}
  .products_items .item .caption{padding:12px 12px 0 !important;gap:8px !important}
  .products_items .item .name{font-size:13px !important;line-height:1.3 !important;min-height:2.6em !important}
  .products_items .item{padding-bottom:14px !important}
  .products_items .item .price{padding:0 12px !important;font-size:16px !important}
  .products_items .item .price_button{padding:12px 0 0 !important;gap:8px !important}
  .products_items .item .btn.icon_cart{
    width:38px !important;height:38px !important;min-width:38px !important;margin-right:12px !important;
  }
  /* rating + stock get tight in a half-width tile */
  .products_items .item .rating{transform:scale(.9);transform-origin:left center}
  .products_items .item .stock,.products_items .item [class*="stock"]{font-size:10px !important}
}

/* ============================================================
   Wave 4M — desktop category H1 was still the theme's 36px
   sentence case; bring it to the MILSHOP display style
   (categories without a hero block)
   ============================================================ */
@media (min-width:781px){
  .container>h1{
    font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
    font-size:clamp(34px,3.2vw,52px) !important;line-height:.95 !important;
    letter-spacing:-.045em !important;text-transform:uppercase !important;
    color:#171914 !important;margin:0 0 6px !important;
  }
}

/* ============================================================
   Wave 4N — category SEO copy: full-width editorial block
   (was locked inside the 1147px right column)
   ============================================================ */
.description_block.ms-cat-seo{
  display:block !important;width:auto !important;max-width:none !important;
  margin:70px 0 0 !important;padding:70px 0 20px !important;
  background:transparent !important;border:0 !important;border-top:1px solid #d8d4c8 !important;
  border-radius:0 !important;box-shadow:none !important;
  font-family:"Manrope",sans-serif !important;
}
.ms-cat-seo .ms-sec-eyebrow{
  margin:0 0 26px !important;color:#f0782b !important;
  font-size:12px !important;font-weight:900 !important;
  letter-spacing:.18em !important;text-transform:uppercase !important;
}
.ms-cat-seo .description_text,
.ms-cat-seo .description_content{
  max-height:none !important;overflow:visible !important;
  display:block !important;column-count:initial !important;
}
.ms-cat-seo h2{
  max-width:980px !important;
  margin:52px 0 18px !important;padding:0 !important;border:0 !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:clamp(26px,2.6vw,40px) !important;line-height:1 !important;
  letter-spacing:-.04em !important;text-transform:uppercase !important;color:#171914 !important;
}
.ms-cat-seo h2:first-of-type{margin-top:0 !important}
.ms-cat-seo h3{
  max-width:900px !important;margin:30px 0 10px !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:19px !important;line-height:1.25 !important;color:#171914 !important;
}
.ms-cat-seo p,.ms-cat-seo li{
  max-width:900px !important;
  font-size:17px !important;line-height:1.75 !important;color:#55584f !important;
}
.ms-cat-seo p{margin:0 0 18px !important}
.ms-cat-seo ul{list-style:none !important;margin:22px 0 !important;padding:0 !important;max-width:900px !important;border-top:1px solid #d8d4c8 !important}
.ms-cat-seo ul li{
  display:flex !important;align-items:flex-start !important;gap:14px !important;
  margin:0 !important;padding:15px 0 !important;border-bottom:1px solid #d8d4c8 !important;
  font-size:16px !important;font-weight:700 !important;color:#171914 !important;
}
.ms-cat-seo ul li::before{
  content:"→" !important;position:static !important;
  -webkit-mask-image:none !important;mask-image:none !important;background:none !important;
  width:auto !important;height:auto !important;
  color:#f0782b !important;font-weight:400 !important;flex:0 0 auto !important;
}
.ms-cat-seo ul li::marker{content:"" !important}
.ms-cat-seo strong,.ms-cat-seo b{color:#171914 !important}
.ms-cat-seo a{color:#c85216 !important}
.ms-cat-seo .description_link{display:none !important}

/* FAQ accordions inside the SEO copy */
.ms-cat-seo .cat-faq-item{
  max-width:980px !important;border-bottom:1px solid #d8d4c8 !important;padding:0 !important;
}
.ms-cat-seo .cat-faq-item h3{margin:0 !important;padding:20px 0 !important;cursor:pointer !important}

@media (max-width:780px){
  .description_block.ms-cat-seo{margin-top:44px !important;padding:44px 0 10px !important}
  .ms-cat-seo h2{font-size:clamp(24px,6.4vw,32px) !important;margin:36px 0 14px !important}
  .ms-cat-seo p,.ms-cat-seo li{font-size:15.5px !important}
}

/* ============================================================
   Wave 4O — cart side panel
   remove button hugged the edge, qty input was 64x74, thumb 20px,
   both CTAs identical orange
   ============================================================ */
#cart .dropdown-menu{
  padding:24px 20px !important;
  border:0 !important;border-left:1px solid #d8d4c8 !important;border-radius:0 !important;
  box-shadow:-14px 0 40px rgba(23,25,20,.10) !important;
  font-family:"Manrope",sans-serif !important;
}
#cart .dropdown-menu h3{
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  margin:0 0 20px !important;padding:0 0 18px !important;
  border-bottom:1px solid #d8d4c8 !important;
  font-size:22px !important;letter-spacing:-.02em !important;
}
#cart .btn-close-cart{
  position:static !important;width:36px !important;height:36px !important;
  background:transparent !important;border:1px solid #cbc9bf !important;border-radius:0 !important;
  flex:0 0 auto !important;
}
#cart .btn-close-cart:hover{background:#171914 !important;border-color:#171914 !important}

/* ---- line item ---- */
#cart .cart_items .item{
  position:relative !important;
  display:grid !important;grid-template-columns:64px minmax(0,1fr) !important;
  gap:14px !important;align-items:start !important;
  padding:0 34px 18px 0 !important;margin:0 0 18px !important;
  border-bottom:1px solid #e2dfd6 !important;
}
#cart .cart_items .item .image{margin:0 !important;width:64px !important}
#cart .cart_items .item .image a{display:block !important;line-height:0 !important}
#cart .cart_items .item .image img{
  width:64px !important;height:64px !important;max-width:none !important;
  object-fit:contain !important;background:#f0eee7 !important;border:1px solid #e2dfd6 !important;
  mix-blend-mode:multiply !important;
}
#cart .cart_items .item .name a{
  font-size:14px !important;line-height:1.4 !important;font-weight:700 !important;color:#171914 !important;
  display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
#cart .cart_items .item .name a:hover{color:#c85216 !important}
#cart .cart_items .item .price{
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:12px !important;margin-top:10px !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:17px !important;color:#171914 !important;
}
#cart .cart_items .item .total{
  margin-top:6px !important;font-size:12px !important;color:#74766e !important;
}

/* ---- quantity stepper ---- */
#cart .total_change{
  display:inline-flex !important;align-items:stretch !important;
  border:1px solid #cbc9bf !important;background:#fffdf8 !important;
  flex:0 0 auto !important;
}
#cart .cart-quantity__btn{
  width:32px !important;height:32px !important;min-width:32px !important;padding:0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:transparent !important;color:#171914 !important;
  border:0 !important;border-radius:0 !important;
  font-family:"Manrope",sans-serif !important;font-size:16px !important;font-weight:700 !important;
  line-height:1 !important;cursor:pointer !important;
}
#cart .cart-quantity__btn:hover{background:#171914 !important;color:#fff !important}
#cart .cart-quantity__input{
  width:40px !important;height:32px !important;min-width:0 !important;
  padding:0 !important;margin:0 !important;
  border:0 !important;border-left:1px solid #cbc9bf !important;border-right:1px solid #cbc9bf !important;
  border-radius:0 !important;background:transparent !important;
  text-align:center !important;font-family:"Manrope",sans-serif !important;
  font-size:14px !important;font-weight:700 !important;color:#171914 !important;
  -moz-appearance:textfield !important;
}
#cart .cart-quantity__input::-webkit-outer-spin-button,
#cart .cart-quantity__input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0 !important}

/* ---- remove ---- */
#cart .btn-delete,#cart .btn-danger{
  position:absolute !important;top:0 !important;right:0 !important;
  width:28px !important;height:28px !important;padding:0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:transparent !important;border:1px solid #cbc9bf !important;border-radius:0 !important;
  color:#74766e !important;
}
#cart .btn-delete:hover,#cart .btn-danger:hover{
  background:#c85216 !important;border-color:#c85216 !important;color:#fff !important;
}

/* ---- totals ---- */
#cart .cart_total{display:block !important;padding-top:4px !important}
#cart .total_item{
  display:flex !important;align-items:baseline !important;justify-content:space-between !important;
  gap:16px !important;padding:9px 0 !important;height:auto !important;
  font-size:14px !important;color:#55584f !important;
}
#cart .total_item b{font-weight:600 !important;color:#74766e !important}
#cart .total_item:last-of-type{
  margin-top:6px !important;padding-top:14px !important;
  border-top:1px solid #d8d4c8 !important;
  font-family:"Space Grotesk",sans-serif !important;font-size:20px !important;
  font-weight:700 !important;color:#171914 !important;
}
#cart .total_item:last-of-type b{color:#171914 !important;font-weight:700 !important}

/* ---- actions ---- */
#cart .buttons_column{
  display:flex !important;flex-direction:column !important;gap:10px !important;
  margin-top:20px !important;
}
#cart .buttons_column a,#cart .buttons_column button{
  width:100% !important;height:52px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border-radius:0 !important;
  font-family:"Manrope",sans-serif !important;font-size:12px !important;font-weight:900 !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;
}
#cart .buttons_column>:first-child{
  background:transparent !important;border:1px solid #171914 !important;color:#171914 !important;
}
#cart .buttons_column>:first-child:hover{background:#171914 !important;color:#fff !important}
#cart .buttons_column>:last-child{
  background:#f0782b !important;border:0 !important;color:#171914 !important;
}
#cart .buttons_column>:last-child:hover{background:#171914 !important;color:#fff !important}

@media (max-width:520px){
  #cart .dropdown-menu{width:100% !important;max-width:100vw !important;padding:20px 16px !important}
}

/* Wave 4P — cart panel: content-box blew the buttons past the edge */
#cart .dropdown-menu,#cart .dropdown-menu *{box-sizing:border-box !important}
#cart .buttons_column{width:100% !important;max-width:100% !important}
#cart .buttons_column a,#cart .buttons_column button{
  max-width:100% !important;padding:0 12px !important;
}
#cart .cart-quantity__input{
  height:32px !important;min-height:32px !important;max-height:32px !important;
  line-height:30px !important;
}
#cart .cart-quantity__btn{max-height:32px !important}
#cart .total_change{height:32px !important;align-self:center !important}

/* the grand total is the last .total_item, not the last DIV */
#cart .total_item.ms-total-final{
  margin-top:6px !important;padding-top:14px !important;
  border-top:1px solid #d8d4c8 !important;
  font-family:"Space Grotesk",sans-serif !important;font-size:20px !important;
  font-weight:700 !important;color:#171914 !important;
}
#cart .total_item.ms-total-final b{color:#171914 !important;font-weight:700 !important}

/* ============================================================
   Wave 4Q — cart panel leftovers
   ============================================================ */
/* 1. the price is a bare text node inside a flex row -> it collapsed
      to one digit per line next to the stepper */
#cart .cart_items .item .price{
  white-space:nowrap !important;flex-wrap:nowrap !important;
  gap:10px !important;
}
#cart .cart_items .item .price>*{flex:0 0 auto !important}

/* 2. theme highlights <b> inside totals with an orange plate */
#cart .total_item b,#cart .total_item strong{
  background:transparent !important;background-color:transparent !important;
  padding:0 !important;color:#74766e !important;
}
#cart .total_item.ms-total-final b{color:#171914 !important}

/* 3. product name was uppercased and cramped */
#cart .cart_items .item{grid-template-columns:56px minmax(0,1fr) !important;gap:12px !important}
#cart .cart_items .item .image,#cart .cart_items .item .image img{width:56px !important}
#cart .cart_items .item .image img{height:56px !important}
#cart .cart_items .item .name a{
  text-transform:none !important;font-size:13.5px !important;letter-spacing:0 !important;
}
#cart .cart_items .item .total{white-space:nowrap !important}

/* ============================================================
   Wave 4R — checkout cart block (#simplecheckout_cart)
   same treatment as the header panel: it uses different classes,
   so none of Wave 4O–4Q reached it
   ============================================================ */
#simplecheckout_cart,#simplecheckout_cart *{box-sizing:border-box !important}
#simplecheckout_cart{font-family:"Manrope",sans-serif !important}

/* line item */
#simplecheckout_cart .cart_items .item{
  position:relative !important;
  display:grid !important;grid-template-columns:56px minmax(0,1fr) !important;
  gap:12px !important;align-items:start !important;
  padding:18px 34px 18px 0 !important;margin:0 !important;
  border-bottom:1px solid #e2dfd6 !important;
}
#simplecheckout_cart .cart_items .item .image{width:56px !important;margin:0 !important}
#simplecheckout_cart .cart_items .item .image img{
  width:56px !important;height:56px !important;max-width:none !important;
  object-fit:contain !important;background:#f0eee7 !important;border:1px solid #e2dfd6 !important;
  mix-blend-mode:multiply !important;
}
#simplecheckout_cart .cart_items .item .caption{min-width:0 !important}
#simplecheckout_cart .cart_items .item .name,
#simplecheckout_cart .cart_items .item .name a{
  font-size:13.5px !important;line-height:1.4 !important;font-weight:700 !important;
  color:#171914 !important;text-transform:none !important;
}
#simplecheckout_cart .cart_items .item .model,
#simplecheckout_cart .cart_items .item .option{
  font-size:12px !important;color:#74766e !important;margin-top:4px !important;
}

/* price + stepper on one line */
#simplecheckout_cart .price_quantity{
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:12px !important;flex-wrap:nowrap !important;margin-top:10px !important;height:auto !important;
}
#simplecheckout_cart .price_quantity .price{
  flex:0 0 auto !important;white-space:nowrap !important;
  font-family:"Space Grotesk",sans-serif !important;font-weight:700 !important;
  font-size:17px !important;color:#171914 !important;
}
#simplecheckout_cart .quantity{
  flex:0 0 auto !important;
  display:inline-flex !important;align-items:stretch !important;height:32px !important;
  border:1px solid #cbc9bf !important;background:#fffdf8 !important;
}
#simplecheckout_cart .quantity button,
#simplecheckout_cart .quantity .btn{
  width:32px !important;height:30px !important;min-width:32px !important;padding:0 !important;margin:0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:transparent !important;color:#171914 !important;border:0 !important;border-radius:0 !important;
  font-size:16px !important;font-weight:700 !important;line-height:1 !important;cursor:pointer !important;
}
#simplecheckout_cart .quantity button:hover{background:#171914 !important;color:#fff !important}
#simplecheckout_cart .quantity input{
  width:40px !important;height:30px !important;padding:0 !important;margin:0 !important;
  border:0 !important;border-left:1px solid #cbc9bf !important;border-right:1px solid #cbc9bf !important;
  border-radius:0 !important;background:transparent !important;text-align:center !important;
  font-family:"Manrope",sans-serif !important;font-size:14px !important;font-weight:700 !important;
  color:#171914 !important;
}

/* remove */
#simplecheckout_cart .btn-delete,#simplecheckout_cart .btn-danger{
  position:absolute !important;top:18px !important;right:0 !important;
  width:28px !important;height:28px !important;padding:0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:transparent !important;border:1px solid #cbc9bf !important;border-radius:0 !important;
  color:#74766e !important;
}
#simplecheckout_cart .btn-delete:hover,#simplecheckout_cart .btn-danger:hover{
  background:#c85216 !important;border-color:#c85216 !important;color:#fff !important;
}

/* totals */
#simplecheckout_cart .simplecheckout-cart-total{
  display:flex !important;align-items:baseline !important;justify-content:space-between !important;
  gap:16px !important;padding:9px 0 !important;height:auto !important;
  font-size:14px !important;color:#55584f !important;
}
#simplecheckout_cart .simplecheckout-cart-total b{
  background:transparent !important;padding:0 !important;
  font-weight:600 !important;color:#74766e !important;
}
#simplecheckout_cart .simplecheckout-cart-total.ms-total-final{
  margin-top:6px !important;padding-top:14px !important;
  border-top:1px solid #d8d4c8 !important;
  font-family:"Space Grotesk",sans-serif !important;font-size:20px !important;
  font-weight:700 !important;color:#171914 !important;
}
#simplecheckout_cart .simplecheckout-cart-total.ms-total-final b{color:#171914 !important;font-weight:700 !important}

/* coupon / voucher inputs */
#simplecheckout_cart input[type="text"],#simplecheckout_cart input[name*="coupon"],#simplecheckout_cart input[name*="voucher"]{
  height:48px !important;padding:0 14px !important;
  border:1px solid #cbc9bf !important;border-radius:0 !important;background:#fffdf8 !important;
  font-family:"Manrope",sans-serif !important;font-size:14px !important;
}

/* update button — secondary action */
#simplecheckout_cart .button,#simplecheckout_cart .btn-primary,
#simplecheckout_cart button[type="submit"]:not(.quantity button){
  height:48px !important;min-width:140px !important;padding:0 22px !important;
  background:transparent !important;border:1px solid #171914 !important;border-radius:0 !important;
  color:#171914 !important;
  font-family:"Manrope",sans-serif !important;font-size:11px !important;font-weight:900 !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;
}
#simplecheckout_cart .button:hover,#simplecheckout_cart .btn-primary:hover{
  background:#171914 !important;color:#fff !important;
}

@media (max-width:780px){
  #simplecheckout_cart .price_quantity{flex-wrap:wrap !important;gap:10px !important}
  #simplecheckout_cart .button,#simplecheckout_cart .btn-primary{width:100% !important}
}

/* Wave 4S — checkout qty input kept the theme's 48px box */
#simplecheckout_cart .quantity input,
#simplecheckout_cart .quantity input[type="text"]{
  height:30px !important;min-height:30px !important;max-height:30px !important;
  line-height:28px !important;padding:0 !important;box-sizing:border-box !important;
}
#simplecheckout_cart .quantity{overflow:hidden !important}

/* ============================================================
   Wave 4T — nested lists in product descriptions
   li{display:flex} turned every child (text + nested <ul>) into a
   flex column, so labels collapsed to one letter per line
   ============================================================ */
.ms-sec-desc ul li,
.ms-cat-seo ul li{
  display:block !important;position:relative !important;
  padding:14px 0 14px 28px !important;
  align-items:initial !important;gap:0 !important;
}
.ms-sec-desc ul li::before,
.ms-cat-seo ul li::before{
  position:absolute !important;left:0 !important;top:14px !important;
  display:inline !important;
  content:"→" !important;color:#f0782b !important;
  font-weight:400 !important;font-size:16px !important;line-height:1.45 !important;
  -webkit-mask-image:none !important;mask-image:none !important;background:none !important;
  width:auto !important;height:auto !important;margin:0 !important;
}

/* nested level: tighter, no double rules, lighter weight */
.ms-sec-desc li ul,
.ms-cat-seo li ul{
  margin:10px 0 0 !important;padding:0 !important;
  border-top:0 !important;
}
.ms-sec-desc li li,
.ms-cat-seo li li{
  padding:8px 0 8px 24px !important;
  border-bottom:0 !important;border-top:1px solid #e6e3da !important;
  font-weight:500 !important;font-size:15px !important;color:#55584f !important;
}
.ms-sec-desc li li:first-child,
.ms-cat-seo li li:first-child{border-top:0 !important}
.ms-sec-desc li li::before,
.ms-cat-seo li li::before{top:8px !important;font-size:14px !important;color:#c8895a !important}
.ms-sec-desc li li strong,.ms-sec-desc li li b{color:#171914 !important}

/* a bare <b> opening a bullet reads as its label */
.ms-sec-desc ul li>b:first-child,
.ms-sec-desc ul li>strong:first-child{
  display:inline !important;color:#171914 !important;
}

/* ============================================================
   Wave 4U — cart panel close icon was painted white on a light
   panel; thumbnails were upscaled from a 47px source
   ============================================================ */
#cart .btn-close-cart::before,#cart .btn-close-cart::after,
#cart .btn-close::before,#cart .btn-close::after{
  background-color:#171914 !important;
}
#cart .btn-close-cart:hover::before,#cart .btn-close-cart:hover::after{
  background-color:#fff !important;
}
#cart .btn-close-cart{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
}
/* sharper thumbs now that the source is 120px */
#cart .cart_items .item .image img,
#simplecheckout_cart .cart_items .item .image img{
  image-rendering:auto !important;
}

/* Wave 4V — the phone chevron is absolutely positioned by the theme,
   so it sat on top of the last digit instead of after it */
header .contacts .dropdown-toggle.icon_contacts{
  position:relative !important;padding-right:22px !important;
}
header .contacts .icon_contacts::after{
  position:absolute !important;right:4px !important;top:50% !important;left:auto !important;
  margin:-5px 0 0 0 !important;
}

/* ============================================================
   Wave 4W — list/grid switch: the active button drops its border,
   so it sat lower and looked a different size
   ============================================================ */
.products_sort .type{
  display:inline-flex !important;align-items:stretch !important;gap:6px !important;
}
.products_sort .type>button{
  width:40px !important;height:40px !important;min-width:40px !important;
  margin:0 !important;padding:0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  box-sizing:border-box !important;
  background:#fffdf8 !important;border:1px solid #cbc9bf !important;border-radius:0 !important;
  vertical-align:top !important;line-height:1 !important;
  transition:background-color .15s,border-color .15s !important;
}
.products_sort .type>button::before{
  background-color:#171914 !important;
  width:18px !important;height:18px !important;margin:0 !important;
}
.products_sort .type>button:hover{border-color:#171914 !important}
.products_sort .type>button.active,
.products_sort .type>button[class*="active"]{
  background:#171914 !important;border:1px solid #171914 !important;
}
.products_sort .type>button.active::before,
.products_sort .type>button[class*="active"]::before{background-color:#fff !important}

/* ============================================================
   Wave 4X — "Популярні добірки": internal links to OCFilter
   landing pages (they had none, so Google never found them)
   ============================================================ */
.ms-landings{
  margin:26px 0 6px !important;padding:22px 0 0 !important;
  border-top:1px solid #d8d4c8 !important;
  font-family:"Manrope",sans-serif !important;
}
.ms-landings-title{
  margin:0 0 14px !important;color:#74766e !important;
  font-size:11px !important;font-weight:900 !important;
  letter-spacing:.16em !important;text-transform:uppercase !important;
}
.ms-landings ul{
  display:flex !important;flex-wrap:wrap !important;gap:8px !important;
  list-style:none !important;margin:0 !important;padding:0 !important;
}
.ms-landings li{margin:0 !important;padding:0 !important;list-style:none !important}
.ms-landings li::before{content:none !important}
.ms-landings a{
  display:inline-block !important;padding:9px 14px !important;
  background:#fffdf8 !important;border:1px solid #d8d4c8 !important;
  font-size:13px !important;font-weight:600 !important;color:#171914 !important;
  text-decoration:none !important;transition:background-color .15s,border-color .15s,color .15s !important;
}
.ms-landings a:hover{background:#171914 !important;border-color:#171914 !important;color:#fff !important}
@media (max-width:780px){
  .ms-landings{margin-top:20px !important;padding-top:18px !important}
  .ms-landings a{font-size:12px !important;padding:8px 12px !important}
}

/* ── Огляди та поради на головній ───────────────────────────── */
.ms-articles .ms-sec-head{margin-bottom:28px}
.ms-articles-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:24px;
  margin-bottom:28px;
}
.ms-article-card{
  display:flex;flex-direction:column;
  background:#fffdf8;border:1px solid #d8d4c8;
  text-decoration:none;overflow:hidden;
  transition:border-color .2s ease,transform .2s ease;
}
.ms-article-card:hover{border-color:#b5844e;transform:translateY(-2px)}
.ms-article-card img{
  display:block !important;width:100% !important;height:200px !important;
  max-height:200px !important;object-fit:cover !important;background:#f6f3ea;
}
.ms-article-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px}
.ms-article-date{
  font-family:"Manrope",sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:#8a8b82;
}
.ms-article-card h3{
  margin:0;font-family:"Space Grotesk",sans-serif;
  font-size:19px;line-height:1.3;font-weight:700;color:#171914;
}
.ms-article-card:hover h3{color:#c85216}
@media (max-width:600px){
  .ms-articles-grid{grid-template-columns:1fr;gap:18px}
  .ms-article-card img{height:180px}
  .ms-article-card h3{font-size:17px}
}

/* ── Таблиці та типографіка в статтях блогу ─────────────────── */
#blog-article table{
  width:100%;border-collapse:collapse;margin:22px 0 26px;
  font-family:"Manrope",sans-serif;font-size:15px;
}
#blog-article table th{
  text-align:left;padding:10px 14px;
  background:#171914;color:#fffdf8;
  font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid #171914;
}
#blog-article table td{
  padding:10px 14px;border:1px solid #d8d4c8;color:#171914;vertical-align:middle;
}
#blog-article table tr:nth-child(even) td{background:#faf8f2}
#blog-article table tr:hover td{background:#f2ede1}
@media (max-width:640px){
  #blog-article table{font-size:13px;display:block;overflow-x:auto;white-space:nowrap}
  #blog-article table th,#blog-article table td{padding:8px 10px}
}

/* --- article body: lists, subheads, links (theme nav styles were leaking in) --- */
#blog-article .article_header_right ul, #blog-article .article_header_right ol{
  margin:0 0 22px !important;padding:0 0 0 22px !important;
  list-style:disc outside !important;font-family:"Manrope",sans-serif !important}
#blog-article .article_header_right ol{list-style:decimal outside !important}
#blog-article .article_header_right ul li, #blog-article .article_header_right ol li{
  display:list-item !important;float:none !important;
  margin:0 0 10px !important;padding:0 !important;
  font-size:16px !important;line-height:1.6 !important;font-weight:400 !important;
  color:#171914 !important;list-style:inherit !important;text-transform:none !important;letter-spacing:normal !important}
#blog-article .article_header_right ul li::marker, #blog-article .article_header_right ol li::marker{color:#b5844e}
#blog-article .article_header_right p a, #blog-article .article_header_right li a{
  color:#c85216 !important;font-weight:600 !important;font-size:inherit !important;
  text-decoration:none !important;border-bottom:1px solid rgba(200,82,22,.35);
  transition:border-color .15s ease,color .15s ease}
#blog-article .article_header_right p a:hover, #blog-article .article_header_right li a:hover{color:#f0782b !important;border-bottom-color:#f0782b}
/* Headings are governed by the article template — it sets its own colour per block,
   and several blocks are dark. The blanket h2/h3 override that used to live here
   painted those headings #171914 on a near-black background. */
@media (max-width:640px){
  #blog-article .article_header_right ul, #blog-article .article_header_right ol{padding-left:20px !important}
  #blog-article .article_header_right ul li, #blog-article .article_header_right ol li{font-size:15px !important}
}
/* --- article guide layout, ported from the approved MILSHOP article template --- */
/* Scoped to #blog-article so the shop chrome is untouched; the template's own
   header/footer/cart rules were dropped and its custom properties renamed --ta-*
   so they cannot collide with theme tokens of the same name. */
#blog-article{--ta-ink:#12130f;--ta-paper:#f3f0e7;--ta-warm:#e4ded0;--ta-olive:#555f47;--ta-orange:#df6428;--ta-line:rgba(18,19,15,.22)}
#blog-article *{box-sizing:border-box}
#blog-article a{color:inherit;text-decoration:none}
#blog-article button, #blog-article a{-webkit-tap-highlight-color:transparent}
#blog-article :focus-visible{outline:3px solid var(--ta-orange);outline-offset:3px}
#blog-article .ta-hero{display:grid;grid-template-columns:52% 48%;min-height:680px;border-bottom:1px solid var(--ta-line)}
#blog-article .ta-hero-copy{padding:clamp(52px,7vw,106px) 5vw 62px 3.5vw;display:flex;flex-direction:column}
#blog-article .ta-eyebrow{display:flex;justify-content:space-between;color:var(--ta-orange);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
#blog-article .ta-eyebrow span:last-child{color:#77766d}
#blog-article h1{max-width:850px;margin:58px 0 30px;font-size:clamp(48px,5.5vw,92px);line-height:.91;letter-spacing:-.065em;text-transform:uppercase}
#blog-article .ta-lead{max-width:680px;margin:0;color:#55564f;font-size:clamp(18px,1.45vw,24px);line-height:1.5}
#blog-article .ta-meta{margin-top:auto;padding-top:44px;display:flex;align-items:center;gap:12px}
#blog-article .ta-avatar{width:42px;height:42px;background:var(--ta-olive);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}
#blog-article .ta-meta strong, #blog-article .ta-meta span{display:block}
#blog-article .ta-meta strong{font-size:11px;text-transform:uppercase}
#blog-article .ta-meta span{margin-top:4px;color:#77766d;font-size:10px}
#blog-article .ta-hero-image{margin:0;position:relative;min-height:600px;overflow:hidden}
#blog-article .ta-hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
#blog-article .ta-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(10,14,8,.48))}
#blog-article .ta-temp{position:absolute;z-index:2;right:28px;top:28px;width:145px;padding:18px;background:var(--ta-orange);color:#fff}
#blog-article .ta-temp b{display:block;font-size:30px}
#blog-article .ta-temp span{display:block;margin-top:7px;font-size:8px;line-height:1.4;text-transform:uppercase}
#blog-article .ta-hero-image figcaption{position:absolute;z-index:2;left:25px;right:25px;bottom:22px;color:#ddd;font-size:9px;line-height:1.4}
#blog-article .ta-layout{padding:78px 3.5vw 0;display:grid;grid-template-columns:minmax(210px,18vw) minmax(0,1fr);gap:clamp(40px,7vw,122px)}
#blog-article .ta-toc{align-self:start;position:sticky;top:25px;display:flex;flex-direction:column}
#blog-article .ta-toc b{padding-bottom:14px;border-bottom:1px solid var(--ta-ink);font-size:9px;letter-spacing:.13em;text-transform:uppercase}
#blog-article .ta-toc a{padding:13px 0;border-bottom:1px solid var(--ta-line);color:#66665e;font-size:12px}
#blog-article .ta-toc a:hover{color:var(--ta-orange)}
#blog-article .ta-body{max-width:1040px}
#blog-article .ta-answer{padding:clamp(34px,4vw,62px);background:var(--ta-olive);color:#fff}
#blog-article .ta-kicker{margin:0 0 25px;color:#e2a277;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
#blog-article .ta-answer h2, #blog-article .ta-heading h2, #blog-article .ta-products-head h2{margin:0;font-size:clamp(35px,4vw,62px);line-height:.97;letter-spacing:-.05em;text-transform:uppercase}
#blog-article .ta-answer>p:not(.ta-kicker){max-width:800px;color:#e1e2da;font-size:17px;line-height:1.65}
#blog-article .ta-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
#blog-article .ta-tags span{padding:10px 12px;border:1px solid rgba(255,255,255,.25);font-size:9px;text-transform:uppercase}
#blog-article .ta-prose{padding:clamp(65px,8vw,120px) 0}
#blog-article .ta-prose>p{max-width:720px;color:#484942;font-size:18px;line-height:1.75}
#blog-article .ta-drop:first-letter{float:left;padding:12px 12px 0 0;color:var(--ta-orange);font-size:78px;font-weight:900;line-height:.8}
#blog-article .ta-heading{margin-bottom:45px}
#blog-article .ta-heading span, #blog-article .ta-products-head span{color:var(--ta-orange);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
#blog-article .ta-heading h2, #blog-article .ta-products-head h2{margin-top:18px}
#blog-article .ta-materials{display:grid;grid-template-columns:1fr 1fr}
#blog-article .ta-material{min-height:390px;margin:0 -1px -1px 0;padding:28px;border:1px solid var(--ta-line);display:flex;flex-direction:column}
#blog-article .ta-material.ta-recommended{background:#b8864e}
#blog-article .ta-material.ta-dark{background:var(--ta-ink);color:#fff}
#blog-article .ta-material small{font-size:8px;letter-spacing:.12em;text-transform:uppercase}
#blog-article .ta-material h3{margin:55px 0 16px;font-size:38px;letter-spacing:-.04em}
#blog-article .ta-material p{color:#56574f;font-size:13px;line-height:1.65}
#blog-article .ta-material.ta-dark p{color:#bbb}
#blog-article .ta-specs{margin-top:auto}
#blog-article .ta-specs div{padding:10px 0;border-top:1px solid currentColor;display:grid;grid-template-columns:1fr 1.4fr;font-size:9px}
#blog-article .ta-specs span{opacity:.6;text-transform:uppercase}
#blog-article .ta-quote{margin:14px 0;padding:clamp(45px,6vw,82px);background:var(--ta-orange);color:#fff}
#blog-article .ta-quote small{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
#blog-article .ta-quote blockquote{margin:25px 0 0;font-size:clamp(34px,4.4vw,68px);font-weight:800;line-height:.98;letter-spacing:-.05em}
#blog-article .ta-scenarios{border-top:1px solid var(--ta-ink)}
#blog-article .ta-scenario{padding:30px 0;border-bottom:1px solid var(--ta-line);display:grid;grid-template-columns:180px 1fr;gap:35px}
#blog-article .ta-scenario>strong{font-size:26px}
#blog-article .ta-scenario small{color:var(--ta-orange);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#blog-article .ta-scenario h3{margin:8px 0 10px;font-size:25px}
#blog-article .ta-scenario p{max-width:630px;margin:0;color:#595a52;font-size:14px;line-height:1.6}
#blog-article .ta-products{margin:0 0 100px;scroll-margin-top:20px}
#blog-article .ta-products-head{padding-bottom:32px;border-bottom:1px solid var(--ta-ink);display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:36px}
#blog-article .ta-products-head>p{max-width:390px;margin:0;color:#5a5a52;font-size:13px;line-height:1.6}
#blog-article .ta-product-grid{display:grid;grid-template-columns:repeat(3,1fr)}
#blog-article .ta-product{border-right:1px solid var(--ta-line);border-bottom:1px solid var(--ta-line)}
#blog-article .ta-product:first-child{border-left:1px solid var(--ta-line)}
#blog-article .ta-product-photo{height:390px;position:relative;display:block;overflow:hidden;background:#e7e3da}
#blog-article .ta-product-photo img{width:100%;height:100%;object-fit:contain;transition:transform .25s}
#blog-article .ta-product:hover .ta-product-photo img{transform:scale(1.035)}
#blog-article .ta-badge{position:absolute;left:15px;top:15px;padding:9px 11px;background:var(--ta-olive);color:#fff;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
#blog-article .ta-badge.ta-orange{background:var(--ta-orange)}
#blog-article .ta-badge.ta-paper{background:var(--ta-paper);color:var(--ta-ink);border:1px solid var(--ta-line)}
#blog-article .ta-product-info{min-height:255px;padding:21px;display:flex;flex-direction:column}
#blog-article .ta-brand{display:flex;justify-content:space-between;color:#74736a;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
#blog-article .ta-product h3{margin:34px 0 9px;font-size:clamp(22px,2vw,29px);line-height:1.04;letter-spacing:-.035em}
#blog-article .ta-product h3 a:hover{color:var(--ta-orange)}
#blog-article .ta-product-info>p{margin:0;color:#696960;font-size:11px;line-height:1.5}
#blog-article .ta-price{margin-top:auto;padding-top:23px;display:flex;align-items:center;justify-content:space-between}
#blog-article .ta-price strong{font-size:17px}
#blog-article .ta-price a{width:44px;height:44px;background:var(--ta-ink);color:#fff;display:grid;place-items:center;font-size:20px}
#blog-article .ta-price a:hover{background:var(--ta-orange)}
#blog-article .ta-products-foot{min-height:68px;padding:14px 0;border-bottom:1px solid var(--ta-ink);display:flex;align-items:center;justify-content:space-between;gap:20px}
#blog-article .ta-products-foot span{color:#77766d;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
#blog-article .ta-products-foot a{min-height:44px;display:flex;align-items:center;gap:28px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#blog-article .ta-note{margin-bottom:105px;padding:clamp(42px,6vw,75px);background:var(--ta-warm)}
#blog-article .ta-note h2{max-width:760px;margin:0 0 28px;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.05em;text-transform:uppercase}
#blog-article .ta-check{list-style:none;margin:0;padding:0}
#blog-article .ta-check li{padding:18px 0;border-top:1px solid var(--ta-line);display:grid;grid-template-columns:45px 1fr;gap:15px}
#blog-article .ta-check li>span{color:var(--ta-orange);font-size:10px;font-weight:800}
#blog-article .ta-check b{font-size:14px}
#blog-article .ta-check p{margin:5px 0 0;color:#595a52;font-size:12px;line-height:1.5}
#blog-article .ta-cta{min-height:500px;margin-bottom:100px;background:var(--ta-ink);color:#fff;display:grid;grid-template-columns:42% 58%}
#blog-article .ta-cta-photo{min-height:380px;position:relative;overflow:hidden}
#blog-article .ta-cta-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.25)}
#blog-article .ta-cta-copy{padding:clamp(38px,5vw,68px);display:flex;flex-direction:column;align-items:flex-start}
#blog-article .ta-cta-copy small{color:#dc9167;text-transform:uppercase;letter-spacing:.13em}
#blog-article .ta-cta-copy h2{margin:25px 0 16px;font-size:clamp(34px,4vw,60px);line-height:.96;letter-spacing:-.05em;text-transform:uppercase}
#blog-article .ta-cta-copy p{color:#b7b8b0;line-height:1.6}
#blog-article .ta-cta-copy a{min-height:52px;margin-top:auto;padding:0 18px;background:var(--ta-orange);display:flex;align-items:center;gap:48px;font-size:10px;font-weight:800;text-transform:uppercase}
#blog-article .ta-related{padding:85px 3.5vw 105px;background:#ded8cb}
#blog-article .ta-related h2{margin:0 0 42px;font-size:clamp(38px,4.5vw,68px);line-height:.95;letter-spacing:-.05em;text-transform:uppercase}
#blog-article .ta-related-grid{display:grid;grid-template-columns:repeat(3,1fr)}
#blog-article .ta-related-grid a{min-height:260px;margin-right:-1px;padding:28px;border:1px solid var(--ta-line);display:flex;flex-direction:column}
#blog-article .ta-related-grid a:hover{background:var(--ta-olive);color:#fff}
#blog-article .ta-related-grid small{color:var(--ta-orange);font-size:8px;text-transform:uppercase}
#blog-article .ta-related-grid h3{margin:58px 0 20px;font-size:28px;line-height:1.05;letter-spacing:-.035em}
#blog-article .ta-related-grid span{margin-top:auto;font-size:10px;text-transform:uppercase}
#blog-article .ta-light span{-webkit-text-stroke-color:#fff}
#blog-article .ta-copyright{grid-column:1/-1;padding-top:22px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;color:#777a70;font-size:9px;text-transform:uppercase}
@media(max-width:980px){
#blog-article .ta-hero{grid-template-columns:1fr}
#blog-article .ta-hero-copy{min-height:600px}
#blog-article .ta-hero-image{min-height:650px}
#blog-article .ta-layout{grid-template-columns:1fr;padding-top:40px}
#blog-article .ta-toc{position:static;display:flex;flex-direction:row;overflow:auto}
#blog-article .ta-toc b{display:none}
#blog-article .ta-toc a{min-width:max-content;margin-right:22px;padding-right:20px}
#blog-article .ta-body{max-width:none}
}
@media(max-width:700px){
#blog-article .ta-hero-copy{min-height:565px;padding:42px 4.5vw}
#blog-article .ta-hero h1{font-size:clamp(43px,13vw,65px);margin:42px 0 25px}
#blog-article .ta-lead{font-size:17px}
#blog-article .ta-hero-image{min-height:520px}
#blog-article .ta-layout{padding:32px 4.5vw 0;gap:25px}
#blog-article .ta-answer{margin:0 -4.5vw;padding-left:4.5vw;padding-right:4.5vw}
#blog-article .ta-materials{grid-template-columns:1fr}
#blog-article .ta-scenario{grid-template-columns:1fr;gap:10px}
#blog-article .ta-products-head{grid-template-columns:1fr;gap:18px}
#blog-article .ta-product-grid{margin-right:-4.5vw;display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
#blog-article .ta-product{min-width:84vw;scroll-snap-align:start}
#blog-article .ta-product:first-child{border-left:0}
#blog-article .ta-product-photo{height:370px}
#blog-article .ta-products-foot{align-items:flex-start;flex-direction:column}
#blog-article .ta-note{margin-left:-4.5vw;margin-right:-4.5vw;padding-left:4.5vw;padding-right:4.5vw}
#blog-article .ta-cta{margin-left:-4.5vw;margin-right:-4.5vw;grid-template-columns:1fr}
#blog-article .ta-cta-copy{min-height:440px}
#blog-article .ta-related{padding:70px 4.5vw}
#blog-article .ta-related-grid{grid-template-columns:1fr}
#blog-article .ta-related-grid a{margin-bottom:-1px}
#blog-article .ta-copyright{display:grid;gap:8px}
}
@media(prefers-reduced-motion:reduce){
#blog-article *{transition:none!important}
}
#blog-article .ta-compare-section{padding:0 0 clamp(75px,9vw,125px);scroll-margin-top:24px}
#blog-article .ta-compare-intro{max-width:740px;margin:28px 0 48px;color:#505149;font-size:17px;line-height:1.75}
#blog-article .ta-versus{display:grid;grid-template-columns:1fr 86px 1fr;border:1px solid var(--ta-line)}
#blog-article .ta-versus-card{padding:30px}
#blog-article .ta-versus-photo{height:360px;margin:-30px -30px 28px;position:relative;background:#e5e1d8}
#blog-article .ta-versus-photo img{width:100%;height:100%;object-fit:contain}
#blog-article .ta-versus-card small{color:var(--ta-orange);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#blog-article .ta-versus-card h3{margin:15px 0 8px;font-size:32px;line-height:1.02;letter-spacing:-.04em}
#blog-article .ta-versus-card>p{min-height:65px;color:#5b5c54;font-size:13px;line-height:1.6}
#blog-article .ta-versus-price{margin:25px 0;font-size:22px}
#blog-article .ta-versus-card a{min-height:48px;padding:0 15px;background:var(--ta-ink);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#blog-article .ta-versus-card a:hover{background:var(--ta-orange)}
#blog-article .ta-vs-mark{display:grid;place-items:center;border-left:1px solid var(--ta-line);border-right:1px solid var(--ta-line);font-size:19px;font-weight:900;writing-mode:vertical-rl;letter-spacing:.12em}
#blog-article .ta-scoreboard{margin-top:24px;border-top:1px solid var(--ta-ink)}
#blog-article .ta-score-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid var(--ta-line)}
#blog-article .ta-score-row>*{padding:15px 18px;font-size:11px}
#blog-article .ta-score-row>span{color:#6d6d64;text-transform:uppercase;letter-spacing:.05em}
#blog-article .ta-score-row b{border-left:1px solid var(--ta-line);font-size:12px}
#blog-article .ta-score-row b em{display:block;margin-top:4px;color:#77766d;font-size:9px;font-style:normal;font-weight:400}
#blog-article .ta-winner{color:var(--ta-orange)}
#blog-article .ta-decision{margin-bottom:clamp(75px,9vw,125px);padding:clamp(42px,6vw,72px);background:var(--ta-ink);color:#fff}
#blog-article .ta-decision .ta-heading h2{max-width:770px}
#blog-article .ta-decision-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.28)}
#blog-article .ta-decision-card{padding:28px 25px 10px 0;border-right:1px solid rgba(255,255,255,.2)}
#blog-article .ta-decision-card+.ta-decision-card{padding-left:25px}
#blog-article .ta-decision-card:last-child{border-right:0}
#blog-article .ta-decision-card>span{color:#d98b60;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#blog-article .ta-decision-card h3{min-height:65px;margin:25px 0 15px;font-size:27px;line-height:1.02}
#blog-article .ta-decision-card p{min-height:90px;color:#bfc0b8;font-size:13px;line-height:1.6}
#blog-article .ta-decision-card b{display:block;margin-top:25px;font-size:14px}
#blog-article .ta-table-section{padding:0 0 clamp(75px,9vw,125px);scroll-margin-top:24px}
#blog-article .ta-table-wrap{overflow-x:auto;border:1px solid var(--ta-line)}
#blog-article .ta-compare-table{width:100%;min-width:900px;border-collapse:collapse;background:rgba(255,255,255,.14)}
#blog-article .ta-compare-table th, #blog-article .ta-compare-table td{padding:18px;border-right:1px solid var(--ta-line);border-bottom:1px solid var(--ta-line);text-align:left;vertical-align:top}
#blog-article .ta-compare-table th{background:var(--ta-ink);color:#fff;font-size:10px;letter-spacing:.07em;text-transform:uppercase}
#blog-article .ta-compare-table th:first-child{width:180px}
#blog-article .ta-compare-table td:first-child{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#blog-article .ta-compare-table td{font-size:12px;line-height:1.5}
#blog-article .ta-compare-table tr:last-child td{border-bottom:0}
#blog-article .ta-compare-table td:last-child, #blog-article .ta-compare-table th:last-child{border-right:0}
#blog-article .ta-table-note{margin:14px 0 0;color:#75746b;font-size:10px;line-height:1.5}
#blog-article .ta-education{padding:clamp(45px,6vw,75px);margin-bottom:clamp(75px,9vw,125px);background:var(--ta-warm)}
#blog-article .ta-education-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ta-line);border:1px solid var(--ta-line)}
#blog-article .ta-edu-card{min-height:235px;padding:28px;background:var(--ta-warm)}
#blog-article .ta-edu-card span{color:var(--ta-orange);font-size:9px;font-weight:800;letter-spacing:.1em}
#blog-article .ta-edu-card h3{margin:28px 0 12px;font-size:25px;letter-spacing:-.035em}
#blog-article .ta-edu-card p{margin:0;color:#55564f;font-size:13px;line-height:1.65}
#blog-article .ta-formula{margin-top:30px;padding:24px;background:var(--ta-olive);color:#fff;font-size:17px;line-height:1.5}
#blog-article .ta-formula strong{color:#f2a471}
#blog-article .ta-layers{padding:0 0 clamp(75px,9vw,125px)}
#blog-article .ta-layer-list{counter-reset:layer;border-top:1px solid var(--ta-ink)}
#blog-article .ta-layer{counter-increment:layer;padding:28px 0;display:grid;grid-template-columns:90px 1fr 1fr;gap:28px;border-bottom:1px solid var(--ta-line)}
#blog-article .ta-layer:before{content:"0" counter(layer);color:var(--ta-orange);font-size:27px;font-weight:900}
#blog-article .ta-layer h3{margin:0;font-size:24px}
#blog-article .ta-layer p{margin:0;color:#595a52;font-size:13px;line-height:1.65}
#blog-article .ta-mistakes{padding:clamp(45px,6vw,75px);margin-bottom:clamp(75px,9vw,125px);background:#b8864e}
#blog-article .ta-mistake-list{display:grid;grid-template-columns:repeat(2,1fr)}
#blog-article .ta-mistake{padding:24px 24px 24px 0;border-top:1px solid rgba(18,19,15,.35)}
#blog-article .ta-mistake:nth-child(even){padding-left:24px;border-left:1px solid rgba(18,19,15,.35)}
#blog-article .ta-mistake b{font-size:17px}
#blog-article .ta-mistake p{margin:10px 0 0;color:#34342e;font-size:13px;line-height:1.6}
#blog-article .ta-faq{padding:0 0 clamp(75px,9vw,125px);scroll-margin-top:24px}
#blog-article .ta-faq details{border-top:1px solid var(--ta-line)}
#blog-article .ta-faq details:last-child{border-bottom:1px solid var(--ta-line)}
#blog-article .ta-faq summary{min-height:72px;padding:20px 54px 20px 0;position:relative;display:flex;align-items:center;cursor:pointer;font-size:18px;font-weight:700;list-style:none}
#blog-article .ta-faq summary::-webkit-details-marker{display:none}
#blog-article .ta-faq summary:after{content:"+";position:absolute;right:5px;font-size:27px;font-weight:400}
#blog-article .ta-faq details[open] summary:after{content:"−"}
#blog-article .ta-faq details p{max-width:720px;margin:0;padding:0 50px 25px 0;color:#575850;font-size:14px;line-height:1.7}
@media(max-width:700px){
#blog-article .ta-versus{grid-template-columns:1fr}
#blog-article .ta-vs-mark{min-height:60px;border:0;border-top:1px solid var(--ta-line);border-bottom:1px solid var(--ta-line);writing-mode:horizontal-tb}
#blog-article .ta-versus-photo{height:320px}
#blog-article .ta-score-row{grid-template-columns:1fr 1fr}
#blog-article .ta-score-row>span{grid-column:1/-1;padding-bottom:7px}
#blog-article .ta-score-row b:first-of-type{border-left:0}
#blog-article .ta-decision-grid, #blog-article .ta-education-grid, #blog-article .ta-mistake-list{grid-template-columns:1fr}
#blog-article .ta-decision-card, #blog-article .ta-decision-card+.ta-decision-card{min-height:0;padding:24px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}
#blog-article .ta-decision-card h3, #blog-article .ta-decision-card p{min-height:0}
#blog-article .ta-layer{grid-template-columns:55px 1fr}
#blog-article .ta-layer p{grid-column:2}
#blog-article .ta-mistake, #blog-article .ta-mistake:nth-child(even){padding:21px 0;border-left:0}
#blog-article .ta-compare-intro{font-size:16px}
}
#blog-article /* Responsive article layout: tablet and phone */
    body{overflow-x:hidden}
#blog-article .ta-layout, #blog-article .ta-body, #blog-article .ta-products, #blog-article .ta-product-grid, #blog-article .ta-table-section, #blog-article .ta-table-wrap{min-width:0}
#blog-article .ta-body{width:100%}
#blog-article h1, #blog-article .ta-heading h2, #blog-article .ta-products-head h2, #blog-article .ta-answer h2, #blog-article .ta-note h2, #blog-article .ta-cta-copy h2, #blog-article .ta-related h2{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:1100px){
#blog-article .ta-layout{grid-template-columns:190px minmax(0,1fr);gap:45px}
#blog-article .ta-product-photo{height:330px}
#blog-article .ta-product h3{font-size:23px}
#blog-article .ta-versus-photo{height:300px}
}
@media(max-width:900px){
#blog-article .ta-hero-copy{padding-inline:24px}
#blog-article .ta-layout{padding:34px 24px 0;grid-template-columns:minmax(0,1fr);gap:34px}
#blog-article .ta-body{max-width:none}
#blog-article .ta-toc{position:sticky;z-index:20;top:0;margin-inline:-24px;padding:0 24px;background:rgba(243,240,231,.96);border-block:1px solid var(--ta-line);display:flex;flex-direction:row;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
#blog-article .ta-toc::-webkit-scrollbar{display:none}
#blog-article .ta-toc b{display:none}
#blog-article .ta-toc a{min-width:max-content;margin:0;padding:15px 20px 15px 0;border-bottom:0;font-size:12px}
#blog-article .ta-product-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
#blog-article .ta-product{min-width:0}
#blog-article .ta-product:nth-child(3){grid-column:1/-1}
#blog-article .ta-product:nth-child(3) .ta-product-photo{height:400px}
#blog-article .ta-product:nth-child(3) .ta-product-info{min-height:220px}
#blog-article .ta-product-info>p{font-size:13px}
#blog-article .ta-note, #blog-article .ta-cta{margin-left:0;margin-right:0}
#blog-article .ta-versus{grid-template-columns:1fr}
#blog-article .ta-vs-mark{min-height:56px;border:0;border-block:1px solid var(--ta-line);writing-mode:horizontal-tb}
#blog-article .ta-decision-grid{grid-template-columns:1fr}
#blog-article .ta-decision-card, #blog-article .ta-decision-card+.ta-decision-card{padding:25px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}
#blog-article .ta-decision-card h3, #blog-article .ta-decision-card p{min-height:0}
#blog-article .ta-education-grid{grid-template-columns:1fr}
#blog-article .ta-layer{grid-template-columns:64px 1fr}
#blog-article .ta-layer p{grid-column:2}
#blog-article .ta-compare-table{min-width:0}
}
@media(max-width:600px){
#blog-article{--ta-mobile-pad:18px}
#blog-article .ta-hero{display:flex;min-height:0;flex-direction:column}
#blog-article .ta-hero-copy{min-height:0;padding:34px var(--ta-mobile-pad) 38px}
#blog-article .ta-eyebrow{gap:18px;font-size:8px}
#blog-article .ta-eyebrow span:last-child{white-space:nowrap}
#blog-article h1{margin:34px 0 22px;font-size:clamp(38px,11.8vw,52px);line-height:.93;letter-spacing:-.055em}
#blog-article .ta-lead{font-size:17px;line-height:1.55}
#blog-article .ta-meta{margin-top:35px;padding-top:0}
#blog-article .ta-hero-image{min-height:68vh;max-height:620px}
#blog-article .ta-temp{right:14px;top:14px;width:125px;padding:14px}
#blog-article .ta-temp b{font-size:25px}
#blog-article .ta-hero-image figcaption{left:16px;right:16px;bottom:16px;font-size:10px}
#blog-article .ta-layout{padding:0 var(--ta-mobile-pad);gap:28px}
#blog-article .ta-toc{top:0;margin-inline:calc(var(--ta-mobile-pad) * -1);padding-inline:var(--ta-mobile-pad)}
#blog-article .ta-toc a{min-height:48px;padding:16px 22px 15px 0;font-size:12px}
#blog-article .ta-answer{margin-inline:calc(var(--ta-mobile-pad) * -1);padding:42px var(--ta-mobile-pad)}
#blog-article .ta-answer h2, #blog-article .ta-heading h2, #blog-article .ta-products-head h2{font-size:clamp(31px,9.3vw,43px);line-height:1}
#blog-article .ta-answer>p:not(.ta-kicker){font-size:16px;line-height:1.65}
#blog-article .ta-kicker{margin-bottom:18px}
#blog-article .ta-tags{margin-top:24px}
#blog-article .ta-tags span{font-size:9px}
#blog-article .ta-prose{padding:64px 0}
#blog-article .ta-prose>p{font-size:17px;line-height:1.7}
#blog-article .ta-drop:first-letter{font-size:62px}
#blog-article .ta-heading{margin-bottom:30px}
#blog-article .ta-heading h2, #blog-article .ta-products-head h2{margin-top:12px}
#blog-article .ta-materials{grid-template-columns:1fr}
#blog-article .ta-material{min-height:330px;margin:0 0 -1px;padding:24px}
#blog-article .ta-material h3{margin:42px 0 14px;font-size:34px}
#blog-article .ta-material p{font-size:15px;line-height:1.6}
#blog-article .ta-specs div{font-size:11px;gap:12px}
#blog-article .ta-quote{margin:0 calc(var(--ta-mobile-pad) * -1);padding:50px var(--ta-mobile-pad)}
#blog-article .ta-quote blockquote{font-size:clamp(32px,9.5vw,44px);line-height:1.02}
#blog-article .ta-scenario{padding:25px 0;grid-template-columns:1fr;gap:12px}
#blog-article .ta-scenario>strong{font-size:24px}
#blog-article .ta-scenario h3{font-size:23px}
#blog-article .ta-scenario p{font-size:16px;line-height:1.6}
#blog-article .ta-products{margin-bottom:74px}
#blog-article .ta-products-head{padding-bottom:25px;grid-template-columns:1fr;gap:15px}
#blog-article .ta-products-head>p{font-size:15px}
#blog-article .ta-product-grid{display:grid;margin:0;grid-template-columns:1fr;overflow:visible}
#blog-article .ta-product, #blog-article .ta-product:nth-child(3){width:100%;min-width:0;grid-column:auto;border-left:1px solid var(--ta-line);scroll-snap-align:none}
#blog-article .ta-product-photo, #blog-article .ta-product:nth-child(3) .ta-product-photo{height:auto;aspect-ratio:1/1}
#blog-article .ta-product-info, #blog-article .ta-product:nth-child(3) .ta-product-info{min-height:230px;padding:22px}
#blog-article .ta-brand{font-size:10px}
#blog-article .ta-product h3{margin-top:28px;font-size:27px}
#blog-article .ta-product-info>p{font-size:14px;line-height:1.55}
#blog-article .ta-price strong{font-size:20px}
#blog-article .ta-price a{width:48px;height:48px}
#blog-article .ta-products-foot{padding:20px 0;align-items:stretch}
#blog-article .ta-products-foot span{font-size:9px;line-height:1.5}
#blog-article .ta-products-foot a{min-height:48px;justify-content:space-between;font-size:10px}
#blog-article .ta-compare-section, #blog-article .ta-table-section, #blog-article .ta-layers, #blog-article .ta-faq{padding-bottom:76px}
#blog-article .ta-compare-intro{margin:20px 0 30px;font-size:16px;line-height:1.65}
#blog-article .ta-versus-card{padding:22px}
#blog-article .ta-versus-photo{height:auto;aspect-ratio:1/1;margin:-22px -22px 24px}
#blog-article .ta-versus-card h3{font-size:28px}
#blog-article .ta-versus-card>p{min-height:0;font-size:15px}
#blog-article .ta-versus-card a{min-height:50px;font-size:10px}
#blog-article .ta-score-row{grid-template-columns:1fr}
#blog-article .ta-score-row>span{grid-column:auto;padding:17px 0 8px;font-size:10px}
#blog-article .ta-score-row b{padding:12px 14px;border:1px solid var(--ta-line);border-bottom:0;font-size:14px}
#blog-article .ta-score-row b:last-child{border-bottom:1px solid var(--ta-line)}
#blog-article .ta-score-row b em{font-size:10px}
#blog-article .ta-decision, #blog-article .ta-education, #blog-article .ta-mistakes, #blog-article .ta-note{margin-inline:calc(var(--ta-mobile-pad) * -1);margin-bottom:76px;padding:46px var(--ta-mobile-pad)}
#blog-article .ta-decision-card, #blog-article .ta-decision-card+.ta-decision-card{padding:25px 0}
#blog-article .ta-decision-card h3{font-size:26px}
#blog-article .ta-decision-card p{font-size:15px}
#blog-article .ta-decision-card b{font-size:17px}
#blog-article .ta-table-wrap{overflow:visible;border:0}
#blog-article .ta-compare-table, #blog-article .ta-compare-table tbody{display:block;width:100%}
#blog-article .ta-compare-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#blog-article .ta-compare-table tr{display:block;margin-bottom:18px;border:1px solid var(--ta-line);background:rgba(255,255,255,.18)}
#blog-article .ta-compare-table td{display:grid;grid-template-columns:minmax(92px,32%) 1fr;gap:12px;padding:14px;border:0;border-bottom:1px solid var(--ta-line);font-size:14px;line-height:1.45}
#blog-article .ta-compare-table td:last-child{border-bottom:0}
#blog-article .ta-compare-table td:first-child{display:block;width:auto;padding:14px;background:var(--ta-ink);color:#fff;font-size:11px}
/* the stacked-row label has to come from the table it belongs to. These four rules
   used to carry the column names of one article (Carinthia / Helikon-Tex / Call
   Dragon / Бушлат ММ-14) and stamped them onto every comparison table on the blog,
   so a table about pouches was labelled with jackets. Each cell now carries its own
   heading in data-th. */
#blog-article .ta-compare-table td:not(:first-child)::before{content:attr(data-th);color:var(--ta-orange);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
#blog-article .ta-table-note{font-size:12px;line-height:1.55}
#blog-article .ta-edu-card{min-height:0;padding:24px}
#blog-article .ta-edu-card h3{font-size:23px}
#blog-article .ta-edu-card p{font-size:15px}
#blog-article .ta-formula{padding:21px;font-size:16px}
#blog-article .ta-layer{padding:24px 0;grid-template-columns:44px minmax(0,1fr);gap:13px}
#blog-article .ta-layer:before{font-size:21px}
#blog-article .ta-layer h3{font-size:22px}
#blog-article .ta-layer p{font-size:15px}
#blog-article .ta-mistake-list{grid-template-columns:1fr}
#blog-article .ta-mistake, #blog-article .ta-mistake:nth-child(even){padding:21px 0;border-left:0}
#blog-article .ta-mistake b{font-size:18px}
#blog-article .ta-mistake p{font-size:15px}
#blog-article .ta-note h2{font-size:clamp(31px,9vw,42px)}
#blog-article .ta-check li{grid-template-columns:34px 1fr;gap:10px}
#blog-article .ta-check b{font-size:16px}
#blog-article .ta-check p{font-size:14px;line-height:1.6}
#blog-article .ta-faq summary{min-height:68px;padding-right:40px;font-size:16px;line-height:1.35}
#blog-article .ta-faq details p{padding-right:0;font-size:15px}
#blog-article .ta-cta{margin-inline:calc(var(--ta-mobile-pad) * -1);margin-bottom:76px;grid-template-columns:1fr}
#blog-article .ta-cta-photo{min-height:360px}
#blog-article .ta-cta-photo img{transform:none}
#blog-article .ta-cta-copy{min-height:390px;padding:42px var(--ta-mobile-pad)}
#blog-article .ta-cta-copy p{font-size:15px}
#blog-article .ta-cta-copy a{width:100%;min-height:54px;justify-content:space-between}
#blog-article .ta-related{padding:64px var(--ta-mobile-pad)}
#blog-article .ta-related-grid{grid-template-columns:1fr}
#blog-article .ta-related-grid a{min-height:220px;padding:23px}
#blog-article .ta-related-grid h3{margin-top:45px;font-size:25px}
#blog-article .ta-copyright{gap:10px;line-height:1.5}
}
@media(max-width:360px){
#blog-article h1{font-size:37px}
#blog-article .ta-eyebrow span:last-child{display:none}
#blog-article .ta-compare-table td{grid-template-columns:82px 1fr}
}
/* the blog category list now sits under the article instead of beside it */
#blog-article .article_bottom .list_category,
#blog-article .list_category{
  margin:56px 0 0;padding:26px 30px;border:1px solid var(--ta-line,rgba(18,19,15,.22));
  background:var(--ta-warm,#e4ded0)}
#blog-article .list_category ul{display:flex;flex-wrap:wrap;gap:10px 26px;margin:0;padding:0;list-style:none}
#blog-article .list_category li{margin:0}

@media (max-width:781px){
  #blog-article .list_category{padding:20px}
}


/* --- breadcrumbs on article pages --- */
/* They are a <ul> inside #blog-article, so the article list rules above used to give
   them disc bullets and 16px text. Those are now scoped to the description wrapper;
   this styles the trail itself. */
#blog-article .breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;
  margin:0 0 22px;padding:0;list-style:none;background:none;border-radius:0;
  font-family:"Manrope",sans-serif;font-size:11px;line-height:1.5;
  letter-spacing:.08em;text-transform:uppercase}
#blog-article .breadcrumb li{
  display:inline-flex;align-items:center;margin:0;padding:0;list-style:none;float:none}
#blog-article .breadcrumb li + li::before{
  content:"/";margin-right:6px;color:#a9a79c;font-weight:600}
#blog-article .breadcrumb li a{
  color:#74766e;font-weight:700;text-decoration:none;border:0;transition:color .15s ease}
#blog-article .breadcrumb li a:hover{color:#c85216}
/* the last crumb repeats the H1 — keep it as quiet context, not a second headline */
#blog-article .breadcrumb li:last-child{
  color:#171914;font-weight:700;max-width:min(46ch,100%);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:781px){
  #blog-article .breadcrumb{font-size:10px;margin-bottom:16px}
  #blog-article .breadcrumb li:last-child{max-width:22ch}
}

/* --- article pages: the template layout, unmodified --- */
/* The theme wraps everything in a 996px .container; the template is a full-bleed
   page. The article breaks out of the container and the template's own rules —
   hero grid, .ta-layout with its sticky table of contents, and all of its
   breakpoints — then apply exactly as designed. Nothing here overrides them. */
/* .container is a direct child of body, so 100% is the full content width — and
   unlike 100vw it excludes the scrollbar, which otherwise pushed the page 4px left. */
#blog-article{width:100%;max-width:none;margin:0;padding:0;overflow-x:hidden}
#blog-article .columns{display:block}
#blog-article #content{width:100%;max-width:none;padding:0;float:none}
#blog-article .breadcrumb{padding:18px 3.5vw 0;margin:0 0 6px}

/* the hero replaces the old thumbnail rail */
#blog-article .article_header_left{display:none}
#blog-article .ta-eyebrow,#blog-article .ta-eyebrow span{line-height:1.2}
#blog-article .ta-hero-copy h1{font-family:"Space Grotesk",Arial,sans-serif}
#blog-article .ta-toc:empty{display:none}

/* everything the theme prints under the article keeps the body gutter */
#blog-article .article_middle,
#blog-article .article_bottom,
#blog-article .list_category,
#blog-article .content-bottom{padding-left:3.5vw;padding-right:3.5vw}

@media (max-width:900px){
  #blog-article .breadcrumb{padding:14px 18px 0}
  #blog-article .article_middle,
  #blog-article .article_bottom,
  #blog-article .list_category,
  #blog-article .content-bottom{padding-left:18px;padding-right:18px}
}

/* the mock renders in Arial because it is a standalone file; on the site the article
   uses the MILSHOP faces, so the type matches the rest of the shop */
#blog-article .ta-eyebrow span{font-size:inherit;line-height:1.2}
#blog-article .ta-hero-copy,#blog-article .ta-body{font-family:"Manrope",Arial,sans-serif}
#blog-article .ta-body h2,#blog-article .ta-body h3,
#blog-article .ta-hero-copy h1{font-family:"Space Grotesk",Arial,sans-serif}

/* --- headings inherit their block's colour --- */
/* milshop-overlay.css carries a blanket `h1,h2,h3…{color:var(--ms-graphite)}`. The
   template has no such rule, so its dark sections relied on plain inheritance and
   their headings came out near-black on near-black here. Inheriting again restores
   the template's behaviour for dark and light blocks alike. */
#blog-article .ta-body h2,#blog-article .ta-body h3,
#blog-article .ta-body h4,#blog-article .ta-hero-copy h1{color:inherit}

/* --- two contrast pairs carried over from the mock --- */
/* The template puts muted grey body text on the coyote "recommended" card and a light
   orange kicker on the warm checklist block. Both fall under 2.3:1, which is unreadable
   at body size. Backgrounds are left exactly as designed; only the text darkens. */
#blog-article .ta-material.ta-recommended p,
#blog-article .ta-material.ta-recommended .ta-specs div{color:var(--ta-ink)}
#blog-article .ta-material.ta-recommended .ta-specs span{color:rgba(18,19,15,.7)}
#blog-article .ta-note .ta-kicker{color:#b8501a}

/* --- accent labels on warm and coyote blocks --- */
/* The template numbers its sections in --ta-orange. On the warm block that pair is
   2.6:1 and on the coyote "mistakes" block 1.09:1 — the label is effectively invisible.
   The accent darkens on warm and becomes ink on coyote; dark blocks keep the orange,
   where it reads fine. */
#blog-article .ta-education .ta-heading span,
#blog-article .ta-education .ta-edu-card span,
#blog-article .ta-note .ta-heading span,
#blog-article .ta-note .ta-check > li > span{color:#b8501a}
#blog-article .ta-mistakes .ta-heading span,
#blog-article .ta-mistakes .ta-heading h2,
#blog-article .ta-mistakes .ta-mistake b{color:var(--ta-ink)}

/* --- blog listing cards --- */
/* The theme renders each article as a full-width row: a 350px image on the left and
   the text stretched across 1200px beside it. Scoped to .products_sort_content so the
   "latest articles" slider, which carries the same .blog_items class, is untouched. */
.blog_items.products_sort_content{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
  gap:26px;margin:24px 0 40px}
.blog_items.products_sort_content .item{
  display:flex;flex-direction:column;width:auto;margin:0;padding:0;
  background:#fffdf8;border:1px solid #d8d4c8;overflow:hidden;
  transition:border-color .2s ease,transform .2s ease}
.blog_items.products_sort_content .item:hover{border-color:#b5844e;transform:translateY(-2px)}
.blog_items.products_sort_content .item .image{
  display:block;width:100%;max-width:none;margin:0;padding:0;flex:0 0 auto}
.blog_items.products_sort_content .item .image a{display:block;line-height:0}
.blog_items.products_sort_content .item .image img{
  width:100% !important;height:210px !important;max-width:none !important;
  object-fit:cover !important;display:block;background:#e4ded0}
.blog_items.products_sort_content .item .caption{
  display:flex;flex-direction:column;flex:1 1 auto;
  width:auto !important;max-width:none !important;padding:18px 20px 14px;gap:10px}
.blog_items.products_sort_content .item .name{margin:0;min-height:0}
.blog_items.products_sort_content .item .name a{
  font-family:"Space Grotesk",Arial,sans-serif;font-size:17px;line-height:1.25;
  font-weight:700;color:#171914;text-decoration:none;letter-spacing:-.01em}
.blog_items.products_sort_content .item .name a:hover{color:#c85216}
.blog_items.products_sort_content .item p.description{
  margin:0;width:auto !important;max-width:none !important;
  font-family:"Manrope",Arial,sans-serif;font-size:14px;line-height:1.55;color:#55564f;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* an empty five-star row on every card says nothing — articles carry no reviews */
.blog_items.products_sort_content .item .additional{display:none}
.blog_items.products_sort_content .item .price_button{
  margin-top:auto;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding-top:12px;border-top:1px solid #ece8dd}
.blog_items.products_sort_content .item .date{
  font-family:"Manrope",Arial,sans-serif;font-size:12px;color:#74766e;
  letter-spacing:.04em;padding:0;margin:0}
.blog_items.products_sort_content .item .btn.icon_read{
  width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:0;
  background:#f0782b;flex:0 0 auto}
.blog_items.products_sort_content .item .btn.icon_read:hover{background:#c85216}

@media (max-width:640px){
  .blog_items.products_sort_content{grid-template-columns:1fr;gap:18px}
  .blog_items.products_sort_content .item .image img{height:180px !important}
}

/* --- article breadcrumbs sit on the site's own gutter --- */
/* The article breaks out of .container to make the hero full-bleed, which left the
   breadcrumb flush against the window edge. It belongs to the site chrome, not to
   the editorial layout, so it reproduces .container exactly: max-width 1470 with
   15px padding on a content-box, centred — the same line every other page uses.
   The padding needs !important because an earlier rule here sets
   `.breadcrumb,ul.breadcrumb{padding:22px 0 !important}` for the rest of the shop. */
#blog-article .breadcrumb{
  box-sizing:content-box;max-width:1470px;
  margin:0 auto 10px !important;padding:22px 15px 0 !important}
@media (max-width:900px){
  #blog-article .breadcrumb{padding:14px 15px 0 !important;margin-bottom:8px !important}
}

/* --- "latest articles" slider --- */
/* Same card as the listing grid, but the theme's slider keeps the row layout: the
   image floats at its natural 400x260 against a card three times as wide, the excerpt
   runs the full width and the whole strip overflows its container. Scoped to the two
   blog sliders by id so product sliders, which share .blog_items markup, stay as they are. */
#blog_items_slider_latest,#blog_items_slider_featured{overflow:hidden}
#blog_items_slider_latest .swiper-wrapper,
#blog_items_slider_featured .swiper-wrapper{align-items:stretch}
#blog_items_slider_latest .item,#blog_items_slider_featured .item{
  display:flex;flex-direction:column;height:auto;margin:0;padding:0;
  background:#fffdf8;border:1px solid #d8d4c8;overflow:hidden;
  transition:border-color .2s ease}
#blog_items_slider_latest .item:hover,#blog_items_slider_featured .item:hover{border-color:#b5844e}
#blog_items_slider_latest .item .image,#blog_items_slider_featured .item .image{
  display:block;width:100%;max-width:none;margin:0;padding:0;flex:0 0 auto;float:none}
/* the theme sets display:flex !important on .image, so the <a> is a flex item and
   would size to the image's natural width — it has to be told to fill the track. */
#blog_items_slider_latest .item .image,#blog_items_slider_featured .item .image{
  align-items:stretch;justify-content:stretch}
#blog_items_slider_latest .item .image a,#blog_items_slider_featured .item .image a{
  display:block;line-height:0;flex:1 1 100%;width:100%;max-width:none}
#blog_items_slider_latest .item .image img,#blog_items_slider_featured .item .image img{
  width:100% !important;height:200px !important;max-width:none !important;
  object-fit:cover !important;display:block;background:#e4ded0}
#blog_items_slider_latest .item .caption,#blog_items_slider_featured .item .caption{
  display:flex;flex-direction:column;flex:1 1 auto;float:none;
  width:auto !important;max-width:none !important;padding:18px 20px 14px;gap:10px}
#blog_items_slider_latest .item .name,#blog_items_slider_featured .item .name{margin:0;min-height:0}
#blog_items_slider_latest .item .name a,#blog_items_slider_featured .item .name a{
  font-family:"Space Grotesk",Arial,sans-serif;font-size:17px;line-height:1.25;
  font-weight:700;color:#171914;text-decoration:none;letter-spacing:-.01em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#blog_items_slider_latest .item .name a:hover,#blog_items_slider_featured .item .name a:hover{color:#c85216}
#blog_items_slider_latest .item p.description,#blog_items_slider_featured .item p.description{
  margin:0;width:auto !important;max-width:none !important;
  font-family:"Manrope",Arial,sans-serif;font-size:14px;line-height:1.55;color:#55564f;
  /* the theme pins p.description to a fixed 34px, which cuts the second line in half;
     the clamp needs a free height to land on a whole line. */
  height:auto !important;max-height:none !important;
  display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#blog_items_slider_latest .item .additional,#blog_items_slider_featured .item .additional{display:none}
#blog_items_slider_latest .item .price_button,#blog_items_slider_featured .item .price_button{
  margin-top:auto;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding-top:12px;border-top:1px solid #ece8dd}
#blog_items_slider_latest .item .date,#blog_items_slider_featured .item .date{
  font-family:"Manrope",Arial,sans-serif;font-size:12px;color:#74766e;
  letter-spacing:.04em;padding:0;margin:0}
#blog_items_slider_latest .item .btn.icon_read,#blog_items_slider_featured .item .btn.icon_read{
  width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:0;
  background:#f0782b;flex:0 0 auto}
#blog_items_slider_latest .item .btn.icon_read:hover,
#blog_items_slider_featured .item .btn.icon_read:hover{background:#c85216}