/* Project-level overrides for stable base layout. */

/* Content links (match art-gas.com theme color overrides).
   Keep this scoped to WYSIWYG content so header/footer widgets can override safely. */
.entry-content a,
.entry-content a:visited {
  color: #65ad00;
  text-decoration: underline;
}

.entry-content a:hover,
.entry-content a:active,
.entry-content a:focus {
  color: #65ad00;
  text-decoration: none;
}

#top-bar-wrapper {
  background: #56b000;
}

#top-bar {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 0 18px;
  color: #fff;
  font-size: 14px;
  line-height: 42px;
  min-height: 42px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 10px;
}

#top-bar #topleft-widget-area {
  float: none;
}

#top-bar #topright-widget-area {
  float: none;
}

#top-bar .top-bar-col {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.95;
}

#top-bar .top-bar-col i {
  margin-right: 6px;
  font-size: 13px;
  opacity: 0.95;
}

#top-bar .top-bar-col--left {
  flex: 0 0 auto;
}

#top-bar .top-bar-col--center {
  flex: 1 1 auto;
  text-align: center;
  padding: 0 6px;
}

#top-bar .top-bar-col--right {
  flex: 0 0 auto;
  margin-left: auto;
  text-align: right;
}

#site-header #header-container,
.page-header,
#main,
.site-footer .inner,
.site-info .inner {
  max-width: 1200px;
}

#site-header #header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 100px;
}

#site-logo {
  float: none;
  margin-right: 24px;
}

#site-logo .site-title {
  font-size: 42px;
  line-height: 1;
  padding-top: 0;
  margin: 0;
  letter-spacing: -0.2px;
}

#site-logo .site-title a {
  color: #0b3b5b;
}

#site-navigation {
  float: none;
  flex: 1;
}

#site-navigation .menu-container {
  float: none;
}

#site-navigation ul.menu {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 0 22px;
  margin: 0;
  align-items: center;
}

#site-navigation ul li {
  float: none;
  padding: 0;
}

#site-navigation ul li > a {
  color: #717e9e;
  font-size: 15px;
  line-height: 100px;
  white-space: nowrap;
  padding: 0;
  font-weight: 500;
  letter-spacing: 0;
}

#site-navigation ul li ul li > a {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
}

#site-navigation ul li > a:hover {
  color: #0b3b5b;
}

.converter-menu-item {
  margin-left: 12px;
}

.converter-menu-item > a {
  line-height: 1 !important;
  padding: 11px 26px !important;
}

/* Converter: on our replica the inputs drift too far right; pull them closer to labels. */
.page-converter #TABLE_5 {
  width: auto;
}

.page-converter #TD_10,
.page-converter #TD_53,
.page-converter #TD_62 {
  padding-left: 60px;
}

.page-converter #TD_62 {
  padding-top: 6px;
}

.subnavigation-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

.subnavigation-wrapper .menu {
  display: flex;
  flex-wrap: nowrap;
  justify-content: stretch !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0;
  padding: 0;
  list-style: none;
}

.subnavigation-wrapper .menu > li {
  flex: 1 1 0 !important;
  display: block;
  margin: 0;
  width: auto;
  min-width: 0;
  position: relative;
  z-index: 20;
}

.subnavigation-wrapper .menu > li > a {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 8px;
  line-height: 1.2;
  /* Match typography of the top navigation (#site-navigation ul li a). */
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
}

.subnavigation-wrapper .menu li .sub-menu li a {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.subnavigation-wrapper .menu > li > .sub-menu {
  top: 100%;
  left: 0;
  right: 0;
  z-index: 30;
  min-width: 100%;
  width: auto;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #fff !important;
  overflow: hidden;
}

.subnavigation-wrapper .menu > li > .sub-menu > li {
  width: 100%;
  background: #fff !important;
}

.subnavigation-wrapper .menu > li > .sub-menu > li > a {
  background: #fff !important;
}

.subnavigation-wrapper .menu > li:hover,
.subnavigation-wrapper .menu > li:focus-within {
  z-index: 40;
  background: #fff !important;
}

/* When a dropdown is open, ensure the whole column (li) paints white, not just the link text. */
#subnavigation .subnavigation-wrapper .menu > li.menu-item-has-children:hover,
#subnavigation .subnavigation-wrapper .menu > li.menu-item-has-children:focus-within,
#site-navigation ul.menu > li.menu-item-has-children:hover,
#site-navigation ul.menu > li.menu-item-has-children:focus-within {
  background: #fff !important;
}

/* Paint a full-width white "panel" behind opened dropdowns to avoid any background bleeding. */
#subnavigation:has(ul.menu > li.menu-item-has-children:hover > ul),
#subnavigation:has(ul.menu > li.menu-item-has-children:focus-within > ul),
#site-navigation:has(ul.menu > li.menu-item-has-children:hover > ul),
#site-navigation:has(ul.menu > li.menu-item-has-children:focus-within > ul) {
  background: #fff !important;
}

.subnavigation-wrapper .menu > li:hover > .sub-menu,
.subnavigation-wrapper .menu > li:focus-within > .sub-menu {
  display: block;
}

/* Dropdowns: stretch submenu background to parent width (avoid "white shelf" on patterned hero backgrounds). */
#site-navigation ul.menu > li.menu-item-has-children,
#subnavigation ul.menu > li.menu-item-has-children {
  position: relative;
}

#site-navigation ul.menu > li.menu-item-has-children > ul,
#subnavigation ul.menu > li.menu-item-has-children > ul {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  min-width: 100% !important;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
}

/* Full-width panel behind dropdown on contact hero background. */
#subnavigation ul.menu > li.menu-item-has-children:hover > ul,
#subnavigation ul.menu > li.menu-item-has-children:focus-within > ul {
  left: -30px !important;
  right: -30px !important;
  min-width: calc(100% + 60px) !important;
}

#site-navigation ul.menu > li.menu-item-has-children > ul > li,
#subnavigation ul.menu > li.menu-item-has-children > ul > li {
  width: 100%;
  background: #fff !important;
}

#site-navigation ul.menu > li.menu-item-has-children > ul > li > a,
#subnavigation ul.menu > li.menu-item-has-children > ul > li > a {
  width: 100% !important;
  display: block;
  box-sizing: border-box;
  background: #fff !important;
}

#site-navigation ul.menu > li.menu-item-has-children:focus-within > ul,
#subnavigation ul.menu > li.menu-item-has-children:focus-within > ul {
  visibility: visible;
  opacity: 1;
}

/* Hard override: any submenu item should paint full row width. */
#site-navigation ul.sub-menu > li,
#site-navigation ul.sub-menu > li > a,
#site-navigation ul li > ul > li,
#site-navigation ul li > ul > li > a,
#subnavigation ul.sub-menu > li,
#subnavigation ul.sub-menu > li > a,
#subnavigation ul li > ul > li,
#subnavigation ul li > ul > li > a {
  display: block !important;
  width: 100% !important;
  background: #fff !important;
  box-sizing: border-box;
}

#site-header,
#site-header #header-wrapper {
  height: 100px;
}

#site-header #header-wrapper {
  border-bottom: 1px solid #efefef;
}

.subnavigation {
  border-top: 1px solid #efefef;
}

#main {
  margin-top: 0;
  padding-top: 40px;
}

/* Breadcrumbs: on all internal pages show above title with dot separator (as per reference). */
.page-header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  /* In the base theme it's 60px; reference is tighter above breadcrumbs. */
  padding-top: 20px;
}

.page-header .mnky_breadcrumbs {
  order: 1;
  float: none;
  width: 100%;
  margin: 0 0 18px 0;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
}

.page-header h1 {
  order: 2;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  align-self: center;
}

