/*!
 * Burgermenu 0.1.4
 * Simple off canvas menu with hardware accelerated transitions and amazing native behavior.
 * 
 * https://github.com/vortizhe/burgermenu
 * 
 * Copyright 2016, Victor Ortiz. Licensed under MIT.
 * 
 * Released on: February 14, 2016
 */
.burgermenu-left,
.burgermenu-right {
  font-size: 14px;
  line-height: 1.35;
}

.burgermenu-left a,
.burgermenu-right a {
  text-decoration: none;
  color: var(--primary-black);
}

.burgermenu-left li,
.burgermenu-right li {
  position: relative;
  border-bottom: 1px solid #CCC;
}

.burgermenu-left li:last-child,
.burgermenu-right li:last-child {
  border-bottom: 0;
}

.burgermenu-left .has-children:after,
.burgermenu-left .dropdown:after,
.burgermenu-right .has-children:after,
.burgermenu-right .dropdown:after {
  content: url("/extension/iplatinum/catalog/view/icon/right-arrow.svg");
  position: absolute;
  right: 10px;
  top: 12px;
  color: var(--g-2);
  font-size: 20px;
}

.burgermenu-left .header-cart .dropdown:after {
  content: unset !important;
}

.burgermenu-left .dropdown:after,
.burgermenu-right .dropdown:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.burgermenu-left .dropdown .dropdown-children,
.burgermenu-right .dropdown .dropdown-children {
  display: none;
  background: #F5F5F5;
  border-top: 1px solid #CCC;
}

.burgermenu-left .dropdown.opened:after,
.burgermenu-right .dropdown.opened:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.burgermenu-left .back,
.burgermenu-right .back {
  display: flex;
  align-items: center;
  color: var(--primary-black);
  font-size: 1.25rem;
  font-weight: 400;
  padding-bottom: 1rem;
}

.burgermenu-left .back:before,
.burgermenu-right .back:before {
  content: url("/extension/iplatinum/catalog/view/icon/back-arrow.svg");
  display: inline-block;
  margin-right: 1rem;
  line-height: 16px;
  color: var(--primary-black);
}

/*.burgermenu-sticky-head {*/
/*  padding: 15px;*/
/*  background: #343C9F;*/
/*}*/

/*.burgermenu-sticky-head a {*/
/*  text-decoration: none;*/
/*  color: #EFEFEF;*/
/*  line-height: 1.25;*/
/*}*/

.opened-left .page-wrapper,
.opened-right .page-wrapper {
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.35);
}

.burgermenu-header {
  display: flex;
  justify-content: space-between;

}

.burgermenu-header-left {
  display: flex;
  align-items: center;
  z-index: 100;
}

.burgermenu-header-right {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.burgermenu-close {
  color: var(--primary-black);
  cursor: pointer;
  margin-right: 1rem;
}

.burgermenu-telephone {
  color: var(--text-black);
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 500;
  position: relative;
}

.burgermenu-contacts-arrow {
  color: var(--primary-black);
}

.burgermenu-title {
  color: var(--primary-black);
  font-size: 1.25rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
}

.burgermenu-subheader {
  margin-top: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid #CCC;
}

.burgermenu-subheader-buttons {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.burgermenu-subheader-buttons-container {
  display: flex !important;
  flex-direction: row !important;
  gap: 1rem !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  flex-shrink: 0 !important;
  position: relative !important;
}

.burgermenu-subheader-compare {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.burgermenu-item-icon {
  width: 20px;
  height: 20px;
}

.burgermenu-item-link {
  display: flex !important;
  gap: 0.5rem;
  align-self: stretch;
  justify-content: flex-start;
  padding: 1rem 0;
}

.burgermenu-item-container {
  display: flex;
  justify-content: space-between;
}

.burgermenu-item-arrow {
  color: var(--g-2);
}