.publish_button_toggle {
  position: fixed;
  top: 300px;
  left: 0;
  z-index: 100;
  transform: rotate(90deg);
  transform-origin: bottom left; }
  .publish_button_toggle .button-primary:hover {
    cursor: pointer; }

.publish_button_container {
  background: #f9f9f9;
  width: 220px;
  padding: 15px;
  border: 1px solid #9d9d9d;
  position: fixed;
  top: 250px;
  transform: translateX(-110%);
  -webkit-transform: translateX(-110%); }
  .publish_button_container .publish_container_close {
    position: absolute;
    top: 4px;
    right: 4px; }
    .publish_button_container .publish_container_close:before {
      content: "";
      font-size: 15px;
      font-family: "icomoon-admin";
      color: black;
      font-weight: bold; }
    .publish_button_container .publish_container_close:hover {
      cursor: pointer; }

.slide-in-container {
  animation: slide-in-container 0.5s forwards;
  -webkit-animation: slide-in-container 0.5s forwards; }

.slide-out-container {
  animation: slide-out-container 0.5s forwards;
  -webkit-animation: slide-out-container 0.5s forwards; }

@keyframes slide-in-container {
  0% {
    transform: translateX(-110%); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes slide-in-container {
  0% {
    -webkit-transform: translateX(-110%); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes slide-out-container {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-110%); } }

@-webkit-keyframes slide-out-container {
  0% {
    -webkit-transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-110%); } }

.slide-in-toggle {
  animation: slide-in-toggle 0.5s forwards;
  -webkit-animation: slide-in-toggle 0.5s forwards; }

.slide-out-toggle {
  animation: slide-out-toggle 0.5s forwards;
  -webkit-animation: slide-out-toggle 0.5s forwards; }

@keyframes slide-in-toggle {
  0% {
    transform: rotate(90deg) translateY(110%);
    transform-origin: bottom left; }
  100% {
    transform: rotate(90deg) translateY(0);
    transform-origin: bottom left; } }

@-webkit-keyframes slide-in-toggle {
  0% {
    -webkit-transform: rotate(90deg) translateY(110%);
    -webkit-transform-origin: bottom left; }
  100% {
    -webkit-transform: rotate(90deg) translateY(0);
    -webkit-transform-origin: bottom left; } }

@keyframes slide-out-toggle {
  0% {
    transform: rotate(90deg) translateY(0);
    transform-origin: bottom left; }
  100% {
    transform: rotate(90deg) translateY(110%);
    transform-origin: bottom left; } }

@-webkit-keyframes slide-out-toggle {
  0% {
    -webkit-transform: rotate(90deg) translateY(0);
    -webkit-transform-origin: bottom left; }
  100% {
    -webkit-transform: rotate(90deg) translateY(110%);
    -webkit-transform-origin: bottom left; } }

@keyframes dcOverlayIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes dcModalIn {
  from {
    opacity: 0;
    transform: translateY(-12px) scale(0.97); }
  to {
    opacity: 1;
    transform: translateY(0) scale(1); } }

@keyframes csd-spin {
  to {
    transform: rotate(360deg); } }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/roboto/Roboto-Thin.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto/Roboto-Light.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto/Roboto-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto/Roboto-Medium.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto/Roboto-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto/Roboto-Black.ttf") format("truetype"); }

.ui-multiselect-menu {
  z-index: 5000;
  display: none; }

.ui-multiselect-checkboxes {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.18);
  border: none; }
  .ui-multiselect-checkboxes li label {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-left: 6px;
    padding-right: 6px;
    border: none !important;
    background: none !important;
    color: #535353 !important;
    font-size: 12px !important;
    line-height: 26px; }
    .ui-multiselect-checkboxes li label:hover {
      background: #F3F3F3 !important; }
  .ui-multiselect-checkboxes li .container {
    width: 12px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .ui-multiselect-checkboxes li .container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .ui-multiselect-checkboxes li .container .checkmark {
      position: absolute;
      top: 5px;
      left: 0;
      height: 12px;
      width: 12px;
      background-color: white;
      border: 1px solid #aaaaaa; }
      .ui-multiselect-checkboxes li .container .checkmark:after {
        content: "";
        position: absolute;
        display: none; }
    .ui-multiselect-checkboxes li .container input:checked ~ .checkmark:after {
      display: block; }
    .ui-multiselect-checkboxes li .container .checkmark:after {
      left: 1px;
      top: 1px;
      width: 8px;
      height: 8px;
      border: 1px solid #aaaaaa;
      background-color: #15A6B7; }

.ui-multiselect {
  background: white !important;
  border: 1px solid #D7D7D7 !important;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  color: #535353 !important;
  font-size: 12px !important;
  line-height: 28px; }
  .ui-multiselect .ui-multiselect-open .ui-icon {
    background-image: url("../common/images/admin/select_arrow.png") !important;
    background-position: center; }

@font-face {
  font-family: "BasisGrotesqueArabicPro";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/basis-grotesque/BasisGrotesqueArabicPro-Light.ttf") format("truetype"); }

@font-face {
  font-family: "BasisGrotesqueArabicPro";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/basis-grotesque/BasisGrotesqueArabicPro-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "BasisGrotesqueArabicPro";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/basis-grotesque/BasisGrotesqueArabicPro-Medium.ttf") format("truetype"); }

@font-face {
  font-family: "BasisGrotesqueArabicPro";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/basis-grotesque/BasisGrotesqueArabicPro-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "BasisGrotesqueArabicPro";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/basis-grotesque/BasisGrotesqueArabicPro-Black.ttf") format("truetype"); }

.publish_button_toggle {
  position: fixed;
  top: 300px;
  left: 0;
  z-index: 100;
  transform: rotate(90deg);
  transform-origin: bottom left; }
  .publish_button_toggle .button-primary:hover {
    cursor: pointer; }

.publish_button_container {
  background: #f9f9f9;
  width: 220px;
  padding: 15px;
  border: 1px solid #9d9d9d;
  position: fixed;
  top: 250px;
  transform: translateX(-110%);
  -webkit-transform: translateX(-110%); }
  .publish_button_container .publish_container_close {
    position: absolute;
    top: 4px;
    right: 4px; }
    .publish_button_container .publish_container_close:before {
      content: "";
      font-size: 15px;
      font-family: "icomoon-admin";
      color: black;
      font-weight: bold; }
    .publish_button_container .publish_container_close:hover {
      cursor: pointer; }

.slide-in-container {
  animation: slide-in-container 0.5s forwards;
  -webkit-animation: slide-in-container 0.5s forwards; }

.slide-out-container {
  animation: slide-out-container 0.5s forwards;
  -webkit-animation: slide-out-container 0.5s forwards; }

@keyframes slide-in-container {
  0% {
    transform: translateX(-110%); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes slide-in-container {
  0% {
    -webkit-transform: translateX(-110%); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes slide-out-container {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-110%); } }

@-webkit-keyframes slide-out-container {
  0% {
    -webkit-transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-110%); } }

.slide-in-toggle {
  animation: slide-in-toggle 0.5s forwards;
  -webkit-animation: slide-in-toggle 0.5s forwards; }

.slide-out-toggle {
  animation: slide-out-toggle 0.5s forwards;
  -webkit-animation: slide-out-toggle 0.5s forwards; }

@keyframes slide-in-toggle {
  0% {
    transform: rotate(90deg) translateY(110%);
    transform-origin: bottom left; }
  100% {
    transform: rotate(90deg) translateY(0);
    transform-origin: bottom left; } }

@-webkit-keyframes slide-in-toggle {
  0% {
    -webkit-transform: rotate(90deg) translateY(110%);
    -webkit-transform-origin: bottom left; }
  100% {
    -webkit-transform: rotate(90deg) translateY(0);
    -webkit-transform-origin: bottom left; } }

@keyframes slide-out-toggle {
  0% {
    transform: rotate(90deg) translateY(0);
    transform-origin: bottom left; }
  100% {
    transform: rotate(90deg) translateY(110%);
    transform-origin: bottom left; } }

@-webkit-keyframes slide-out-toggle {
  0% {
    -webkit-transform: rotate(90deg) translateY(0);
    -webkit-transform-origin: bottom left; }
  100% {
    -webkit-transform: rotate(90deg) translateY(110%);
    -webkit-transform-origin: bottom left; } }

@keyframes dcOverlayIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes dcModalIn {
  from {
    opacity: 0;
    transform: translateY(-12px) scale(0.97); }
  to {
    opacity: 1;
    transform: translateY(0) scale(1); } }

@keyframes csd-spin {
  to {
    transform: rotate(360deg); } }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/roboto/Roboto-Thin.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto/Roboto-Light.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto/Roboto-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto/Roboto-Medium.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto/Roboto-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto/Roboto-Black.ttf") format("truetype"); }

.ui-multiselect-menu {
  z-index: 5000;
  display: none; }

.ui-multiselect-checkboxes {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.18);
  border: none; }
  .ui-multiselect-checkboxes li label {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-left: 6px;
    padding-right: 6px;
    border: none !important;
    background: none !important;
    color: #535353 !important;
    font-size: 12px !important;
    line-height: 26px; }
    .ui-multiselect-checkboxes li label:hover {
      background: #F3F3F3 !important; }
  .ui-multiselect-checkboxes li .container {
    width: 12px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .ui-multiselect-checkboxes li .container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .ui-multiselect-checkboxes li .container .checkmark {
      position: absolute;
      top: 5px;
      left: 0;
      height: 12px;
      width: 12px;
      background-color: white;
      border: 1px solid #aaaaaa; }
      .ui-multiselect-checkboxes li .container .checkmark:after {
        content: "";
        position: absolute;
        display: none; }
    .ui-multiselect-checkboxes li .container input:checked ~ .checkmark:after {
      display: block; }
    .ui-multiselect-checkboxes li .container .checkmark:after {
      left: 1px;
      top: 1px;
      width: 8px;
      height: 8px;
      border: 1px solid #aaaaaa;
      background-color: #15A6B7; }

.ui-multiselect {
  background: white !important;
  border: 1px solid #D7D7D7 !important;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  color: #535353 !important;
  font-size: 12px !important;
  line-height: 28px; }
  .ui-multiselect .ui-multiselect-open .ui-icon {
    background-image: url("../common/images/admin/select_arrow.png") !important;
    background-position: center; }


.main-banner-block.banner-full {
  width: 100%; }

.main-banner-block img {
  max-width: 100%; }

.main-banner-block .main-banner-title {
  padding-top: 64px;
  padding-bottom: 64px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media (max-width: 1280px) {
    .main-banner-block .main-banner-title {
      padding-top: 40px; } }
  @media (max-width: 960px) {
    .main-banner-block .main-banner-title {
      padding-top: 32px;
      padding-bottom: 32px; } }
  @media (max-width: 450px) {
    .main-banner-block .main-banner-title {
      padding-top: 32px;
      padding-bottom: 16px; } }
  .main-banner-block .main-banner-title .main-banner-title-content {
    text-align: center;
    display: flex;
    flex-flow: column;
    gap: 16px;
    padding: 0 80px; }
    @media (max-width: 450px) {
      .main-banner-block .main-banner-title .main-banner-title-content {
        padding: 0 16px; } }
    .main-banner-block .main-banner-title .main-banner-title-content h1 {
      font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
      font-style: normal;
      font-weight: 400;
      color: #000000;
      font-size: 40px;
      line-height: 150%;
      margin: unset; }
      @media (max-width: 960px) {
        .main-banner-block .main-banner-title .main-banner-title-content h1 {
          font-size: 32px; } }
    .main-banner-block .main-banner-title .main-banner-title-content h2 {
      font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 150%;
      color: #000000;
      margin: unset; }

.footer {
  margin-bottom: 70px; }
  .footer.without-bottom-navigation {
    margin-bottom: unset; }

.need-hypens {
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto; }

.item-list-panel .product-block-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr) 32px )[1] minmax(0, 1fr);
  -ms-grid-rows: (minmax(0, 1fr) 32px )[2] minmax(0, 1fr);
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 32px 32px;
  margin-bottom: 64px; }
  @media (max-width: 450px) {
    .item-list-panel .product-block-list {
      -ms-grid-columns: minmax(0, 1fr);
      -ms-grid-rows: (minmax(0, 1fr) 0 )[5] minmax(0, 1fr); } }
  @media (max-width: 450px) {
    .item-list-panel .product-block-list {
      grid-gap: 16px; } }
  @media (max-width: 960px) {
    .item-list-panel .product-block-list {
      margin-bottom: 32px; } }
  @media (max-width: 450px) {
    .item-list-panel .product-block-list {
      margin-bottom: 16px; } }

.item-list-panel .product-block {
  box-sizing: border-box;
  min-width: 80px;
  /* allow extreme shrinking in very narrow viewports */
  overflow: hidden;
  background-color: #FFFFFF;
  color: #000000; }
  .item-list-panel .product-block:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1; }
  .item-list-panel .product-block:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1; }
  .item-list-panel .product-block:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 3; }
  .item-list-panel .product-block:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-row: 3; }
  .item-list-panel .product-block:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-row: 5; }
  .item-list-panel .product-block:nth-child(6) {
    -ms-grid-column: 3;
    -ms-grid-row: 5; }
  @media (max-width: 450px) {
    .item-list-panel .product-block:nth-child(1) {
      -ms-grid-column: 1;
      -ms-grid-row: 1; }
    .item-list-panel .product-block:nth-child(2) {
      -ms-grid-column: 1;
      -ms-grid-row: 3; }
    .item-list-panel .product-block:nth-child(3) {
      -ms-grid-column: 1;
      -ms-grid-row: 5; }
    .item-list-panel .product-block:nth-child(4) {
      -ms-grid-column: 1;
      -ms-grid-row: 7; }
    .item-list-panel .product-block:nth-child(5) {
      -ms-grid-column: 1;
      -ms-grid-row: 9; }
    .item-list-panel .product-block:nth-child(6) {
      -ms-grid-column: 1;
      -ms-grid-row: 11; } }
  .item-list-panel .product-block > * {
    display: flex;
    flex-flow: column;
    align-items: stretch;
    height: 100%;
    box-sizing: border-box;
    cursor: default;
    gap: 24px; }
  .item-list-panel .product-block .product-block-image {
    flex: 0 0 auto;
    display: flex;
    overflow: hidden;
    min-height: 312px;
    border-radius: 8px; }
    @media (max-width: 1280px) {
      .item-list-panel .product-block .product-block-image {
        min-height: 291px; } }
    @media (max-width: 960px) {
      .item-list-panel .product-block .product-block-image {
        min-height: 339px; } }
    @media (max-width: 450px) {
      .item-list-panel .product-block .product-block-image {
        min-height: 264px; } }
  .item-list-panel .product-block .product-block-image > img {
    width: 100%;
    height: 100%;
    object-position: top;
    transition: 0.3s all ease-in-out; }
    .item-list-panel .product-block .product-block-image > img:hover {
      transform: scale(1.2); }
  .item-list-panel .product-block .product-block-text {
    word-break: break-word;
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    text-align: left;
    gap: 12px; }
    .item-list-panel .product-block .product-block-text h2 {
      margin: 0; }
  .item-list-panel .product-block .text-title {
    font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #000000;
    font-size: 32px;
    line-height: 150%;
    margin-top: 8px; }
    @media (max-width: 450px) {
      .item-list-panel .product-block .text-title {
        font-size: 24px; } }
  .item-list-panel .product-block .text-lead {
    font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #484848;
    font-size: 16px;
    line-height: 150%;
    margin-top: 8px; }
  .item-list-panel .product-block .text-disclaimer {
    font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    color: #484848; }
  .item-list-panel .product-block .button-wrapper {
    display: flex; }
  .item-list-panel .product-block .button-primary {
    background-color: transparent;
    color: #000000;
    font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 120%;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    padding: 6px 4px 6px 4px;
    text-align: center;
    border: 1px solid #000000;
    border-radius: 4px;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 12px 55px;
    text-transform: unset; }
    .item-list-panel .product-block .button-primary::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%;
      background-color: #96B414;
      transition: all .3s ease-in-out;
      transform: translateX(-100%) translateZ(0);
      border: none;
      animation: none;
      opacity: 1;
      z-index: -1; }
    .item-list-panel .product-block .button-primary:hover::after {
      left: 0;
      transform: translateX(0) translateZ(0); }
    .item-list-panel .product-block .button-primary:hover {
      color: #FFFFFF;
      background-color: transparent;
      border: 1px solid transparent; }
    .item-list-panel .product-block .button-primary span {
      display: flex;
      height: 22px;
      align-items: center;
      text-transform: unset; }
    @media (max-width: 450px) {
      .item-list-panel .product-block .button-primary {
        width: 100%; } }

.item-list-panel .legal-banner {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: #f3f3f3;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 10px -1px rgba(0, 0, 0, 0.12); }

.item-list-panel .legal-banner p {
  margin: 0 auto;
  padding: 20px;
  font-weight: 300;
  font-size: 32px;
  line-height: 40px;
  text-transform: uppercase;
  text-align: center; }

.capability-sidebar-off .item-list-panel .product-block:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-row: 1; }

.capability-sidebar-off .item-list-panel .product-block:nth-child(2) {
  -ms-grid-column: 3;
  -ms-grid-row: 1; }

.capability-sidebar-off .item-list-panel .product-block:nth-child(3) {
  -ms-grid-column: 5;
  -ms-grid-row: 1; }

.capability-sidebar-off .item-list-panel .product-block:nth-child(4) {
  -ms-grid-column: 1;
  -ms-grid-row: 3; }

.capability-sidebar-off .item-list-panel .product-block:nth-child(5) {
  -ms-grid-column: 3;
  -ms-grid-row: 3; }

.capability-sidebar-off .item-list-panel .product-block:nth-child(6) {
  -ms-grid-column: 5;
  -ms-grid-row: 3; }

@media (max-width: 960px) {
  .capability-sidebar-off .item-list-panel .product-block:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1; }
  .capability-sidebar-off .item-list-panel .product-block:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1; }
  .capability-sidebar-off .item-list-panel .product-block:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 3; }
  .capability-sidebar-off .item-list-panel .product-block:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-row: 3; }
  .capability-sidebar-off .item-list-panel .product-block:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-row: 5; }
  .capability-sidebar-off .item-list-panel .product-block:nth-child(6) {
    -ms-grid-column: 3;
    -ms-grid-row: 5; } }