.page-header .mnky_breadcrumbs .breadcrumb-separator {
  padding: 0 10px;
  color: rgba(0, 0, 0, 0.35);
}

/* /obuchenie: крошки над заголовком (как в референсе). */
.page-obuchenie .page-header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.page-obuchenie .page-header h1 {
  order: 2;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  align-self: center;
}

.page-obuchenie .page-header .mnky_breadcrumbs {
  order: 1;
  float: none;
  width: 100%;
  margin: 0 0 18px 0;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
}

/* /service: крошки над заголовком (как в референсе). */
.page-service .page-header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.page-service .page-header h1 {
  order: 2;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  align-self: center;
}

.page-service .page-header .mnky_breadcrumbs {
  order: 1;
  float: none;
  width: 100%;
  margin: 0 0 18px 0;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
}

#content {
  max-width: 100%;
}

html,
body,
#wrapper,
#main,
#content,
.entry-content-wrapper,
.entry-content,
article.page,
article.post {
  background-color: #fff;
}

/* News detail: match reference (no category/author above title, slightly smaller title). */
.single-post .entry-title {
  /* Match page titles sizing (e.g. /service). */
  font-size: 40px;
}

.single-post .entry-meta {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .single-post .entry-title {
    font-size: 30px;
  }
}

/* Next/prev: show only labels, aligned to edges. */
.mnky-post-links .previous-post-link a,
.mnky-post-links .next-post-link a {
  font-size: 16px;
  font-weight: 500;
  margin-top: 0;
  color: #4caf50;
  text-decoration: underline;
}

.mnky-post-links .previous-post-link a:hover,
.mnky-post-links .next-post-link a:hover {
  color: #388e3c;
  text-decoration: underline;
}

.mnky-post-links .previous-post-link {
  text-align: left;
}

.mnky-post-links .next-post-link {
  text-align: right;
}

.blog .archive-layout .entry-content img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 830px;
  margin-left: 0;
  margin-right: 0;
}

.blog .archive-layout .entry-content figure,
.blog .archive-layout .entry-content .wp-block-image {
  display: table;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.blog .archive-layout .entry-content figure img {
  object-fit: contain;
}

.blog .archive-layout .entry-content figcaption {
  width: 100%;
  margin: 0;
  padding-top: 5px;
  box-sizing: border-box;
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}

.archive-layout .entry-category-label {
  color: #f39c12;
}

.page-sidebar .widget_categories .sidebar-category-label {
  float: left;
}

.pagination .disabled {
  opacity: 0.45;
  cursor: default;
}

.vc_images_carousel .vc_carousel-control .icon-prev,
.vc_images_carousel .vc_carousel-control .icon-next {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.vc_images_carousel .vc_carousel-control {
  /* We render our own unified slider arrows; hide VC default pill controls. */
  display: none !important;
}

.vc_images_carousel .vc_left.vc_carousel-control .icon-prev {
  border-right: 9px solid #fff;
  margin-left: -2px;
}

.vc_images_carousel .vc_right.vc_carousel-control .icon-next {
  border-left: 9px solid #fff;
  margin-right: -2px;
}

.vc_images_carousel .vc_carousel-indicators li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(11, 59, 91, 0.3);
}

.vc_images_carousel .vc_carousel-indicators li.vc_active {
  background: #0b3b5b;
}

.ag-product-carousel {
  position: relative;
  max-width: 580px;
  margin: 0 auto 32px;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  padding: 18px;
  box-sizing: border-box;
}

.ag-product-carousel .vc_carousel-inner {
  overflow: hidden;
}

.ag-product-carousel .vc_item,
.ag-product-carousel .vc_inner {
  margin: 0;
  padding: 0;
}

.ag-product-carousel .vc_item img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 470px;
  object-fit: contain;
  margin: 0 auto;
}

.ag-product-legacy-layout .vc_col-sm-4 .wpb_wrapper > .ag-product-carousel {
  margin-bottom: 0;
}

.ag-product-icon-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px 8px;
  align-items: start;
  justify-items: center;
}

.ag-product-icon-grid img {
  display: block;
  width: 32px !important;
  max-width: 32px !important;
  height: auto;
  max-height: 32px;
  object-fit: contain;
  margin: 0 auto;
}

.ag-product-documents {
  margin-top: 28px;
}

.ag-product-documents p {
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.45;
}

.ag-product-documents a {
  color: #65ad00;
  text-decoration: underline;
}

.ag-product-documents a::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 8px;
  vertical-align: -0.15em;
  background: url("https://uxwing.com/wp-content/themes/uxwing/download/file-and-folder-type/pdf-icon.svg") center / contain no-repeat;
}

@media only screen and (max-width: 979px) {
  .ag-product-icon-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px 8px;
  }
}

@media only screen and (max-width: 1200px) {
  #site-header #header-wrapper,
  #main,
  .page-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 979px) {
  #top-bar-wrapper {
    display: none;
  }

  #site-navigation ul.menu {
    flex-wrap: wrap;
    gap: 0 14px;
  }

  .subnavigation-wrapper {
    overflow-x: auto;
  }

  .subnavigation-wrapper .menu {
    min-width: 980px;
  }
}

.home-hero {
  position: relative;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 30px 0 160px; /* reserve space for waves */
  overflow: hidden;
}

.home-hero__map {
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 320px;
  /* Match reference: map sits behind the three cards area */
  background: url("/media/revslider/davos_home/world-map-dots.png") center top / 1200px auto no-repeat;
  opacity: 0.45;
  pointer-events: none;
}

.home-hero__cards {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  gap: 0;
  align-items: flex-end;
  min-height: 430px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
  justify-content: space-between;
}

.home-hero__card {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33.333%;
  max-width: 360px;
  text-align: center;
  color: #0b3b5b;
  cursor: pointer; /* show hand only when hovering the card area */
}

.home-hero__media {
  width: 100%;
  height: 260px; /* equalize spacing across cards */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
}

.home-hero__media img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}

.home-hero__subtitle {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
  /* Reference has a larger gap before the Binar line */
  margin: 0 0 18px 0;
}

.home-hero__title {
  display: block;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 30px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
}

.home-hero__waves {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  height: 160px;
  width: 100%;
  margin: 0;
  transform: none;
  background: url("/media/2017/10/waves-bg-2.png") center bottom / cover no-repeat;
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
  .home-hero__cards {
    gap: 26px;
    min-height: 0;
    flex-wrap: wrap;
    justify-content: center;
  }

  .home-hero__card {
    width: min(340px, 100%);
    max-width: none;
  }

  .home-hero__media {
    height: 220px;
  }

  .home-hero__subtitle {
    font-size: 18px;
    line-height: 20px;
  }

  .home-hero__title {
    font-size: 26px;
    line-height: 20px;
  }
}

/* Hide legacy Revolution Slider on home page. */
.home.page .rev_slider_wrapper,
.home.page .rev_slider,
.home.page .tp-fullwidth-forcer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

/* Header menu alignment: keep converter near contacts, search at far right. */
#site-header #site-logo {
  margin-right: 18px !important;
  align-self: center;
  margin-top: 0;
}

#site-header #site-logo .site-title {
  padding-top: 0 !important;
}

#site-header #site-logo img {
  display: block;
  max-height: 62px;
  width: auto;
  height: auto;
}

#site-header #site-navigation {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 0 10px;
}

#site-header #site-navigation > #primary-navigation {
  order: 1;
  margin-right: auto;
}

#site-header #site-navigation > #secondary-navigation {
  order: 2;
}

#site-header #site-navigation > .site-links {
  order: 3;
}

#site-header #primary-navigation > ul.menu {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 18px !important;
  margin: 0 !important;
}

