#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  background: var(--greyLight-1);
  box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 6px 55px 0 rgba(0,0,0,0.25);
  border-radius: 1rem;
  border: none;
}

#facebox .popup .my-groovy-style:before {
content: '';
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 85 86.3' style='enable-background:new 0 0 85 86.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23D0AFD3;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='42.5' cy='42.5' r='42.5'/%3E%3Cpath class='st1' d='M57.6,16.3h18.3v3.3c-1.7,28.1-19.7,51.4-51,53.8c23-7.1,39.9-27.1,42.1-50.3c-23.5-2-48.6,14-51.5,37 C12.8,36.4,29.8,17.6,57.6,16.3L57.6,16.3z M16.7,86.3H6l3-7.1c2.3-6.7,1.6-17.5-3.1-34.4v-0.2c4.9,6,8,17,9.1,22.4 c7.4-17.8,20.3-31,43-39C30.3,41.8,17.3,76.8,16.7,86.3z'/%3E%3C/svg%3E");
  display: block;
  width: 50px;
  height: 50px;
  margin: -37px auto 20px;
  z-index: 1;
}

#facebox .content {
  display:table;
  width: 500px;
  padding: 10px;
}


#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}
#facebox .content ol {
  padding-left: 1rem;
}
#facebox .close {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 2px;
  transition: 0.3s ease;
}
#facebox .close img {
  opacity: 0.5;
  width: 38px;
  height: 38px;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background: rgba(0,0,0,0.35);
  -webkit-backdrop-filter: blur(0.1em) opacity(95%);
  backdrop-filter: blur(0.1em) opacity(95%);
  z-index: 99;
}

@media (max-width: 768px) {
  #facebox .content {
  width: 380px;
}
.popup-cart .button-group .showcart {
  margin-top: 10px;
}
#facebox .close {
  top: 2px;
}
}
@media (max-width: 390px) {
  #facebox .content {
  width: 350px;
}
}