@media (max-width: 450px) {
  .capability-sidebar-off .item-list-panel .product-block:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1; }
  .capability-sidebar-off .item-list-panel .product-block:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-row: 3; }
  .capability-sidebar-off .item-list-panel .product-block:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 5; }
  .capability-sidebar-off .item-list-panel .product-block:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-row: 7; }
  .capability-sidebar-off .item-list-panel .product-block:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-row: 9; }
  .capability-sidebar-off .item-list-panel .product-block:nth-child(6) {
    -ms-grid-column: 1;
    -ms-grid-row: 11; } }

.menu-block {
  width: 100%; }
  @media not all and (max-width: 960px) {
    .page-header .page-header__content .page-header__menu-and-logo .menu-block {
      order: 2;
      flex: 1 1 auto;
      width: auto; } }
  .menu-block ul {
    list-style-type: none;
    padding-inline-start: inherit; }
  .menu-block .menu-icon {
    display: none; }
  .menu-block .menu {
    background-color: #FFFFFF;
    min-height: 48px; }
    @media not all and (max-width: 960px) {
      .menu-block .menu {
        display: block !important; } }
    @media (max-width: 960px) {
      .menu-block .menu {
        display: none;
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        padding-bottom: 20px;
        min-height: unset; } }
    @media (max-width: 450px) {
      .menu-block .menu {
        margin-top: 60px; } }
    .menu-block .menu .menu-content {
      display: flex;
      flex-flow: row;
      justify-content: center;
      align-items: center;
      height: 100%;
      min-height: 48px; }
      @media (max-width: 960px) {
        .menu-block .menu .menu-content {
          display: flex;
          flex-flow: column;
          gap: unset;
          justify-content: unset;
          min-height: unset; } }
      .menu-block .menu .menu-content .menu-list {
        display: flex;
        flex-flow: row;
        gap: 36px;
        margin: unset; }
        @media (max-width: 960px) {
          .menu-block .menu .menu-content .menu-list {
            display: flex;
            flex-flow: column;
            gap: 20px; } }
        .menu-block .menu .menu-content .menu-list .menu-item {
          display: flex;
          flex-flow: column;
          height: 100%;
          align-items: center;
          justify-content: center;
          list-style: none !important;
          font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 150%;
          transition: all 0.3s ease-in-out; }
          .menu-block .menu .menu-content .menu-list .menu-item a {
            display: flex;
            flex-flow: column;
            height: 100%;
            text-align: center;
            justify-content: space-between;
            padding-top: 6px;
            box-sizing: border-box; }
          .menu-block .menu .menu-content .menu-list .menu-item .menu-item-line {
            position: relative;
            height: 3px;
            margin-bottom: 4px;
            background-color: #96B414;
            transform: scaleX(0);
            transform-origin: center;
            transition: transform 0.5s ease; }
          .menu-block .menu .menu-content .menu-list .menu-item.selectedmenu {
            color: #878787; }
          .menu-block .menu .menu-content .menu-list .menu-item:hover span {
            opacity: 1; }
          .menu-block .menu .menu-content .menu-list .menu-item:hover .menu-item-line {
            transform: scaleX(1); }
          .menu-block .menu .menu-content .menu-list .menu-item .menu-item-arrow {
            display: none; }
          .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu a {
            display: grid;
            grid-template-columns: auto auto;
            align-items: center;
            justify-content: center;
            column-gap: 6px;
            height: auto; }
            .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu a span {
              grid-column: 1;
              grid-row: 1; }
            .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu a .menu-item-line {
              grid-column: 1 / span 2;
              grid-row: 2; }
          .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu .menu-item-arrow {
            display: flex;
            align-items: center;
            justify-content: center;
            grid-column: 2;
            grid-row: 1;
            margin-top: -3px;
            width: 10px;
            height: 10px;
            transition: transform 0.2s ease; }
            .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu .menu-item-arrow img {
              display: none; }
            .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu .menu-item-arrow::after {
              content: "";
              width: 7px;
              height: 7px;
              border-right: 1.5px solid currentColor;
              border-bottom: 1.5px solid currentColor;
              transform: rotate(45deg) translate(-1px, -1px); }
          .menu-block .menu .menu-content .menu-list .menu-item .submenu {
            display: none;
            position: absolute;
            flex-flow: column;
            padding: 12px 16px;
            border-radius: 6px;
            gap: 16px;
            background-color: #FFFFFF;
            min-width: 140px;
            top: 60px; }
            .menu-block .menu .menu-content .menu-list .menu-item .submenu .submenu-item {
              font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
              font-style: normal;
              font-weight: 400;
              color: #000000;
              font-size: 16px;
              line-height: 150%; }
              .menu-block .menu .menu-content .menu-list .menu-item .submenu .submenu-item.selected {
                font-weight: 400;
                color: #000000; }
              .menu-block .menu .menu-content .menu-list .menu-item .submenu .submenu-item span {
                opacity: 1; }
              .menu-block .menu .menu-content .menu-list .menu-item .submenu .submenu-item:hover {
                opacity: 1;
                color: #96B414; }
          .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu:hover .submenu {
            display: flex; }
          @media (max-width: 960px) {
            .menu-block .menu .menu-content .menu-list .menu-item {
              font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
              font-style: normal;
              font-weight: 300;
              font-size: 18px;
              line-height: 150%;
              padding: 0 16px; }
              .menu-block .menu .menu-content .menu-list .menu-item a {
                display: flex;
                flex-flow: row;
                align-items: center;
                width: 100%; }
                .menu-block .menu .menu-content .menu-list .menu-item a span {
                  width: 100%; }
              .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu a span {
                margin-left: 32px; }
              .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu .menu-item-arrow {
                display: flex;
                transition: all 0.3s; }
                .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu .menu-item-arrow.open {
                  transform: rotate(180deg); }
              .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu .submenu {
                background-color: #F9F9F9;
                display: flex;
                flex-flow: column;
                position: unset;
                width: 100%;
                gap: 20px; }
                .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu .submenu a.submenu-item span {
                  font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
                  font-style: normal;
                  font-weight: 400;
                  font-size: 16px;
                  line-height: 150%;
                  margin: unset; }
              .menu-block .menu .menu-content .menu-list .menu-item .menu-item-line {
                display: none; }
              .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu a {
                justify-content: center; }
              .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu a span {
                width: auto;
                margin-left: 0; }
              .menu-block .menu .menu-content .menu-list .menu-item.menu-item-submenu .menu-item-arrow {
                flex-shrink: 0;
                margin-left: 6px; } }

.header {
  z-index: 3000;
  position: relative;
  display: block; }

.page-header .page-header__content {
  max-width: 1920px;
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 0 80px;
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  background-color: #FFFFFF;
  justify-content: space-between;
  min-height: 88px;
  border-bottom: 1px solid #E1E1E1;
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease; }
  @media (max-width: 960px) {
    .page-header .page-header__content {
      min-height: 88px;
      padding: 0;
      transition: all 0.3s ease-in-out; } }
  @media (max-width: 450px) {
    .page-header .page-header__content {
      min-height: 88px; } }
  .page-header .page-header__content .page-header__info-wrapper {
    display: contents; }
    @media (max-width: 960px) {
      .page-header .page-header__content .page-header__info-wrapper {
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        min-height: 62px;
        margin-top: unset;
        width: 100%;
        padding: 0 24px; } }
    @media (max-width: 450px) {
      .page-header .page-header__content .page-header__info-wrapper {
        padding: 6px 16px; } }
    .page-header .page-header__content .page-header__info-wrapper .page-header__logo-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      order: 1;
      flex-shrink: 0; }
      .page-header .page-header__content .page-header__info-wrapper .page-header__logo-wrapper .page-header__logo-mobile {
        display: none; }
      .page-header .page-header__content .page-header__info-wrapper .page-header__logo-wrapper .page-header__logo-transparent {
        display: none; }
      .page-header .page-header__content .page-header__info-wrapper .page-header__logo-wrapper .page-header__logo-mobile-transparent {
        display: none; }
      @media (max-width: 960px) {
        .page-header .page-header__content .page-header__info-wrapper .page-header__logo-wrapper .page-header__logo {
          display: none; }
        .page-header .page-header__content .page-header__info-wrapper .page-header__logo-wrapper .page-header__logo-mobile {
          display: block; } }
  @media (max-width: 960px) and (max-width: 450px) {
    .page-header .page-header__content .page-header__info-wrapper .page-header__logo-wrapper .page-header__logo-mobile img {
      width: 40px;
      height: auto; } }
    .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info {
      display: flex;
      flex-flow: row;
      gap: 40px;
      order: 3;
      flex-shrink: 0; }
      .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper {
        display: flex;
        flex-flow: row;
        justify-content: flex-end;
        width: 100%;
        gap: 40px;
        font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 120%;
        color: #000000; }
        .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-callback {
          display: flex;
          min-height: 32px;
          align-items: center;
          cursor: pointer;
          gap: 8px;
          position: relative;
          transition: all 0.3s ease-in-out; }
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-callback::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -4px;
            height: 3px;
            background-color: #96B414;
            transform: scaleX(0);
            transform-origin: center;
            transition: transform 0.5s ease; }
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-callback:hover::after {
            transform: scaleX(1); }
          @media (max-width: 1440px) {
            .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-callback span {
              display: none; } }
          @media (max-width: 450px) {
            .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-callback {
              flex: 1;
              align-items: center;
              justify-content: center;
              border: 1px solid #E6F0DC; } }
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-callback .page-header__dealer-contact-icon {
            display: flex;
            transition: all 0.3s ease-in-out; }
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-callback .page-header__dealer-contact-icon-transparent {
            display: none;
            transition: all 0.3s ease-in-out; }
        .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-phone {
          display: flex;
          min-height: 32px;
          align-items: center;
          cursor: pointer;
          gap: 8px;
          position: relative;
          transition: all 0.3s ease-in-out; }
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-phone::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -4px;
            height: 3px;
            background-color: #96B414;
            transform: scaleX(0);
            transform-origin: center;
            transition: transform 0.5s ease; }
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-phone:hover::after {
            transform: scaleX(1); }
          @media (max-width: 1440px) {
            .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-phone .page-header__dealer-phone {
              display: none; } }
          @media (max-width: 450px) {
            .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-phone {
              flex: 1;
              align-items: center;
              justify-content: center;
              border: 1px solid #E6F0DC; } }
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-phone .page-header__dealer-contact-icon {
            display: flex;
            transition: all 0.3s ease-in-out; }
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-phone .page-header__dealer-contact-icon-transparent {
            display: none;
            transition: all 0.3s ease-in-out; }
        @media (max-width: 450px) {
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper {
            display: none;
            flex-flow: row;
            position: absolute;
            top: 74px;
            height: 40px;
            left: 0;
            width: 100%;
            background: white;
            align-items: center;
            justify-content: center;
            padding-bottom: 20px;
            gap: unset; } }
      .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__hamburger-menu-wrapper {
        display: none;
        flex-flow: column;
        min-height: 32px;
        align-items: center;
        cursor: pointer; }
        @media (max-width: 960px) {
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__hamburger-menu-wrapper {
            display: flex; } }
        @media (max-width: 450px) {
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__hamburger-menu-wrapper img {
            width: 36px;
            height: auto; } }
        .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__hamburger-menu-wrapper .page-header__hamburger-menu {
          display: flex; }
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__hamburger-menu-wrapper .page-header__hamburger-menu.hide {
            display: none; }
        .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__hamburger-menu-wrapper .page-header__hamburger-menu-transparent {
          display: none; }
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__hamburger-menu-wrapper .page-header__hamburger-menu-transparent.hide {
            display: none; }
        .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__hamburger-menu-wrapper .page-header__menu-closer {
          display: none; }
          .page-header .page-header__content .page-header__info-wrapper .page-header__dealer-contact-info .page-header__hamburger-menu-wrapper .page-header__menu-closer.show {
            display: flex; }
  .page-header .page-header__content .page-header__menu-and-logo {
    display: contents; }
    @media (max-width: 960px) {
      .page-header .page-header__content .page-header__menu-and-logo {
        display: none; } }
    @media (max-width: 960px) {
      .page-header .page-header__content .page-header__menu-and-logo.open {
        display: flex;
        flex-flow: unset;
        padding: unset;
        gap: unset;
        align-items: unset;
        min-height: 40px;
        max-width: unset;
        position: unset;
        width: 100%;
        box-sizing: border-box;
        min-width: 0; } }
    @media (max-width: 960px) {
      .page-header .page-header__content .page-header__menu-and-logo .menu-block {
        max-width: unset;
        padding: unset; }
        .page-header .page-header__content .page-header__menu-and-logo .menu-block .menu {
          display: none !important; } }
  @media (max-width: 960px) {
    .page-header .page-header__content .menu-block {
      background-color: #FFFFFF; } }
  .page-header .page-header__content.transparent {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 1920px;
    border-bottom: unset;
    transform: translateY(0);
    opacity: 1; }
    .page-header .page-header__content.transparent .page-header__info-wrapper {
      margin-top: 16px;
      min-height: 32px;
      max-height: 32px; }
      @media (max-width: 960px) {
        .page-header .page-header__content.transparent .page-header__info-wrapper {
          min-height: 62px;
          margin-top: unset; } }
      .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__logo-wrapper .page-header__logo {
        display: none; }
      .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__logo-wrapper .page-header__logo-mobile {
        display: none; }
      .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__logo-wrapper .page-header__logo-transparent {
        display: block; }
      @media (max-width: 960px) {
        .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__logo-wrapper .page-header__logo-transparent {
          display: none; }
        .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__logo-wrapper .page-header__logo-mobile {
          display: none; }
        .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__logo-wrapper .page-header__logo-mobile-transparent {
          display: block; } }
  @media (max-width: 960px) and (max-width: 450px) {
    .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__logo-wrapper .page-header__logo-mobile-transparent img {
      width: 40px;
      height: auto; } }
      .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper {
        color: #FFFFFF; }
        .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-callback .page-header__dealer-contact-icon {
          display: none; }
        .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-callback .page-header__dealer-contact-icon-transparent {
          display: flex; }
        .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-phone .page-header__dealer-contact-icon {
          display: none; }
        .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__dealer-contact-info .page-header__dealer-contact-info-wrapper .page-header__dealer-contact-phone .page-header__dealer-contact-icon-transparent {
          display: flex; }
      .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__dealer-contact-info .page-header__hamburger-menu-wrapper .page-header__hamburger-menu {
        display: none; }
      .page-header .page-header__content.transparent .page-header__info-wrapper .page-header__dealer-contact-info .page-header__hamburger-menu-wrapper .page-header__hamburger-menu-transparent {
        display: flex; }
    .page-header .page-header__content.transparent .page-header__menu-and-logo {
      background-color: transparent; }
      .page-header .page-header__content.transparent .page-header__menu-and-logo .menu {
        background-color: transparent;
        color: #FFFFFF; }

html {
  scroll-padding-top: 116px; }
  @media (max-width: 450px) {
    html {
      scroll-padding-top: 76px; } }

.page-root {
  position: relative;
  flex: 1 0 auto;
  display: flex;
  flex-flow: column;
  width: 1920px;
  margin: 0 auto;
  background-color: #FFFFFF;
  box-shadow: 0 1.25rem 1.875rem 0 rgba(0, 0, 0, 0.2); }
  @media (max-width: 1920px) {
    .page-root {
      margin: unset;
      width: unset; } }
  .page-root .page-footer-spacer {
    flex: 1 1 auto; }
  .page-root .page-middle.page-middle-menu {
    display: none; }
    @media (max-width: 960px) {
      .page-root .page-middle.page-middle-menu {
        display: block;
        z-index: 5000; }
        .page-root .page-middle.page-middle-menu .menu-icon {
          display: none; }
        .page-root .page-middle.page-middle-menu .menu {
          height: 100%; } }
    @media (max-width: 960px) and (max-width: 960px) {
      .page-root .page-middle.page-middle-menu .menu {
        height: unset; } }
  .page-root .footer-disclaimer-height {
    padding-left: 16px;
    padding-right: 16px; }
  .page-root .footer-disclaimer {
    max-width: 1280px;
    margin: 0 auto; }

.collector-page {
  background: #FFFFFF; }
  .collector-page .page-content {
    max-width: 1280px;
    padding: 0;
    margin: 0 auto 20px;
    display: -ms-grid;
    display: grid;
    grid-gap: 32px 32px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -ms-grid-columns: (minmax(0, 1fr) 30px )[2] minmax(0, 1fr); }
    @media (max-width: 450px) {
      .collector-page .page-content {
        grid-gap: 16px; } }
    @media (max-width: 960px) {
      .collector-page .page-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        -ms-grid-columns: (minmax(0, 1fr) 0 )[1] minmax(0, 1fr); } }
    @media (max-width: 450px) {
      .collector-page .page-content {
        grid-template-columns: repeat(1, minmax(0, 1fr)); } }
    @media (max-width: 764px) {
      .collector-page .page-content {
        margin-bottom: 0;
        padding: 0; } }
    .collector-page .page-content.capability-sidebar-off > .content-primary {
      -ms-grid-column-span: 5;
      grid-column: 1 / -1; }
    .collector-page .page-content.capability-sidebar-off > .page-sidebar {
      grid-column: 1 / -1; }
    .collector-page .page-content.capability-sidebar-off .menu_sort {
      grid-column: 1 / 4; }
    .collector-page .page-content.capability-sidebar-off .item-list-panel .product-block-list {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      -ms-grid-columns: (minmax(0, 1fr) 30px )[2] minmax(0, 1fr);
      -ms-grid-rows: (minmax(0, 1fr) 30px )[1] minmax(0, 1fr); }
      @media (max-width: 960px) {
        .collector-page .page-content.capability-sidebar-off .item-list-panel .product-block-list {
          -ms-grid-columns: (minmax(0, 1fr) 30px )[1] minmax(0, 1fr);
          -ms-grid-rows: (minmax(0, 1fr) 30px )[2] minmax(0, 1fr);
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      @media (max-width: 450px) {
        .collector-page .page-content.capability-sidebar-off .item-list-panel .product-block-list {
          -ms-grid-columns: minmax(0, 1fr);
          -ms-grid-rows: (minmax(0, 1fr) 30px )[5] minmax(0, 1fr);
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
    .collector-page .page-content .item-list-panel .product-block-list {
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
      @media (max-width: 960px) {
        .collector-page .page-content .item-list-panel .product-block-list {
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      @media (max-width: 450px) {
        .collector-page .page-content .item-list-panel .product-block-list {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
    .collector-page .page-content > .content-primary {
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      grid-column: 1 / -2; }
      @media (max-width: 960px) {
        .collector-page .page-content > .content-primary {
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / -1; } }
      .collector-page .page-content > .content-primary > .item-list-panel {
        width: 100%; }
    .collector-page .page-content > .page-sidebar {
      -ms-grid-column: 5;
      -ms-grid-column-span: 1;
      grid-column: -2;
      min-width: 0;
      padding: 0; }
      @media (max-width: 960px) {
        .collector-page .page-content > .page-sidebar {
          -ms-grid-column: 1;
          -ms-grid-column-span: 2;
          -ms-grid-row: 2;
          grid-column: 1 / -1;
          margin-top: 30px; } }
    .collector-page .page-content .menu_sort {
      width: 100%;
      padding: 20px 0; }
    .collector-page .page-content .menu-content {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px; }
      .collector-page .page-content .menu-content .menu-item {
        font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 150%;
        color: #A5A5A5; }
        .collector-page .page-content .menu-content .menu-item.selected {
          color: #000000; }
        .collector-page .page-content .menu-content .menu-item:hover {
          color: #000000; }
        @media (max-width: 450px) {
          .collector-page .page-content .menu-content .menu-item {
            font-size: 14px; } }
    .collector-page .page-content.slim-bottom-margin {
      grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .collector-page .content-primary {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: space-between; }
  .collector-page .page-sidebar {
    flex: 0 0 33.333333%; }
  @media (max-width: 1840px) {
    .collector-page {
      padding: 0 40px; } }
  @media (max-width: 960px) {
    .collector-page {
      padding: 0 24px; } }
  @media (max-width: 450px) {
    .collector-page {
      padding: 0 16px; } }

.sitemap-container {
  display: flex;
  flex-flow: column;
  gap: 56px;
  padding: 96px 80px;
  text-align: center; }
  @media (max-width: 1280px) {
    .sitemap-container {
      padding: 64px 40px; } }
  @media (max-width: 960px) {
    .sitemap-container {
      padding: 48px 24px;
      gap: 40px; } }
  @media (max-width: 450px) {
    .sitemap-container {
      padding: 40px 16px;
      gap: 32px; } }
  .sitemap-container ul, .sitemap-container ol {
    list-style: none;
    padding: 0;
    padding-inline: 0;
    width: 100%;
    margin-top: 0; }
  .sitemap-container .sitemap-title {
    font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 150%;
    text-align: center;
    color: #000000;
    position: relative;
    padding-bottom: 12px; }
    .sitemap-container .sitemap-title h1 {
      font-size: 40px;
      font-weight: 400;
      margin: unset; }
      @media (max-width: 960px) {
        .sitemap-container .sitemap-title h1 {
          font-size: 32px; } }
    .sitemap-container .sitemap-title::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 64px;
      height: 3px;
      background-color: #96B414; }
  .sitemap-container .sitemaplist-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    align-items: start;
    gap: 48px 40px;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%; }
    .sitemap-container .sitemaplist-container > ul {
      display: contents; }
  .sitemap-container .sitemap-parent-node > a, .sitemap-container .sitemap-parent-node > u {
    text-decoration: none !important; }
  .sitemap-container .sitemap-parent-node .sitemapchilds .fLink {
    margin-bottom: 4px; }
  .sitemap-container .sitemaplist {
    text-align: left;
    border-bottom: none;
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 28px 28px 32px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.09);
    transition: box-shadow 0.25s ease, transform 0.25s ease; }
    .sitemap-container .sitemaplist:hover {
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.13);
      transform: translateY(-2px); }
    .sitemap-container .sitemaplist .sitemaplist {
      margin-left: 0;
      background-color: transparent;
      border-radius: 0;
      padding: 0;
      box-shadow: none; }
      .sitemap-container .sitemaplist .sitemaplist:hover {
        box-shadow: none;
        transform: none; }
    .sitemap-container .sitemaplist .fLink {
      font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 22px;
      line-height: 150%;
      color: #000000;
      display: block;
      text-decoration: none !important;
      padding: 0 0 16px;
      transition: color 0.2s ease; }
      .sitemap-container .sitemaplist-container > ul > .sitemaplist > .fLink {
        border-bottom: 2px solid #96B414;
        margin-bottom: 16px; }
      .sitemap-container .sitemaplist .fLink:hover {
        color: #96B414; }
      @media (max-width: 450px) {
        .sitemap-container .sitemaplist .fLink {
          font-size: 20px; } }
    .sitemap-container .sitemaplist .sitemapchilds .sitemaplist {
      border-bottom: none; }
      .sitemap-container .sitemaplist .sitemapchilds .sitemaplist .fLink {
        font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        color: #5a5a5a;
        font-size: 15px;
        line-height: 150%;
        padding: 8px 0;
        display: flex; }
        .sitemap-container .sitemaplist .sitemapchilds .sitemaplist .fLink:hover {
          color: #96B414; }
      .sitemap-container .sitemaplist .sitemapchilds .sitemaplist .sitemapchilds .sitemaplist .fLink {
        font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        color: #5a5a5a;
        font-size: 13px;
        line-height: 150%;
        display: flex; }
  .sitemap-container > a, .sitemap-container > u {
    text-decoration: none !important; }

/* Oldaltérkép: a globális margin-top helyett itt paddingként adjuk hozzá a
   88px fejléc-clearance-t, hogy a szürke háttér a fejlécig érjen (ne
   maradjon fehér sáv), a footer-spacert pedig nullázzuk, hogy alul se. */
.page-map .page-content-block {
  margin-top: 0;
  padding-top: 88px; }
.page-map .page-footer-spacer {
  flex: none;
  height: 0; }

/* GYIK: a szürke FAQ-szekció (.sp-page) és a lábléc közötti fehér rést
   nullázzuk -- a fejléc alatti hero-galéria fehér háttere marad. */
.page-gyik .page-footer-spacer {
  flex: none;
  height: 0; }

/* GYIK oldal: kártyás accordion megjelenés a meglévő .sp-* rendszerre
   építve. A .sp-* class-oknak MÁR van saját stílusa és működő nyitás/
   csukás logikája (assets/css/generated/standard-pro-shared.css) -- azt
   más oldalak (ajánlatok, szolgáltatásaink, rólunk stb.) is használják,
   ezért ide, .page-gyik alá szűkítve írjuk csak felül a GYIK kártyás
   nézetéhez, a többi oldal érintetlen marad. */
.page-gyik .sp-page {
  padding: 56px 0 80px; }
.page-gyik .sp-section-tight {
  padding: 0;
  margin-bottom: 40px; }
  .page-gyik .sp-section-tight:last-of-type {
    margin-bottom: 0; }
.page-gyik .sp-h2 {
  color: #96B414;
  letter-spacing: 0.04em;
  margin-bottom: 16px; }
.page-gyik .sp-faq-item {
  background-color: #FFFFFF;
  border-radius: 12px;
  border-bottom: none;
  padding: 20px 24px;
  margin-bottom: 16px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.09);
  transition: box-shadow 0.25s ease; }
  .page-gyik .sp-faq-item:last-child {
    margin-bottom: 0; }
  .page-gyik .sp-faq-item:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.13); }
  .page-gyik .sp-faq-item.open {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); }
.page-gyik .sp-faq-q {
  font-size: 18px;
  font-weight: 400;
  padding: 0 32px 0 0; }
.page-gyik .sp-faq-a {
  color: #6b6b6b;
  margin: 0; }
  .page-gyik .sp-faq-item.open .sp-faq-a {
    border-top: 1px solid #EFEFEF;
    margin-top: 16px;
    padding-top: 16px; }

/* Egységes oldalcím + zöld aláhúzás minden (modell-oldalakon kívüli) oldal
   főcíméhez -- ezek eddig teljesen díszítés nélküli, eltérő class-family-kat
   használó h1-ek voltak (banner-titlebox-title/xp-form-title/sp-h1), a
   h1-re szűkített szelektor (nem csak .sp-h1) kizárja az ugyanezt a
   class-t használó al-címsorokat (pl. rolunk/kibocsatas, ujrahasznositas). */
h1.banner-titlebox-title,
h1.xp-form-title,
h1.sp-h1 {
  position: relative;
  padding-bottom: 12px; }
  h1.banner-titlebox-title::after,
  h1.xp-form-title::after,
  h1.sp-h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 3px;
    background-color: #96B414; }

html {
  height: 100%; }
  html.iframe-marker {
    height: auto; }

html, body {
  font-family: "BasisGrotesqueArabicPro", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  display: flex;
  flex-flow: column;
  margin: 0;
  padding: 0;
  width: 100%; }

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


.home-content .page-content-block {
  margin-top: unset; }
  @media (max-width: 450px) {
    .home-content .page-content-block {
      margin-top: unset; } }

/* Szürkéből fehérbe átmenő háttér minden (modell-oldalakon kívüli) oldal
   tetején -- a cím-blokk aljára (kb. 240px) már teljesen fehér legyen.
   Oldalak, amiknek saját (pl. teljesen szürke) hátterük van a .page-map/
   .page-gyik-hez hasonlóan, felülírják ezt (nagyobb specifitás). */
.page-content-block {
  margin-top: 88px;
  background: linear-gradient(to bottom, #F0F0F0 0, #FFFFFF 240px); }

.collector-page {
  margin-top: 88px;
  background: linear-gradient(to bottom, #F0F0F0 0, #FFFFFF 240px); }

.module-showroom-panel {
  margin-top: 88px;
  background: linear-gradient(to bottom, #F0F0F0 0, #FFFFFF 240px); }

.standard-pro-page {
  margin-top: 88px;
  background: linear-gradient(to bottom, #F0F0F0 0, #FFFFFF 240px); }

body {
  flex: 1 1 auto; }

/* Jogi információk (Adatkezelési tájékoztató, Sütik elfogadása,
   XPENG marketingkommunikáció): ugyanaz a fehér kártya, mint az
   Érdeklődés-oldalak űrlapján (.page-erdeklodes-form .xp-form-card,
   ld. assets/css/xp-forms.css). */
.legal-doc-card {
  background: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.08);
  padding: 48px 64px 56px;
  box-sizing: border-box; }
  @media (max-width: 960px) {
    .legal-doc-card {
      padding: 36px 28px 40px;
      border-radius: 16px; } }