#site-header #primary-navigation > ul.menu > li {
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#site-header #primary-navigation > ul.menu > li > a {
  font-size: 15px !important;
  line-height: 100px !important;
  white-space: nowrap !important;
  padding: 0 !important;
}

#site-header #secondary-navigation > ul.menu {
  margin: 0 !important;
}

#site-header #secondary-navigation > ul.menu > li {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#site-header #secondary-navigation > ul.menu > li > a {
  display: inline-block !important;
  line-height: 1 !important;
  padding: 9px 28px !important;
  border-radius: 999px !important;
}

#site-header .site-links .search_button {
  margin-left: 8px !important;
  line-height: 100px !important;
}

/* WPBakery grid compatibility */
.vc_row.wpb_row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.vc_row.wpb_row > .wpb_column {
  box-sizing: border-box;
  padding: 0 15px;
}

.vc_col-sm-1  { width: 8.333%; flex: 0 0 8.333%; }
.vc_col-sm-2  { width: 16.666%; flex: 0 0 16.666%; }
.vc_col-sm-3  { width: 25%; flex: 0 0 25%; }
.vc_col-sm-4  { width: 33.333%; flex: 0 0 33.333%; }
.vc_col-sm-5  { width: 41.666%; flex: 0 0 41.666%; }
.vc_col-sm-6  { width: 50%; flex: 0 0 50%; }
.vc_col-sm-7  { width: 58.333%; flex: 0 0 58.333%; }
.vc_col-sm-8  { width: 66.666%; flex: 0 0 66.666%; }
.vc_col-sm-9  { width: 75%; flex: 0 0 75%; }
.vc_col-sm-10 { width: 83.333%; flex: 0 0 83.333%; }
.vc_col-sm-11 { width: 91.666%; flex: 0 0 91.666%; }
.vc_col-sm-12 { width: 100%; flex: 0 0 100%; }

.center-align {
  text-align: center;
}

/* WPBakery buttons/icons (used in WYSIWYG content like /delivery). */
.vc_btn3-container {
  display: block;
  margin-bottom: 21.74px;
  max-width: 100%;
}

.vc_btn3-container.vc_btn3-center { text-align: center; }
.vc_btn3-container.vc_btn3-left { text-align: left; }
.vc_btn3-container.vc_btn3-right { text-align: right; }

.vc_general.vc_btn3 {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  background-color: transparent;
  border: 1px solid transparent;
  box-sizing: border-box;
  word-wrap: break-word;
  user-select: none;
  position: relative;
  top: 0;
  transition: all 0.2s ease-in-out;
  line-height: normal;
  box-shadow: none;
  font-size: 14px;
  padding: 14px 20px;
  text-decoration: none;
}

.vc_btn3.vc_btn3-style-modern {
  background-image: linear-gradient(to bottom, rgba(255,255,255,.2) 0, rgba(255,255,255,.01) 100%);
  background-repeat: repeat-x;
}

.vc_btn3.vc_btn3-shape-square { border-radius: 0; }
.vc_btn3.vc_btn3-size-lg { font-size: 16px; padding: 18px 25px; }

/* Theme-like "green" button (matches art-gas look). */
.vc_btn3.vc_btn3-color-green,
.vc_btn3.vc_btn3-color-green.vc_btn3-style-flat,
.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern {
  color: #ffffff;
  border-color: #65ad00;
  background-color: #65ad00;
}

.vc_btn3.vc_btn3-color-green:focus,
.vc_btn3.vc_btn3-color-green:hover,
.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern:focus,
.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern:hover {
  color: #f7f7f7;
  border-color: #428a00;
  background-color: #428a00;
  text-decoration: none;
}

/* Icon element (excel file icon on /delivery). */
.vc_icon_element {
  line-height: 0;
  font-size: 14px;
  margin-bottom: 35px;
}

.vc_icon_element.vc_icon_element-outer {
  box-sizing: border-box;
  text-align: center;
}

