/* Reach Vapes storefront: monochrome theme to match the black-and-white category logos */
.ec-size .ec-store {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #111;
}

/* Product cards: rounded, soft lift on hover */
.ec-size .grid-product__wrap {
  transition: transform .2s ease;
}

.ec-size .grid-product__image-wrap {
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e6e6e6;
  transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}

.ec-size .grid-product:hover .grid-product__image-wrap {
  transform: translateY(-3px);
  border-color: #111;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.ec-size .grid-product__title-inner {
  font-weight: 600;
  letter-spacing: .1px;
}

/* Category tiles: rounded, monochrome border, hover outline */
.ec-size .grid-category__card {
  border-radius: 14px;
  overflow: hidden;
}

.ec-size .grid-category__image-wrap,
.ec-size .grid-category__bg {
  border-radius: 14px;
  transition: box-shadow .2s ease, transform .2s ease;
}

.ec-size .grid-category:hover .grid-category__bg,
.ec-size .grid-category:hover .grid-category__image-wrap {
  transform: translateY(-3px);
  box-shadow: 0 0 0 2px #111, 0 10px 24px rgba(0, 0, 0, 0.12);
}

.ec-size .grid-category__title-inner {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Prices: bold black */
.ec-size .grid-product__price-amount,
.ec-size .product-details__product-price .details-product-price__value {
  font-weight: 700;
  color: #111;
}

/* Primary buttons: solid black, white text, invert on hover */
.ec-size .form-control--primary .form-control__button {
  background: #111 !important;
  border: 2px solid #111 !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .6px;
  text-transform: uppercase;
  transition: background .2s ease, color .2s ease;
}

.ec-size .form-control--primary .form-control__button:hover {
  background: #fff !important;
  color: #111 !important;
}

.ec-size .form-control--primary .form-control__button-text {
  color: inherit !important;
}

/* Secondary buttons: outlined */
.ec-size .form-control--secondary .form-control__button {
  border-radius: 10px !important;
  border: 2px solid #111 !important;
  color: #111 !important;
  font-weight: 600 !important;
}

/* Flavour / option pills: rounded, black when selected */
.ec-size .form-control--checkbox-button .form-control__inline-label {
  border-radius: 999px !important;
}

.ec-size .form-control--checkbox-button input:checked + .form-control__inline-label {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}

/* Product page images */
.ec-size .details-gallery__picture,
.ec-size .details-gallery__image-wrapper {
  border-radius: 14px;
}
