.fade-enter-active[data-v-7f5ef582],
.fade-leave-active[data-v-7f5ef582] {
 transition:opacity .5s
}
.fade-enter[data-v-7f5ef582],
.fade-leave-to[data-v-7f5ef582] {
 opacity:0
}
.collection[data-v-7f5ef582] {
 width:100%;
 height:100%;
 position:relative;
 transition:.5s
}
.collection .collect_img[data-v-7f5ef582] {
 position:fixed;
 left:0;
 top:0;
 height:100%
}
@media only screen and (max-width:991px) {
 .collection .collect_img[data-v-7f5ef582] {
  height:700px
 }
}
.collection .collect_img>img[data-v-7f5ef582],
.collection .collect_img>video[data-v-7f5ef582] {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 position:absolute;
 left:0;
 top:0;
 transition:.5s
}
.collection .collect_img>video[data-v-7f5ef582] {
 display:block
}
.collection .collect_bg[data-v-7f5ef582] {
 width:100%;
 height:100vh;
 position:relative;
 background-size:cover;
 overflow:hidden;
 -webkit-clip-path:inset(0 0 0 0);
 clip-path:inset(0 0 0 0)
}
.collection .collect_bg .scroll-icon[data-v-7f5ef582] {
 display:flex;
 justify-content:center;
 align-items:center;
 height:2em;
 width:1.2em;
 font-size:22px;
 color:hsla(0,0%,100%,.5);
 border-radius:2em;
 border:2px solid;
 transition:.4s;
 position:absolute;
 left:50%;
 bottom:0;
 transform:translate(-50%,-50%);
 z-index:1
}
.collection .collect_bg .scroll-icon[data-v-7f5ef582]:hover {
 background-color:hsla(0,0%,100%,.05);
 color:#fff
}
.collection .collect_bg .scroll-icon[data-v-7f5ef582]:after {
 content:"";
 width:5px;
 height:5px;
 background-color:#fff;
 border-radius:50%;
 animation:scroll-icon-7f5ef582 2.2s cubic-bezier(.65,.05,.36,1) infinite
}
@keyframes scroll-icon-7f5ef582 {
 0% {
  transform:translateY(-12px);
  opacity:0
 }
 30%,
 70% {
  opacity:1
 }
 to {
  transform:translateY(12px);
  opacity:0
 }
}
.collection .collect_bg .collect_fz[data-v-7f5ef582] {
 position:absolute;
 bottom:0;
 padding:85px 100px;
 text-align:left;
 color:#fff;
 opacity:0
}
.collection .collect_bg .collect_fz h2[data-v-7f5ef582] {
 color:#fff;
 font-weight:700;
 font-size:3rem;
 margin:0
}
.collection .collect_bg .collect_fz h2 p[data-v-7f5ef582] {
 font-size:.875rem;
 line-height:16px
}
@media only screen and (max-width:991px) {
 .collection .collect_bg .collect_fz[data-v-7f5ef582] {
  width:auto;
  position:absolute;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  bottom:70px;
  z-index:2;
  padding-bottom:96px;
  left:0;
  text-align:left;
  color:#fff;
  padding:50px 20px
 }
 .collection .collect_bg .collect_fz h2[data-v-7f5ef582] {
  margin:0;
  font-size:1.4rem;
  line-height:40px
 }
 .collection .collect_bg .collect_fz p[data-v-7f5ef582] {
  font-size:.875rem
 }
}
.collection .All_collection[data-v-7f5ef582] {
 width:100%;
 padding:35px 0;
 position:relative;
text-align:center;
}
.collection .All_collection .select_product[data-v-7f5ef582] {
 width:auto;
 height:55px
}
.collection .All_collection .select_product ul[data-v-7f5ef582] {
 list-style-type:none;
 padding:0;
 width:230px;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-48px);
 box-shadow:0 2px 4px 0;
 white-space:nowrap;
 color:#fff;
 cursor:pointer;
 z-index:1;
 transition:background-color .5s,height .5s;
 min-height:80px;
 overflow:hidden;
 border-radius:2px;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none
}
.collection .All_collection .select_product li[data-v-7f5ef582] {
 margin:10px;
 line-height:30px;
 padding:5px;
 transition:.5s
}
.collection .All_collection .select_product li span[data-v-7f5ef582] {
 transition:.5s
}
.collection .All_collection .select_product li[data-v-7f5ef582]:not(:first-child) {
 opacity:.5;
 color:#fff
}
.collection .All_collection .select_product h1[data-v-7f5ef582] {
 -webkit-margin-before:0;
 margin-block-start:0;
 -webkit-margin-after:0;
 margin-block-end:0;
 color:#7a4646
}
.collection .product[data-v-7f5ef582] {
 width:100%;
 position:relative;
 z-index:20
}
.collection .product .grid[data-v-7f5ef582] {
 transition-property:opacity,transform;
 transform:translateZ(0)!important;
 opacity:1;
 transform:translateZ(0);
 transition-duration:1s;
 width:100%;
 display:flex;
 flex-flow:row wrap;
 margin:-8px;
 justify-content:space-evenly;
 padding:0 5%;
 box-sizing:border-box
}
.collection .product .grid>.grid__cell[data-v-7f5ef582] {
 flex:0 0 25%;
 padding:8px;
 box-sizing:border-box;
 transition:.5s
}
.collection .product .grid>.grid__cell>div[data-v-7f5ef582] {
 transition:.5s;
text-align:center;
}
.collection .product .grid>.grid__cell .grid_img[data-v-7f5ef582] {
 margin:0 auto 20px;
 width:100%;
 border:2.98px solid #ebebeb
}
.collection .product .grid>.grid__cell img[data-v-7f5ef582] {
 width:100%;
 transition:all .5s ease 0s;
 -o-object-fit:cover;
 object-fit:cover;
 cursor:pointer
}
.collection .product .grid>.grid__cell img[data-v-7f5ef582]:hover {
 transform:scale(1.05);
 overflow:hidden
}
.collection .product .grid>.grid__cell .grid_div[data-v-7f5ef582] {
 line-height:30px
}
@media only screen and (max-width:991px) {
 .collection .product[data-v-7f5ef582] {
  width:100%
 }
 .collection .product .grid[data-v-7f5ef582] {
  transition-property:opacity,transform;
  transform:translateZ(0)!important;
  opacity:1;
  transform:translateZ(0);
  transition-duration:1s
 }
 .collection .product .grid>.grid__cell[data-v-7f5ef582] {
  flex:0 0 50%;
  padding:8px
 }
 .collection .product .grid>.grid__cell img[data-v-7f5ef582] {
  width:100%;
  height:auto;
  transition:all .5s ease 0s;
  cursor:pointer
 }
 .collection .product .grid>.grid__cell .grid_div[data-v-7f5ef582] {
  font-size:14px
 }
}