.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left { text-align: left; }
.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center { text-align: center; }
.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-right { text-align: right; }

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
  text-align: center;
  display: inline-block;
  border: 2px solid transparent;
  width: 4em;
  height: 4em;
  box-sizing: content-box;
  position: relative;
  border-radius: 50%;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon {
  font-style: normal;
  font-weight: 400;
  line-height: 1 !important;
  text-rendering: auto;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-link {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: content-box;
  border: none;
}

/* Make size modifiers work even if WP didn't output helper classes like `vc_icon_element-have-style-inner`. */
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl {
  width: 7.15em;
  height: 7.15em;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl .vc_icon_element-icon {
  font-size: 5em;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg {
  width: 5.2em;
  height: 5.2em;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg .vc_icon_element-icon {
  font-size: 3.2em;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-green .vc_icon_element-icon {
  color: #65ad00;
}

/* WP markup on art-gas uses `vc_icon_element-background-color-grey` without `vc_icon_element-background` class. */
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-background-color-grey {
  background-color: #ebebeb;
  border-color: #ebebeb;
}

/* WPBakery TTA accordion (used on /about-us-2 certificates). */
.vc_tta-container {
  margin-bottom: 21.74px;
}

.vc_tta.vc_general {
  font-size: 1em;
}

.vc_tta .vc_tta-panels,
.vc_tta .vc_tta-panels-container {
  box-sizing: border-box;
  position: relative;
}

.vc_tta .vc_tta-panel {
  display: block;
}

.vc_tta .vc_tta-panel-heading {
  border: solid transparent;
  box-sizing: border-box;
  transition: background 0.2s ease-in-out;
}

.vc_tta .vc_tta-panel-title {
  margin: 0;
  line-height: 1;
}

.vc_tta .vc_tta-panel-title > a {
  background: transparent;
  display: block;
  padding: 14px 20px;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
  position: relative;
  transition: color 0.2s ease-in-out;
  border: none;
  box-shadow: none;
}

.vc_tta .vc_tta-panel-body {
  border: solid transparent;
  box-sizing: content-box;
  padding: 14px 20px;
  display: none;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  transition: padding 0.2s ease-in-out;
}

.vc_tta .vc_tta-panel-body > :last-child {
  margin-bottom: 0;
}

.vc_tta .vc_tta-panel.vc_active,
.vc_tta .vc_tta-panel.vc_active .vc_tta-panel-body {
  display: block;
}

.vc_tta.vc_tta-o-all-clickable .vc_tta-panel .vc_tta-panel-title > a:hover {
  cursor: pointer;
}

.vc_tta .vc_tta-icon {
  font-size: 1.15em;
  line-height: 0;
  display: inline;
  vertical-align: middle;
}

.vc_tta .vc_tta-title-text:not(:empty):not(:first-child),
.vc_tta .vc_tta-title-text:not(:empty) ~ * {
  margin-left: 14px;
}

.vc_tta.vc_tta-shape-square .vc_tta-panel-body,
.vc_tta.vc_tta-shape-square .vc_tta-panel-heading {
  border-radius: 0;
}

.vc_tta.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
  background-color: #f8f8f8;
}

.vc_tta.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover {
  background-color: #f0f0f0;
}

.about-company-certificates .vc_tta-panel .vc_tta-panel-heading:hover,
.about-company-certificates .vc_tta-panel .ag-about-certificate-toggle:hover {
  background-color: #d9dada !important;
}

.vc_tta.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a,
.vc_tta.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a {
  color: #666666;
}

.vc_tta.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body {
  background-color: #f8f8f8;
  color: #666666;
}

.vc_tta.vc_tta-gap-5 .vc_tta-panel:not(:first-child) .vc_tta-panel-heading {
  margin-top: 5px;
}

.vc_tta.vc_tta-gap-5 .vc_tta-panel:not(:last-child):not(.vc_active) .vc_tta-panel-heading {
  margin-bottom: 5px;
}

.vc_tta-panel-asset {
  margin: 0 0 14px;
}

.vc_tta-panel-asset a {
  display: inline-block;
}

.vc_tta-panel-asset img {
  display: block;
  max-width: 100%;
  height: auto;
}

.ag-about-certificate-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  border: 0;
  background: transparent;
  color: #666666;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.ag-about-certificate-toggle .vc_tta-icon {
  transition: transform 0.2s ease;
}

.vc_tta-panel.vc_active .ag-about-certificate-toggle .vc_tta-icon {
  transform: rotate(180deg);
}

.mnky_client_logo_wrapper {
  text-align: center;
}

.mnky_client_logo_wrapper .client_image img {
  max-width: 100%;
  height: auto;
}

.mnky_client_logo_wrapper.client-logo-center-align .client_image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.about-company-clients-row:not(:last-of-type) {
  margin-bottom: 42px;
}

.about-company-clients-row .wpb_column {
  display: flex;
}

.about-company-clients-row .vc_column-inner,
.about-company-clients-row .wpb_wrapper,
.about-company-clients-row .mnky_client_logo_wrapper,
.about-company-clients-row .client_image {
  width: 100%;
}

.about-company-clients-row .mnky_client_logo_wrapper,
.about-company-clients-row .client_image {
  min-height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-company-clients-row .client_image img {
  width: auto;
  max-width: 100%;
  max-height: 75px;
  object-fit: contain;
}

.about-company-products-block {
  background-color: #f6f7f8;
}

.about-company-products-block > .wpb_column > .vc_column-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

/* Прямой <img> в обёртке (art-gas /use/ без .client_image) */
.mnky_client_logo_wrapper > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .about-company-clients-row:not(:last-of-type) {
    margin-bottom: 24px;
  }

  .about-company-clients-row .wpb_column:not(:last-child) {
    margin-bottom: 24px;
  }

  .vc_col-sm-1, .vc_col-sm-2, .vc_col-sm-3,
  .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6,
  .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9,
  .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12 {
    width: 100%;
    flex: 0 0 100%;
  }

  /* /use — одна колонка на мобиле (явное правило оставляем для стабильности). */
  .page-use .entry-content .vc_col-sm-1,
  .page-use .entry-content .vc_col-sm-2,
  .page-use .entry-content .vc_col-sm-3,
  .page-use .entry-content .vc_col-sm-4,
  .page-use .entry-content .vc_col-sm-5,
  .page-use .entry-content .vc_col-sm-6,
  .page-use .entry-content .vc_col-sm-7,
  .page-use .entry-content .vc_col-sm-8,
  .page-use .entry-content .vc_col-sm-9,
  .page-use .entry-content .vc_col-sm-10,
  .page-use .entry-content .vc_col-sm-11,
  .page-use .entry-content .vc_col-sm-12,
  #content .entry-content .use-spheres-row--grid .use-spheres-col,
  #content .entry-content .use-spheres-row--grid .vc_col-sm-1,
  #content .entry-content .use-spheres-row--grid .vc_col-sm-2,
  #content .entry-content .use-spheres-row--grid .vc_col-sm-3,
  #content .entry-content .use-spheres-row--grid .vc_col-sm-4,
  #content .entry-content .use-spheres-row--grid .vc_col-sm-5,
  #content .entry-content .use-spheres-row--grid .vc_col-sm-6,
  #content .entry-content .use-spheres-row--grid .vc_col-sm-7,
  #content .entry-content .use-spheres-row--grid .vc_col-sm-8,
  #content .entry-content .use-spheres-row--grid .vc_col-sm-9,
  #content .entry-content .use-spheres-row--grid .vc_col-sm-10,
  #content .entry-content .use-spheres-row--grid .vc_col-sm-11,
  #content .entry-content .use-spheres-row--grid .vc_col-sm-12 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .home-hero__cards {
    gap: 20px;
    min-height: auto;
    flex-wrap: wrap;
  }

  .home-hero__card {
    width: 100%;
    max-width: 300px;
  }

  .home-hero__subtitle {
    font-size: 16px;
  }

  .home-hero__title {
    font-size: 28px;
  }

  .footer-sidebar .vc_col-sm-3 {
    width: 100%;
    flex: 0 0 100%;
  }
}

.site-footer .vc_row {
  display: flex;
  flex-wrap: wrap;
}

.site-footer .vc_row > [class*="vc_col-"] {
  margin-bottom: 0;
}

.site-footer .widget-title {
  font-size: 18px;
  margin-bottom: 25px;
}

.site-footer .widget p,
.site-footer .widget li,
.site-footer .widget a {
  font-size: 14px;
  line-height: 1.6;
}

.site-footer .footer-sidebar {
  background: #2e97cc;
}

.site-footer .footer-sidebar .inner {
  padding: 35px 30px;
}

.site-footer .footer-sidebar .widget {
  margin-bottom: 25px;
  color: rgba(255,255,255,0.8);
}

.site-footer .footer-sidebar .widget a {
  color: rgba(255,255,255,0.7);
}

.site-footer .footer-sidebar .widget a:hover {
  color: rgba(255,255,255,1);
}

.site-footer .footer-sidebar .widget .widget-title {
  color: #ffffff;
}

.site-footer .footer-sidebar .widget ul li,
.site-footer .footer-sidebar .widget ul ul {
  border: none;
}

.site-footer .footer-sidebar .widget ul li {
  padding: 4px 0;
}

.site-footer .footer-sidebar .widget input {
  background: none;
  color: rgba(255,255,255,0.7);
}

.site-footer .site-info {
  width: 100%;
  background: #314259;
  padding: 0 0 42px;
  text-align: center;
}

.site-footer .site-info .copyright-separator {
  border-top: 0;
  padding-top: 42px;
}

.site-footer .site-info .inner {
  display: block;
  padding: 0 30px;
}

.site-footer .site-info .widget,
.site-footer .site-info .widget p,
.site-footer .site-info .widget a {
  color: rgba(255,255,255,0.8);
}

.site-footer .site-info .widget_text p {
  margin: 0;
  text-align: center;
}

.site-footer .site-info .widget_text {
  margin: 0;
}

.site-footer .site-info__row {
  position: relative;
  min-height: 90px;
}

.site-footer .site-info__brand {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.site-footer .site-info__brand a {
  display: block;
}

.site-footer .site-info__copy {
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1.4;
  color: rgba(255,255,255,0.85);
}

.site-footer .footer-sidebar .vc_col-sm-3:nth-child(1) {
  width: 20%;
  flex: 0 0 20%;
}

.site-footer .footer-sidebar .vc_col-sm-3:nth-child(2) {
  width: 20%;
  flex: 0 0 20%;
}

.site-info .widget_text p img.alignleft {
  float: left;
  margin: 0;
  max-width: 175px;
  height: auto;
}

.site-footer .site-info__brand img.alignleft {
  float: none;
  display: block;
  margin: 0;
  max-width: 230px;
  width: 230px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .site-footer .footer-sidebar .inner {
    padding: 50px 30px;
  }

  .site-footer .footer-sidebar .vc_col-sm-3:nth-child(1),
  .site-footer .footer-sidebar .vc_col-sm-3:nth-child(2) {
    width: 100%;
    flex: 0 0 100%;
  }

  .site-footer .site-info .inner {
    padding: 0 30px;
  }

  .site-footer .site-info {
    padding-bottom: 30px;
  }

  .site-footer .site-info .copyright-separator {
    padding-top: 30px;
  }

  .site-footer .site-info__row {
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
  }

  .site-footer .site-info__brand {
    position: static;
    transform: none;
  }

  .site-footer .site-info__copy {
    min-height: auto;
    font-size: 16px;
    text-align: center;
  }

  .site-footer .site-info__brand img.alignleft {
    width: min(230px, 100%);
  }
}

.header-search .close-header-search {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #0b3b5b;
  font-size: 22px;
  cursor: pointer;
  opacity: 1 !important;
  width: auto;
  height: auto;
  margin: 0;
}

.unified-slider-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 12px 0 8px;
}

.unified-slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  padding: 0 !important;
  min-width: 0;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  border-bottom: 0 !important; /* theme buttons add a bottom border */
  background: rgba(255, 255, 255, 0.72) !important;
  background-image: none !important;
  color: #0b3b5b;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  opacity: 0.55;
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 5;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

.unified-slider-arrow::before {
  font-family: FontAwesome;
  font-weight: 400;
  display: block;
  line-height: 1;
}

.unified-slider-prev::before {
  content: "\f104"; /* angle-left */
  margin-left: -1px; /* optical centering */
}

.unified-slider-next::before {
  content: "\f105"; /* angle-right */
  margin-right: -1px; /* optical centering */
}

.unified-slider-arrow:hover {
  opacity: 0.9;
  transform: translateY(-50%) scale(1.02);
}

.unified-slider-prev {
  left: 8px;
}

.unified-slider-next {
  right: 8px;
}

@media (hover: hover) and (pointer: fine) {
  /* Desktop: keep arrows subtle until user hovers the slider. */
  .unified-slider .unified-slider-arrow {
    opacity: 0.25;
  }

  .unified-slider:hover .unified-slider-arrow,
  .unified-slider:focus-within .unified-slider-arrow {
    opacity: 0.75;
  }
}

.unified-slider-dot {
  width: 10px;
  height: 10px;
  min-width: 0;
  padding: 0;
  margin: 0;
  display: block;
  line-height: 0;
  font-size: 0;
  border: 0;
  border-radius: 50%;
  background: #9ea4ad;
  cursor: pointer;
}

.unified-slider-dot.is-active {
  background: #1f1f1f;
}

/* WPBakery VC carousel indicators render as 1..N ordered list without original theme CSS.
   We generate our own dots via initUnifiedSlider(). */
.vc_images_carousel .vc_carousel-indicators {
  display: none !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Accessories-like gallery frame, close to original site look */
.wpb_gallery .wpb_gallery_slides {
  max-width: 580px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  padding: 18px;
  box-sizing: border-box;
}

.wpb_gallery .wpb_gallery_slides ul.slides {
  margin: 0;
  padding: 0;
}

.wpb_gallery .wpb_gallery_slides ul.slides > li {
  margin: 0;
  padding: 0;
}

.wpb_gallery .wpb_gallery_slides ul.slides > li img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 470px;
  object-fit: contain;
  margin: 0 auto;
}

/* WPBakery FlexSlider: hide its default nav (it renders as 1..N list without the original flexslider.css).
   We use our own dots via initUnifiedSlider() in fintech.blade.php. */
.wpb_gallery .wpb_gallery_slides .flex-control-nav,
.wpb_gallery .wpb_gallery_slides .flex-direction-nav,
.wpb_gallery .wpb_gallery_slides .flex-control-paging {
  display: none !important;
}

.wpb_gallery .wpb_gallery_slides ol.flex-control-nav,
.wpb_gallery .wpb_gallery_slides ul.flex-direction-nav {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Products use WPBakery's flexslider wrapper directly (outside .wpb_gallery_slides) */
.wpb_flexslider.flexslider .flex-control-nav,
.wpb_flexslider.flexslider .flex-direction-nav,
.wpb_flexslider.flexslider .flex-control-paging,
.wpb_gallery_slides.wpb_flexslider.flexslider .flex-control-nav,
.wpb_gallery_slides.wpb_flexslider.flexslider .flex-direction-nav,
.wpb_gallery_slides.wpb_flexslider.flexslider .flex-control-paging {
  display: none !important;
}

.wpb_flexslider.flexslider ol.flex-control-nav,
.wpb_flexslider.flexslider ul.flex-direction-nav,
.wpb_gallery_slides.wpb_flexslider.flexslider ol.flex-control-nav,
.wpb_gallery_slides.wpb_flexslider.flexslider ul.flex-direction-nav {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ------------------------------------------------------------------------- */
/* /contact-us — 1:1 с art-gas.com: hero (Karta-1), VC-отступы, карты, CF7  */
/* ------------------------------------------------------------------------- */

/* Фоновое изображение hero — Karta-1.jpg как на art-gas.com (при необходимости — зеркало в /media/) */
.page-contact-us #contact-pre-content.pre-content {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #1a2e3d;
  background-image: url("https://art-gas.com/wp-content/uploads/2016/09/Karta-1.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Header dropdown: on contact page hero/overlaps can visually cover the submenu. */
.page-contact-us #site-navigation ul li ul {
  z-index: 99999;
}

.page-contact-us #subnavigation ul li ul {
  z-index: 99999;
}

.page-contact-us #site-header,
.page-contact-us #subnavigation {
  position: relative;
  z-index: 1000;
}

.page-contact-us #contact-pre-content.pre-content .pre-content-html {
  margin: 0 auto;
  padding: 0 30px 260px 30px;
  box-sizing: border-box;
  position: relative;
}

/* Крошки над заголовком (тёмный фон hero) */
.page-contact-us #contact-pre-content.pre-content .contact-hero__breadcrumbs {
  float: none;
  width: 100%;
  margin: 0 0 16px 0;
  text-align: left;
  clear: both;
}

