/* Product page: left-align and tighten the price + In Stock block.
   RWD floated price to the right and stock to the left, which left a
   large gap on mobile. */

html:root body.catalog-product-view .product-view .product-shop .price-info,
html:root body.catalog-product-view .product-view .product-shop .extra-info {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  text-align: left !important;
  margin: 0 !important;
}

html:root body.catalog-product-view .product-view .product-shop .price-info {
  margin-top: 2px !important;
}

html:root body.catalog-product-view .product-view .product-shop .price-box {
  margin: 0 !important;
}

html:root body.catalog-product-view .product-view .product-shop .price-box .price {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.25 !important;
  color: #111 !important;
}

html:root body.catalog-product-view .product-view .product-shop .price-box .old-price .price {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #999 !important;
  letter-spacing: 0 !important;
}

html:root body.catalog-product-view .product-view .product-shop .availability {
  margin: 6px 0 14px !important;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
  color: #888 !important;
}

html:root body.catalog-product-view .product-view .product-shop .availability .label {
  display: none !important;
}

html:root body.catalog-product-view .product-view .product-shop .availability.in-stock,
html:root body.catalog-product-view .product-view .product-shop .availability.in-stock .value {
  color: #888 !important;
}

html:root body.catalog-product-view .product-view .product-shop .availability.out-of-stock,
html:root body.catalog-product-view .product-view .product-shop .availability.out-of-stock .value {
  color: #8a3a3a !important;
}

@media only screen and (min-width: 771px) {
  html:root body.catalog-product-view .product-view .product-shop .price-box .price {
    font-size: 24px !important;
  }
}