.collection #collection { display: block }
#collection {
  display: none;
  text-align: center;
}
#collection .item {
  text-align: center;
  display: inline-block;
  max-width: 49vw;
}
#collection .item img {
  width: 49vw;
  height: 63vw;
}
#collection.gray {
  background: rgba(245,245,245,1.0);
}

.product #product { display: block }
#product {
  display: none;
}
#product .style {
  text-transform: uppercase;
}

#product.loading #gallery,
#product.loading .content {
  display: none;
}
#product.loading .loader {
  display: block;
}

.gallery {
  width: 100vw;
  height: 52vh;
}
.gallery.gray {
  background: rgba(245,245,245,1.0);
}

.gallery .item {
  width: 100vw;
  height: 52vh;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.search #search { display: block }
#search {
  display: none;
}

.closed #closed { display: block }
#closed {
  display: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background 0.5s ease-in;
}
#closed .closed_store_msg {
  position: absolute;
  bottom: 20vh;
  background: rgba(255,255,255,0.9);
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
}

.product .content {
  box-sizing:border-box;
  width:calc(100vw - 50px);
  position:relative;
  margin:0 auto 40px;
  padding:0;
}

.product .product-header {
  font-size:14px;
  margin:18px 0 0;
  max-width:60%;
  position:relative;
  font-weight:bold;
}

#product::before {
  content:'';
  width:100%;
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
  height:40px;
  z-index:2;
  position:absolute;
  bottom:0px;
  left:0
}

.product .style {
  padding:4px 9px;
  border:1px solid black;
  float:left
}

.product .share {
  float:right;
  padding:4px 9px;
  border:1px solid black;
}

.product .type {
  display:table-cell;
  font-size:14px;
}

.product .size {
  padding-right:16px;
  position:relative
}

.product .price {
  display:table-cell;
  font-size:14px;
  text-align:right;
  vertical-align:bottom
}

.product .price, .product .type {
  font-weight:bold;
  margin:0;
  padding: 0 0 7px;
}

.type-price {
  display:table;
  position:relative;
  width:100%
}

.style-share {
  letter-spacing:0.5px;
}

.size-color {
  position:relative
}

.type-price, .style-share {
  clear:both;
  position:relative;
  box-sizing:border-box
}


.size::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: calc(100% + 4px);
  transform: translateY(-2px);
  position: absolute;
  top: 0;
  right:5px;
  background: #999;
}


.product .fit {
  clear:both;
  font-size:9px;
  letter-spacing:0.5px;
  text-decoration:underline;
  text-transform:uppercase;
  padding:12px 0 0;

}

.product .content .fit {

}

#product .gallery-prev,
#product .gallery-next {
  top: 26vh;
}

#product .content .body {
  letter-spacing:0.35px;
  font-size:12px;
  box-sizing:border-box;
  margin:0px auto 20px;
  clear:both;
  padding:13px 0;
}

#collection h1 {
background:white
}