.page-contact-us #contact-pre-content.pre-content .contact-hero__breadcrumbs .mnky_breadcrumbs {
  float: none;
  display: block;
  margin: 0;
  font-size: 20px;
  line-height: 1.45;
  font-weight: 500;
  letter-spacing: 0.1px;
}

.page-contact-us #contact-pre-content.pre-content .contact-hero__breadcrumbs .mnky_breadcrumbs a,
.page-contact-us #contact-pre-content.pre-content .contact-hero__breadcrumbs .mnky_breadcrumbs a span {
  color: rgba(255, 255, 255, 0.9) !important;
  transition: color 0.15s;
}

.page-contact-us #contact-pre-content.pre-content .contact-hero__breadcrumbs .mnky_breadcrumbs a:hover,
.page-contact-us #contact-pre-content.pre-content .contact-hero__breadcrumbs .mnky_breadcrumbs a:hover span {
  color: #f39c12 !important;
}

.page-contact-us #contact-pre-content.pre-content .contact-hero__breadcrumbs .mnky_breadcrumbs .breadcrumb-separator {
  color: rgba(255, 255, 255, 0.45);
  margin: 0 10px;
}

/* Текущая страница в крошках */
.page-contact-us #contact-pre-content.pre-content .contact-hero__breadcrumbs .mnky_breadcrumbs [property="itemListElement"] > [property="name"] {
  color: #f39c12 !important;
}

@media (max-width: 767px) {
  .page-contact-us #contact-pre-content.pre-content .contact-hero__breadcrumbs {
    margin: 0 0 12px 0;
  }

  .page-contact-us #contact-pre-content.pre-content .contact-hero__breadcrumbs .mnky_breadcrumbs {
    font-size: 16px;
    line-height: 1.4;
  }

  .page-contact-us #contact-pre-content.pre-content .contact-hero__breadcrumbs .mnky_breadcrumbs .breadcrumb-separator {
    margin: 0 8px;
  }
}

.contact-hero__title {
  color: #fff !important;
  font-size: 48px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  margin: 0 0 10px !important;
}

.contact-hero__lead {
  margin: 0;
  color: #eee;
  font-weight: 300;
  line-height: 1.5;
  font-size: 16px;
}

