:root{
  --product_title_line_color: #000000;
}

.preview-container {
  position: sticky; top: 90px;
}

.search-bar-container {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  position: relative;
  z-index: 110;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-right: 0.188rem;
}

.search-bar-input {
  flex: 1;
  font-size: 1rem;
  line-height: 1.125rem;
}

.box-product-name {
  font-size: 14px !important;
  font-weight: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #666666 !important;
  margin-bottom: 8px;
}

.product-list-title::before,
.product-list-title::after {
  content: '';
  position: absolute;
  width: 64px;
  height: 1px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: var(--product_title_line_color);
}

.product-list-title::before {
  left: calc(50% - 180px);
}

.product-list-title::after {
  right: calc(50% - 180px);
}

/* list-categorie */
.list-categorie-menu-item{
  height: 35px;
  flex-grow: 2;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.list-categorie-menu-item-search{
  height: 35px;
  border: 2px solid #666666;
  flex-grow: 6;
}

.list-categorie-menu-item-logo{
  flex-grow: 2;
  background-color: #666666;
  height: 35px;
}

.list-categorie-menu-icon{
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #666666;
}

.list-categorie-menu-text{
  flex: 1;
  height: 20%;
  background-color: #666666;
}

.list-categorie-menu-item-login{
  height: 35px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.list-categorie-nav{
  margin-top: 1rem;
  height: 35px;
  background-color:#666666;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding-inline: 1rem;
}

.list-categorie-nav-item{
  background-color: #ffffff;
  height: 8px;
  width: 100%;
}

.list-categorie-container{
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.list-categorie-content{
  height: 31.5rem;
  flex-grow: 3;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.list-categorie-image{
  width: 32%;
  background-color: #666666;
  height: 60px;
}

.list-categorie-title{
  width: 100%;
  height: 16px;
  display: flex;
  justify-content: space-between;
}

.list-categorie-title-text{
  width: 25%;
  background-color: #666666;
}

.list-categorie-title-options{
  width: 10%;
  background-color: #666666;
}

.list-categorie-itens{
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}

.list-categorie-aside{
  height: 20.5rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.list-categorie-filter{
  height: 10rem;
  background-color: #666666;
  padding-inline: 1rem;
  padding-block: 1rem;
}

.list-categorie-filter-item{
  background-color: #ffffff;
  height: 8px;
  width: 85%;
}

.list-categorie-header{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.list-categorie-item{
  background-color:#666666;
}

.product-show-content{
  display: grid;
  column-gap: 2.5rem;
  padding: 1rem;
  height: 420px;
}

.product-show-wishlist{
  display: flex;
  justify-content: flex-end;
}

.product-show-slide-content{
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.product-show-slide-content > div:nth-child(1){
  flex: 1;
}

.product-show-slide-content > div:nth-child(2){
  flex-basis: 20%;
}

.product-show-image-main > img{
  width: 100%;
  max-height: 100%;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}

.product-show-image-main{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.product-show-grid{
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.product-show-grid > a{
  flex: 20%;
  cursor: pointer;
}

.product-show-price{
  display: flex;
  flex-direction: column;
}

.product-show-image-child{
  max-width: 85%;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}

.box-quantity{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.item-box{
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid #cccccc;
  border-radius: 0.2rem;
  height: 100%;
}

.fancybox-item.fancybox-close{
  background-color: #000000;
  color: #ffffff;
}

a.fancybox-close:before{
	top: 4px;
	left: 8px;
}

.reset-product-description *{
  line-break: anywhere;
}

.error-ckeditor-border{
  border: 2px solid #8a0f1a;
  margin-bottom: 0.5rem;
}

.error-ckeditor{
  color: #8a0f1a;
  font-size: 0.875rem;
}