header { background-color:#faa61a; } header .select-store { background-color:#fec214; color:#000 !important; padding:0.5rem 1.3rem; font-weight:bold; font-size:1.2rem; } header .select-store:hover { text-decoration:none; } header .select-store span { margin:0 0.5rem; } header .shortcuts {  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.20);  -moz-box-shadow:  0 0 1rem 0 rgba(0, 0, 0, 0.20);  box-shadow:  0 0 1rem 0 rgba(0, 0, 0, 0.20);  padding: 1rem; } header .shortcuts .input { position:relative; } header .shortcuts .input input::placeholder, header .shortcuts .input input::-webkit-input-placeholder, header .shortcuts .input input:-moz-placeholder, header .shortcuts .input input::-moz-placeholder, header .shortcuts .input input:-ms-input-placeholder, header .shortcuts .input input::-ms-input-placeholder { color:#474747; opacity:1; } header .shortcuts .input button { margin:0; padding:0; } .text-dark-gray { color:#1e1e1e !important; } .text-dark-gray::placeholder, .text-dark-gray::-webkit-input-placeholder, .text-dark-gray:-moz-placeholder, .text-dark-gray::-moz-placeholder, .text-dark-gray:-ms-input-placeholder, .text-dark-gray::-ms-input-placeholder { color:#151515 !important; } .ui-menu { padding:1rem; background:#fff; margin:.5rem 0; display: flex; } .ui-menu .ui-menu-item-wrapper { display:block; padding:.5rem !important; } header .submenu {  background: rgb(250, 250, 250);  background: -moz-linear-gradient(90deg, rgb(250, 250, 250) 30%, rgb(209, 209, 209) 100%);  background: -webkit-linear-gradient(90deg, rgb(250, 250, 250) 30%, rgb(209, 209, 209) 100%);  background: -o-linear-gradient(90deg, rgb(250, 250, 250) 30%, rgb(209, 209, 209) 100%);  background: -ms-linear-gradient(90deg, rgb(250, 250, 250) 30%, rgb(209, 209, 209) 100%);  background: linear-gradient(180deg, rgb(250, 250, 250) 30%, rgb(209, 209, 209) 100%);   padding: 1rem; } header nav li:not(:last-child) { padding-right:1rem; } header nav .menu a:hover, header nav .menu a { color:#232323; font-weight:500; text-decoration:none; border-bottom:3px solid transparent; padding:0.2rem 0; transition: all 0.5s; } header nav .menu a.active, header nav .menu a:hover { border-color:#232323; } .client-menu svg { margin-left:.5rem; } header nav .circle-menu { margin-right:2rem; flex-wrap:nowrap; } header nav .circle-menu li > a { display:flex; flex-direction:row; align-items:center; color:#232323; } header nav .circle-menu li > a span { display:flex; justify-content:center; align-items:center; margin-right:.25rem; } header nav .circle-menu li.cart-link > a svg, header nav .circle-menu li > a span svg { width:2.5rem; height:2.5rem; } header nav .circle-menu li > a:hover span { border-width:3px; } header .input { display:flex; align-items:center; border:1px solid #232323; padding:0.3rem 0.5rem; } header input, header select, header button { background:none; border:none; outline:none; } header input { display:flex; flex:1; } header select {  margin: 0;  -webkit-appearance: none; -moz-appearance: none; appearance: none;  position: relative;  padding: 0 1.2rem 0 0; } header .select { position: relative; margin: 0 1rem 0 0; } header .select::after {  content: '<>';  font: 0.8rem "Consolas", monospace;  color: #333;  -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);  position:absolute;  top:0.05rem;  right:-0.1rem;  pointer-events: none;  border-top: 1px solid #999;  padding: 0.45rem 0 0 0; } header .categories-menu button { display:flex; flex:1; align-items:center; font-size:1.2rem; } header .categories-menu button svg { margin-right:10px; } header .categories-menu .dropdown-menu {  background-color:#f6f6f6;  border:none; border-radius:0;  top:20px !important;  padding: 1rem 2rem;  margin:0;  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.05);  -moz-box-shadow:  0 0 1rem 0 rgba(0, 0, 0, 0.05);  box-shadow:  0 0 1rem 0 rgba(0, 0, 0, 0.05); }  header .categories-menu .dropdown-item { color:#7e7e7e; padding:0.8rem 0; } header .categories-menu .dropdown-item:hover { text-decoration:none; background:transparent; } header .categories-menu .dropdown-item:hover span { border-bottom-width:2px; border-bottom-style:solid; } header .categories-menu .dropdown-item:not(:last-child) { border-bottom:1px solid #cecece; } header .client-name { display:flex; flex:1; } header .menu-user { position:relative; } header .menu-user a { position:relative; z-index: 15; } header .menu-user .login-box {  position: absolute;  background-color:#ebebeb;  width:220px;  z-index:10;  padding:1rem 1rem 0;  border:none; border-radius:0;  transform: translate3d(-9rem, -1rem, 0 ) !important;  will-change: transform;  top: 0px; left:0;   -webkit-box-shadow: 5px 5px 1rem 0 rgba(0, 0, 0, 0.2);  -moz-box-shadow:  5px 5px 1rem 0 rgba(0, 0, 0, 0.2);  box-shadow:  5px 5px 1rem 0 rgba(0, 0, 0, 0.2); } header .menu-user .login-box form { margin-top:65px; } header .menu-user .login-box input { width:100%; border:1px solid #000; padding:0.5rem; margin-bottom:8px; } header .menu-user .login-box button { width:100%; background:#faa61a; font-weight:bold; padding:0.5rem; margin-bottom:16px; } header .menu-user .login-box a { color:#faa61a; font-weight:bold; } header .menu-user .login-box .user-menu a { color:#000; font-weight:400; padding:.5rem 0; } header .menu-user .login-box .user-menu li { border-bottom:1px solid #b2b2b2 } header .cart-link { position:relative; } header .cart-link .pill { position:absolute; top:-2.5px; right:1rem; width:15px; height:15px; border-radius:15px; background-color:var(--color-green); } @media all and (max-width: 992px) {  }