.page-contact-us .vc_empty_space_inner {
  display: block;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
}

.mnky-shadow,
.contact-us-main-row.mnky-shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

/* vc_custom_1474048812579 */
.contact-page-vc .contact-us-main-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: -200px !important;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  align-items: stretch;
  column-gap: 0;
  row-gap: 0;
}

/* Сброс глобального .vc_row > .wpb_column { padding: 0 15px } — иначе между колонками «зелёная щель» */
.contact-page-vc .contact-us-main-row > .wpb_column {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* vc_custom_1474048817294 — левая колонка */
.contact-us-vc-custom-form {
  box-sizing: border-box;
  padding: 60px 60px 30px 60px !important;
  background-color: #ffffff !important;
  height: 100%;
}

/* vc_custom_1474048822218 — правая */
.contact-us-vc-custom-side {
  box-sizing: border-box;
  padding: 60px 60px 60px 60px !important;
  background-color: #f6f7f8 !important;
  height: 100%;
}

.contact-page-vc .contact-us-main-row .vc_col-sm-8 {
  width: 66.666%;
  flex: 0 0 66.666%;
}

.contact-page-vc .contact-us-main-row .vc_col-sm-4 {
  width: 33.333%;
  flex: 0 0 33.333%;
}

.mnky_heading_wrapper {
  margin: 0 0 0 0;
}

.mnky_heading_wrapper .mnky-h2-24,
.mnky_heading_wrapper .contact-sidebar-heading {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  color: #0b3b5b;
  margin: 0;
  padding: 0;
}

.mnky_heading_wrapper .heading-line {
  display: block;
  margin: 0;
  line-height: 0;
  padding-top: 2px;
}

.mnky_heading_wrapper .heading-line span {
  display: block;
  width: 40px;
  height: 2px;
  background-color: #f39c12;
}

/* Карта 270×300 */
.contact-yandex-map--side {
  position: relative;
  width: 100%;
  max-width: 270px;
  min-height: 300px;
  overflow: hidden;
}

.contact-yandex-map--side script {
  display: block;
}

/* Список как mnky list item */
.mnky_custom-list-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 10px 14px;
  margin-bottom: 0;
  padding-bottom: 12px;
  line-height: 1.5;
  font-size: 15px;
  color: #2d2d2d;
}

.mnky_custom-list-item + .mnky_custom-list-item {
  margin-top: 4px;
}

.mnky_custom-list-item .fa {
  flex: 0 0 auto;
  color: #65ad00;
  font-size: 16px;
  line-height: 1.4;
  width: 20px;
  text-align: center;
  margin-top: 2px;
}

.mnky_custom-list-item a {
  color: #0b3b5b;
  text-decoration: none;
}

.mnky_custom-list-item a:hover {
  text-decoration: underline;
}

/* Внутренняя сетка email */
.contact-mail-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}

.contact-mail-row .vc_col-sm-2 {
  width: 16.666%;
  flex: 0 0 16.666%;
}

.contact-mail-row .vc_col-sm-10 {
  width: 83.333%;
  flex: 0 0 83.333%;
  padding-left: 0;
}

.contact-mail-text {
  margin: 0 0 6px;
  line-height: 1.5;
  font-size: 15px;
  color: #2d2d2d;
}

.contact-mail-text a {
  color: #0b3b5b;
}

.contact-mail-icon .mnky_custom-list-item,
.contact-mail-icon.mnky_custom-list-item {
  margin: 0;
  padding: 0;
  justify-content: center;
}

.contact-mail-icon .fa,
.contact-mail-icon i.fa {
  font-size: 16px;
}

.contact-us-outro {
  margin: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
  color: #2d2d2d;
}

/* Широкая карта — на всю ширину ряда «2 колонки» (как выше) */
.page-contact-us .contact-page-vc .contact-wide-map-outer {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  clear: both;
}

.page-contact-us .contact-page-vc .contact-wide-map-inner {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 362px;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  background: #e8edf1;
  border-radius: 0;
  -webkit-overflow-scrolling: touch;
}

/* Конструктор вставляет iframe — растягиваем на всю ширину блока */
.page-contact-us .contact-page-vc .contact-wide-map-inner iframe {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 362px !important;
  min-height: 362px !important;
  border: 0 !important;
  display: block;
  vertical-align: top;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .page-contact-us .contact-page-vc .contact-wide-map-inner {
    min-height: 280px;
  }

  .page-contact-us .contact-page-vc .contact-wide-map-inner iframe {
    height: 280px !important;
    min-height: 280px !important;
  }

  .ag-product-contact-info {
    padding-right: 0;
    margin-bottom: 24px;
  }

  .cf-form {
    max-width: 100%;
  }

  .cf-form .cf-row--2col {
    flex-direction: column;
    gap: 0;
  }
}

/* CF7-форма: как на art-gas (контакты + обучение) */
/* ── Contact form — unified redesign ─────────────────────────────── */

/* Success message */
.contact-form-wrapper .wpcf7-mail-sent-ok {
  color: #166534;
  border: 1px solid #86efac;
  background: #f0fdf4;
  padding: 11px 14px;
  margin: 0 0 16px;
  border-radius: 7px;
  font-size: 15px;
}

/* Form max-width */
.cf-form {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

/* Contact page col-sm-8: form fills the column */
.contact-us-vc-custom-form .cf-form {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* Obuchenie page: slightly wider, centered */
.obuchenie-form-wrap .cf-form {
  max-width: 540px;
}

/* Product page two-column contact section */
.ag-product-contact-section .cf-form {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.ag-product-contact-row {
  align-items: center;
}

.ag-product-contact-info {
  padding-right: 32px;
}

.ag-product-contact-info h2 {
  font-size: 26px;
  font-weight: 600;
  color: #0b3b5b;
  margin: 0 0 16px;
  line-height: 1.3;
}

.ag-product-contact-info p {
  font-size: 15px;
  line-height: 1.65;
  color: #4b5563;
  margin: 0;
}

/* Field row */
.cf-form .cf-row {
  margin: 0 0 14px;
}

/* Label */
.cf-form .cf-label {
  display: block;
  margin: 0 0 5px;
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1.2;
}

.cf-form .cf-required {
  color: #e53e3e;
  font-size: 12px;
  margin-left: 1px;
}

/* Text / tel / email inputs */
.cf-form .cf-input {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 9px 12px;
  font-size: 15px;
  line-height: 1.45;
  color: #111827;
  background: #fff;
  border: 1.5px solid #d1d5db;
  border-radius: 7px;
  outline: none;
  transition: border-color 0.16s, box-shadow 0.16s;
  text-decoration: none;
}

.cf-form .cf-input::placeholder {
  color: #9ca3af;
}

.cf-form .cf-input:focus {
  border-color: #65ad00;
  box-shadow: 0 0 0 3px rgba(101, 173, 0, 0.13);
}

/* Textarea */
.cf-form .cf-textarea {
  min-height: 110px;
  resize: vertical;
}

/* Privacy row */
.cf-form .cf-row--privacy {
  margin: 6px 0 16px;
}

/* Submit row */
.cf-form .cf-row--submit {
  margin: 0;
}

/* Submit button */
.cf-form .cf-submit {
  display: inline-block;
  padding: 10px 32px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: #65ad00;
  border: none;
  border-radius: 7px;
  cursor: pointer;
  transition: background 0.18s;
  line-height: 1.3;
  letter-spacing: 0.01em;
}

.cf-form .cf-submit:hover {
  background: #4d8600;
}

/* Privacy checkbox */
.cf-form .contact-privacy__label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 1.45;
  color: #4b5563;
  font-weight: 400;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.cf-form .contact-privacy__input {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0.22em 0 0;
  padding: 0;
  cursor: pointer;
  accent-color: #65ad00;
}

.cf-form .contact-privacy__text {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  width: auto !important;
  padding: 0;
  margin: 0;
}

.cf-form .contact-privacy__text a {
  color: #65ad00;
  text-decoration: underline;
}

.cf-form .contact-privacy__text a:hover {
  text-decoration: none;
}

/* Validation error */
.cf-form .wpcf7-not-valid-tip {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #dc2626;
}

/* Select inputs */
.cf-form .cf-select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 34px;
  cursor: pointer;
}

/* Two-column field row */
.cf-form .cf-row--2col {
  display: flex;
  gap: 12px;
}

.cf-form .cf-row--2col .cf-col {
  flex: 1 1 0;
  min-width: 0;
}

/* Section divider label */
.cf-form .cf-section-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9ca3af;
  border-top: 1px solid #e5e7eb;
  padding-top: 14px;
  margin: 4px 0 14px;
}

/* Delivery form max-width override (in col-sm-8 it fills naturally) */
.cf-form--delivery {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* Delivery sidebar */
.delivery-sidebar {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 24px 20px;
  text-align: center;
}

.delivery-sidebar__title {
  font-size: 14px;
  color: #4b5563;
  line-height: 1.5;
  margin: 0 0 20px;
}

.delivery-sidebar__file-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #65ad00;
  margin-bottom: 20px;
}

.delivery-sidebar__file-icon {
  font-size: 48px;
  color: #65ad00;
  line-height: 1;
}

.delivery-sidebar__file-name {
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
}

.delivery-sidebar__file-link:hover .delivery-sidebar__file-name {
  text-decoration: none;
}

.delivery-sidebar__mail-btn {
  display: inline-block;
  padding: 9px 24px;
  font-size: 14px;
  font-weight: 600;
  color: #fff !important;
  background: #65ad00;
  border-radius: 7px;
  text-decoration: none;
  transition: background 0.18s;
}

.delivery-sidebar__mail-btn:hover {
  background: #4d8600;
  color: #fff !important;
  text-decoration: none;
}

/* Delivery intro text */
.delivery-page-intro p {
  margin: 0 0 0.9em;
  font-size: 15px;
  line-height: 1.65;
  color: #3f3f3f;
}

.delivery-page-intro h2 {
  margin: 1.4em 0 0.6em;
}

/* Product contact section wrapper */
.ag-product-contact-section {
  clear: both;
}

/* ------------------------------------------------------------------------- */
/* /obuchenie — 4+8, картинка, текст, форма (art-gas.com/obuchenie/)        */
/* ------------------------------------------------------------------------- */

.page-obuchenie .obuchenie-top-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 0 8px 0;
}

/* Как в Visual Composer (art-gas): 15px слева/справа у каждой ячейки — зазор между картинкой и текстом ~30px */
.page-obuchenie .obuchenie-top-row > .wpb_column {
  box-sizing: border-box;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.page-obuchenie .obuchenie-top-row .vc_col-sm-4 {
  width: 33.333%;
  flex: 0 0 33.333%;
}

.page-obuchenie .obuchenie-top-row .vc_col-sm-8 {
  width: 66.666%;
  flex: 0 0 66.666%;
}

/* Верх картинки и текста на одной линии, без лишнего padding у inner */
.page-obuchenie .obuchenie-top-row .vc_column-inner {
  padding-top: 0;
}

.page-obuchenie .obuchenie-col--text .obuchenie-text-block h2:first-child {
  margin-top: 0;
}

.page-obuchenie .obuchenie-col--text .obuchenie-text-block .wpb_wrapper,
.page-obuchenie .obuchenie-text-block .wpb_wrapper {
  font-size: 16px;
  line-height: 1.6;
  color: #3f3f3f;
}

.page-obuchenie .obuchenie-text-block h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: #0b3b5b;
  margin: 0 0 16px;
}

.page-obuchenie .obuchenie-text-block h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  color: #0b3b5b;
  margin: 20px 0 12px;
}

.page-obuchenie .obuchenie-text-block p {
  margin: 0 0 1em;
}

.page-obuchenie .obuchenie-text-block ul {
  margin: 0 0 1em 0;
  padding: 0 0 0 1.2em;
  list-style: disc;
}

.page-obuchenie .obuchenie-text-block li {
  margin: 0 0 0.4em;
}

.page-obuchenie .obuchenie-figure__inner {
  border: 1px solid #e7e7e7;
  background: #fff;
  padding: 4px;
  display: block;
  box-sizing: border-box;
}

.page-obuchenie .obuchenie-figure__inner img {
  display: block;
  width: 100%;
  max-width: 400px;
  height: auto;
}

.page-obuchenie .obuchenie-form-heading h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: #0b3b5b;
  margin: 0;
}

.page-obuchenie .obuchenie-form-wrap {
  max-width: 100%;
}

/* Планшет: тема задаёт .pre-content-html { height: 250px } — снимаем для контактов */
@media only screen and (max-width: 979px) {
  .page-contact-us #contact-pre-content.pre-content .pre-content-html {
    height: auto !important;
    min-height: 0;
    padding-bottom: 100px !important;
  }

  .contact-hero__title {
    font-size: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .contact-page-vc .contact-us-main-row .vc_col-sm-8,
  .contact-page-vc .contact-us-main-row .vc_col-sm-4 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100%;
  }

  .contact-page-vc .contact-us-main-row {
    margin-top: 0 !important;
  }

  .contact-us-vc-custom-form,
  .contact-us-vc-custom-side {
    padding: 32px 20px 24px 20px !important;
  }

  .contact-mail-row .vc_col-sm-2,
  .contact-mail-row .vc_col-sm-10 {
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  .contact-yandex-map--side {
    max-width: 100%;
  }

  .page-obuchenie .obuchenie-top-row .vc_col-sm-4,
  .page-obuchenie .obuchenie-top-row .vc_col-sm-8 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100%;
  }

  .page-obuchenie .obuchenie-col--img {
    margin-bottom: 24px;
  }

  .page-obuchenie .obuchenie-figure__inner img {
    max-width: 100%;
    margin: 0 auto;
  }
}

/* ------------------------------------------------------------------------- */
/* /use — сетка 3×2. Селектор: #content (без body.page-use — слаг в админке бывает чужой)   */
/* ------------------------------------------------------------------------- */

#content .entry-content .use-page .wpb_row,
#content .entry-content .use-page .wpb_content_element,
.page-use .entry-content .wpb_row,
.page-use .entry-content .wpb_content_element {
  margin-bottom: 0;
}

.page-use .entry-content .mnky-content-box,
#content .entry-content .use-page .mnky-content-box {
  padding: 40px;
  border: 1px solid transparent;
  border-radius: 2px;
  box-sizing: border-box;
}

.page-use .entry-content .mnky-content-box.slide-up-hover,
#content .entry-content .use-page .mnky-content-box.slide-up-hover {
  transition: transform 0.3s ease;
}

.page-use .entry-content .mnky-content-box.slide-up-hover:hover,
#content .entry-content .use-page .mnky-content-box.slide-up-hover:hover {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}

.page-use .entry-content .mnky_client_logo_wrapper,
#content .entry-content .use-page .mnky_client_logo_wrapper {
  display: inline-block;
}

.page-use .entry-content .mnky_client_logo_wrapper.client-logo-center-align,
#content .entry-content .use-page .mnky_client_logo_wrapper.client-logo-center-align {
  display: block;
  text-align: center;
}

.page-use .entry-content .mnky_client_logo_wrapper .client_image img,
#content .entry-content .use-page .mnky_client_logo_wrapper .client_image img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

#content .entry-content .use-page,
.page-use .entry-content .use-page {
  max-width: 100%;
}

#content .entry-content .use-page .vc_row,
#content .entry-content .use-page .vc_row.wpb_row,
.page-use .entry-content .vc_row,
.page-use .entry-content .vc_row.wpb_row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

#content .entry-content .use-spheres-row--grid,
.page-use .entry-content .use-spheres-row--grid {
  margin: 0 0 20px 0;
  padding-top: 60px;
  align-items: stretch !important;
}

#content .entry-content .use-intro-row,
.page-use .entry-content .use-intro-row {
  margin: 0;
}

#content .entry-content .use-intro-row > .wpb_column,
#content .entry-content .use-spheres-row--grid > .use-spheres-col,
.page-use .entry-content .use-intro-row > .wpb_column,
.page-use .entry-content .use-spheres-row--grid > .use-spheres-col {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}

#content .entry-content .use-spheres-row--grid .use-spheres-col,
.page-use .entry-content .use-spheres-row--grid .use-spheres-col {
  width: 33.333%;
  flex: 0 0 33.333%;
  max-width: 33.333%;
  display: flex;
}

#content .entry-content .use-spheres-row--grid .use-spheres-col > .vc_column-inner,
.page-use .entry-content .use-spheres-row--grid .use-spheres-col > .vc_column-inner {
  display: flex;
  width: 100%;
}

#content .entry-content .use-spheres-row--grid .use-spheres-col > .vc_column-inner > .wpb_wrapper,
.page-use .entry-content .use-spheres-row--grid .use-spheres-col > .vc_column-inner > .wpb_wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 32px;
}

#content .entry-content .use-page__hero-title,
.page-use .entry-content .use-page__hero-title {
  margin: 0 0 0.15em 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
  color: #0b3b5b;
}

#content .entry-content .use-page__hero-sub,
.page-use .entry-content .use-page__hero-sub {
  margin: 0;
  font-size: 22px;
  line-height: 1.35;
  color: #3f3f3f;
}

#content .entry-content .use-sphere-card,
.page-use .entry-content .use-sphere-card {
  box-sizing: border-box;
  width: 100% !important;
  overflow: hidden;
  text-align: center !important;
  height: auto;
  /* mnky-content-box даёт padding:40px; для /use нужно чуть компактнее, чтобы 2 строки заголовка не ломали сетку */
  padding: 36px 40px 34px !important;
}

#content .entry-content .use-sphere-card + .use-sphere-card,
.page-use .entry-content .use-sphere-card + .use-sphere-card {
  margin-top: 0;
}

#content .entry-content .use-sphere-card .vc_empty_space,
.page-use .entry-content .use-sphere-card .vc_empty_space {
  display: block !important;
}

/* /use: в оригинале отступы внутри карточек компактнее.
   У нас они приходят как vc_empty_space (inline height:30px) — переопределяем. */
#content .entry-content .use-sphere-card .wpb_text_column + .vc_empty_space,
.page-use .entry-content .use-sphere-card .wpb_text_column + .vc_empty_space {
  height: 22px !important;
}

/* Отступ между описанием и картинкой — ещё меньше, чтобы карточки не разъезжались по высоте. */
#content .entry-content .use-sphere-card .wpb_text_column + .vc_empty_space + .wpb_text_column + .vc_empty_space,
.page-use .entry-content .use-sphere-card .wpb_text_column + .vc_empty_space + .wpb_text_column + .vc_empty_space {
  height: 14px !important;
}

#content .entry-content .use-sphere-card .wpb_text_column,
#content .entry-content .use-sphere-card .wpb_text_column .wpb_wrapper,
.page-use .entry-content .use-sphere-card .wpb_text_column,
.page-use .entry-content .use-sphere-card .wpb_text_column .wpb_wrapper {
  width: 100%;
  max-width: 100%;
}

#content .entry-content .use-sphere-card h2,
.page-use .entry-content .use-sphere-card h2 {
  min-height: 0;
  margin-bottom: 0 !important; /* spacing is controlled by vc_empty_space blocks */
  min-height: 2.6em; /* reserve space for up to 2 lines so cards align */
}

/* Убираем глобальный p { margin-bottom: 1.75em } из style.css; до картинки — компактно */
#content .entry-content .use-sphere-card p,
.page-use .entry-content .use-sphere-card p {
  min-height: 0;
  max-width: none;
  margin-bottom: 0 !important; /* spacing is controlled by vc_empty_space blocks */
  min-height: 6.4em; /* reserve space for up to 4 lines so images start at same Y */
}

#content .entry-content .use-sphere-card .mnky_client_logo_wrapper,
.page-use .entry-content .use-sphere-card .mnky_client_logo_wrapper {
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

#content .entry-content .use-sphere-card .mnky_client_logo_wrapper > img,
.page-use .entry-content .use-sphere-card .mnky_client_logo_wrapper > img {
  max-width: 100%;
  width: 250px;
  height: 168px;
  object-fit: cover;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#content .entry-content .use-sphere-card .mnky_client_logo_wrapper .client_image img,
.page-use .entry-content .use-sphere-card .mnky_client_logo_wrapper .client_image img {
  max-width: 100%;
  width: 250px;
  height: 168px;
  object-fit: cover;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  #content .entry-content .use-sphere-card,
  .page-use .entry-content .use-sphere-card {
    padding: 40px 24px 44px !important;
  }

  #content .entry-content .use-sphere-card h2,
  .page-use .entry-content .use-sphere-card h2 {
    margin-bottom: 0 !important;
    min-height: 0;
  }

  #content .entry-content .use-sphere-card p,
  .page-use .entry-content .use-sphere-card p {
    margin-bottom: 0 !important;
    min-height: 0;
  }

  #content .entry-content .use-spheres-col + .use-spheres-col,
  .page-use .entry-content .use-spheres-col + .use-spheres-col {
    margin-top: 0;
  }

  #content .entry-content .use-sphere-card .wpb_text_column + .vc_empty_space,
  .page-use .entry-content .use-sphere-card .wpb_text_column + .vc_empty_space {
    height: 18px !important;
  }

  #content .entry-content .use-sphere-card .wpb_text_column + .vc_empty_space + .wpb_text_column + .vc_empty_space,
  .page-use .entry-content .use-sphere-card .wpb_text_column + .vc_empty_space + .wpb_text_column + .vc_empty_space {
    height: 12px !important;
  }

  #content .entry-content .use-page__hero-title,
  .page-use .entry-content .use-page__hero-title {
    font-size: 32px;
  }
}

/* ── Межстрочный интервал в списках ─────────────────────────────────── */
.entry-content li,
.wpb_wrapper li {
  line-height: 1.2;
}

/* Single news article paragraph spacing */
.single-post .entry-content p {
  margin-bottom: 12px;
}

.single-post .entry-content-wrapper {
  margin-bottom: 12px;
}

.single-post .mnky-post-links {
  margin-top: 12px;
}

.single-post .single-layout .entry-content {
  margin-bottom: 10px;
}

/* Accessories page */
.accessories-page {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.accessory-item {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.accessory-item__image {
  flex: 0 0 260px;
  max-width: 260px;
}

.accessory-item__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  padding: 8px;
  box-sizing: border-box;
  background: #fff;
}

.accessory-item__body {
  flex: 1 1 auto;
  min-width: 0;
}

.accessory-item__title {
  font-size: 20px;
  font-weight: 600;
  color: #0b3b5b;
  margin: 0 0 12px;
  line-height: 1.3;
}

.accessory-item__desc {
  font-size: 15px;
  line-height: 1.65;
  color: #3f3f3f;
}

@media only screen and (max-width: 767px) {
  .accessory-item {
    flex-direction: column;
  }
  .accessory-item__image {
    flex: none;
    max-width: 200px;
  }
}