/** Shopify CDN: Minification failed

Line 326:76 Expected identifier but found whitespace
Line 332:1 Unexpected "/"

**/
/* =========================================================
   B.GEN-Y  |  Product page + product cards
   Paste ALL of this into Assets > bgeny.css (replace what is there)
   ========================================================= */

/* ---------- PRODUCT CARDS (Shop All, collections, homepage rows) ---------- */
/* Names and prices the same small size */
.card__heading,
.card__heading a,
.card-information .price,
.card__information .price,
.card-information .price-item {
  font-size: 1.3rem !important;
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.4;
}

/* ---------- PRODUCT PAGE LAYOUT ---------- */
/* Image panel edge to edge, no side margins */
body:has(.product__media-wrapper) #MainContent .page-width {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body:has(.product__media-wrapper) #MainContent .product.grid {
  column-gap: 0 !important;
}
body:has(.product__media-wrapper) .product__media-wrapper {
  background: #f6f6f6;
}

/* Text column set lower, with room at the sides */
body:has(.product__media-wrapper) .product__info-wrapper {
  padding: 8rem 4rem 4rem !important;
}
@media screen and (max-width: 989px) {
  body:has(.product__media-wrapper) .product__info-wrapper {
    padding: 3rem 1.6rem 3rem !important;
  }
}

/* ---------- PRODUCT NAME ---------- */
body:has(.product__media-wrapper) .product__title h1,
body:has(.product__media-wrapper) .product__title .h1,
body:has(.product__media-wrapper) .product__info-wrapper h1 {
  font-size: 1.7rem !important;
  line-height: 1.3 !important;
  font-weight: 300 !important;
  letter-spacing: 0.01em;
}

/* ---------- SIZE / COLOUR PILLS ---------- */
body:has(.product__media-wrapper) .product-form__input input[type='radio'] + label {
  font-size: 1.2rem !important;
  padding: 0.8rem 1.4rem !important;
  margin: 0.3rem 0.3rem 0 0 !important;
  min-width: 0 !important;
}

/* ---------- DESCRIPTION: smaller text, tighter spacing ---------- */
body:has(.product__media-wrapper) .product__description,
body:has(.product__media-wrapper) .product__description *,
body:has(.product__media-wrapper) .accordion__content,
body:has(.product__media-wrapper) .accordion__content * {
  font-size: 1.2rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  word-spacing: -0.05em !important;
}
body:has(.product__media-wrapper) .product__description p,
body:has(.product__media-wrapper) .accordion__content p {
  margin: 0 0 0.8rem !important;
}

/* ---------- COLLAPSIBLE ROWS: thin lines, medium-bold titles, plus sign ---------- */
body:has(.product__media-wrapper) .product__accordion {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
body:has(.product__media-wrapper) .product__accordion .accordion__title {
  font-size: 1.3rem;
  font-weight: 500 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
body:has(.product__media-wrapper) .product__accordion summary {
  position: relative;
  padding: 1.4rem 0;
}
body:has(.product__media-wrapper) .product__accordion summary .icon-caret {
  display: none;
}
body:has(.product__media-wrapper) .product__accordion summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  font-weight: 200;
}
body:has(.product__media-wrapper) .product__accordion details[open] summary::after {
  content: "\2212";
}

/* ---------- "YOU MAY ALSO LIKE": centred ---------- */
body:has(.product__media-wrapper) .related-products__heading,
body:has(.product__media-wrapper) .product-recommendations h2 {
  text-align: center !important;
  font-size: 1.6rem;
  font-weight: 300;
  padding: 4rem 1.6rem 1.6rem;
}
/* =========================================================
   PRODUCT PAGE ROUND 2
   ========================================================= */

/* Grey background removed (it came from my earlier rule) */
body:has(.product__media-wrapper) .product__media-wrapper {
  background: #fff !important;
}

/* No gaps between the product photos */
body:has(.product__media-wrapper) .product__media-list {
  --grid-desktop-vertical-spacing: 0px;
  --grid-desktop-horizontal-spacing: 0px;
  --grid-mobile-vertical-spacing: 0px;
  --grid-mobile-horizontal-spacing: 0px;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
}
body:has(.product__media-wrapper) .product__media-item {
  margin: 0 !important;
  padding: 0 !important;
}

/* Photos take exactly half the page, text the other half (desktop and tablet) */
@media screen and (min-width: 750px) {
  body:has(.product__media-wrapper) .product__media-wrapper {
    width: 50% !important;
    max-width: 50% !important;
  }
  body:has(.product__media-wrapper) .product__info-wrapper {
    width: 50% !important;
    max-width: 50% !important;
  }
}

/* Product page price: smaller, softer black */
body:has(.product__media-wrapper) .product__info-wrapper .price,
body:has(.product__media-wrapper) .product__info-wrapper .price-item {
  font-size: 1.4rem !important;
  font-weight: 300 !important;
  color: #6b6b6b !important;
}

/* "You may also like": bigger, bolder heading */
body:has(.product__media-wrapper) .related-products__heading,
body:has(.product__media-wrapper) .product-recommendations h2,
body:has(.product__media-wrapper) product-recommendations h2 {
  font-size: 2rem !important;
  font-weight: 500 !important;
}

/* "You may also like": names and prices */
body:has(.product__media-wrapper) product-recommendations .card__information,
body:has(.product__media-wrapper) .related-products .card__information {
  padding: 0.5rem 1.2rem 0 !important;
}
body:has(.product__media-wrapper) product-recommendations .card__heading,
body:has(.product__media-wrapper) product-recommendations .card__heading a,
body:has(.product__media-wrapper) .related-products .card__heading,
body:has(.product__media-wrapper) .related-products .card__heading a {
  font-weight: 500 !important;
}
body:has(.product__media-wrapper) product-recommendations .card-information,
body:has(.product__media-wrapper) .related-products .card-information {
  margin-top: 0.1rem !important;
  padding: 0 1.2rem !important;
}
body:has(.product__media-wrapper) product-recommendations .price,
body:has(.product__media-wrapper) product-recommendations .price-item,
body:has(.product__media-wrapper) .related-products .price,
body:has(.product__media-wrapper) .related-products .price-item {
  font-weight: 300 !important;
  color: #6b6b6b !important;
  line-height: 1.2 !important;
}
/* =========================================================
   ROUND 3
   ========================================================= */

/* Text side: more padding at the sides, sits centred in its half */
@media screen and (min-width: 750px) {
  body:has(.product__media-wrapper) .product__info-wrapper {
    padding: 8rem 9% 4rem !important;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 749px) {
  body:has(.product__media-wrapper) .product__info-wrapper {
    padding: 3rem 2.4rem !important;
  }
}

/* Only two photos: make the second the same size as the first */
@media screen and (min-width: 750px) {
  body:has(.product__media-wrapper)
  .product__media-list:has(.product__media-item:nth-child(2):last-child)
  .product__media-item {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    grid-column: 1 / -1 !important;
  }
}

/* "You may also like": price directly under the name, lined up with it */
body:has(.product__media-wrapper) product-recommendations .card-information,
body:has(.product__media-wrapper) .related-products .card-information {
  padding: 0 !important;
  margin: 0 !important;
}

/* All product cards on the site: same treatment */
.card__information {
  padding: 0.5rem 1.2rem 0 !important;
}
.card__heading {
  margin: 0 !important;
}
.card__heading,
.card__heading a {
  font-weight: 500 !important;
}
.card-information {
  padding: 0 !important;
  margin: 0 !important;
}
.card-information .price,
.card-information .price-item {
  font-weight: 300 !important;
  color: #6b6b6b !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
/* =========================================================
   ROUND 4
   ========================================================= */

/* Pills: same font size, more space around the letters */
body:has(.product__media-wrapper) .product-form__input input[type='radio'] + label {
  padding: 1.1rem 2rem !important;
}

/* Price closer to the product name */
body:has(.product__media-wrapper) .product__title {
  margin-bottom: 0.2rem !important;
}
body:has(.product__media-wrapper) .product__info-container .price {
  margin: 0 !important;
}
body:has(.product__media-wrapper) .product__info-container > *:has(.price) {
  margin-top: 0.2rem !important;
}

/* Sticky text column: stops the product name being cut off */
@media screen and (min-width: 750px) {
  body:has(.product__media-wrapper) .product__column-sticky {
    top: 7rem !important;
  }
}

/* Add to cart: black with white writing */
body:has(.product__media-wrapper) .product-form__submit,
body:has(.product__media-wrapper) .product-form__submit:hover {
  background: #000 !important;
  color: #fff !important;
  border-radius: 0 !important;
  --color-button: 0, 0, 0;
  --color-button-text: 255, 255, 255;
}
body:has(.product__media-wrapper) .product-form__submit::before,
body:has(.product__media-wrapper) .product-form__submit::after {
  box-shadow: none !important;
}
body:has(.product__media-wrapper) .product-form__submit:hover {
  background: #222 !important;
}

/* Description text a tad bigger (collapsible rows stay at 1.2rem) */
body:has(.product__media-wrapper) .product__description,
body:has(.product__media-wrapper) .product__description * {
  font-size: 1.3rem !important;
}
body:has(.product__media-wrapper) .accordion .product__description,
body:has(.product__media-wrapper) .accordion .product__description *,
body:has(.product__media-wrapper) .accordion__content,
body:has(.product__media-wrapper) .accordion__content * {
  font-size: 1.2rem !important;
}

/* ---------- BUTTON WIDTH: option A (what you asked for) ----------
   Add to cart and the button under it fill the full width of the text side.
   TO GO BACK TO HOW IT WAS: delete this whole block.
   (Dawn's own default width for these buttons is, as far as I know, 44rem.) */
body:has(.product__media-wrapper) .product-form__buttons {
  max-width: none !important;
}
body:has(.product__media-wrapper) .product-form__submit,
body:has(.product__media-wrapper) .shopify-payment-button,
body:has(.product__media-wrapper) .shopify-payment-button__button {
  width: 100% !important;
}

/* ---------- BUTTON WIDTH: option B (only if A looks odd) ----------
   Instead, make the text side narrower to match the buttons' original width.
   First delete option A above, then remove the /* and */ around this block.
body:has(.product__media-wrapper) .product__info-container {
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
}
*/
/* ---- ROUND 5 ---- */

/* Remove "Tax included. Shipping calculated at checkout." */
body:has(.product__media-wrapper) .product__tax {
  display: none !important;
}

/* Bigger gap between the price and the size section */
body:has(.product__media-wrapper) .product__info-container > *:has(.price) {
  margin-bottom: 4.2rem !important;
}

/* A little more air between Size and Colour */
body:has(.product__media-wrapper) .product-form__input {
  margin-bottom: 2rem !important;
}

/* "Low stock": small, quiet grey text */
body:has(.product__media-wrapper) .product__inventory,
body:has(.product__media-wrapper) .product__inventory span {
  font-size: 1.2rem !important;
  color: #6b6b6b !important;
}
body:has(.product__media-wrapper) .product-form__submit {
  font-weight: 500 !important;
  letter-spacing: 0.08em;
}
/* ---- Name left, price right, on one row ---- */
body:has(.product__media-wrapper) .product__info-container {
  display: grid !important;
  grid-template-columns: 1fr auto;
  column-gap: 2rem;
  row-gap: 0;
  align-items: baseline;
}
body:has(.product__media-wrapper) .product__info-container > * {
  grid-column: 1 / -1;
  margin: 0.75rem 0 !important;
}
body:has(.product__media-wrapper) .product__info-container > .product__title {
  grid-column: 1;
  grid-row: 1;
  margin: 0 0 2.4rem !important;
}
body:has(.product__media-wrapper) .product__info-container > *:has(.price) {
  grid-column: 2;
  grid-row: 1;
  text-align: right;
  margin: 0 0 2.4rem !important;
}

/* ---- More air in the top half only ---- */
body:has(.product__media-wrapper) .product__info-container > *:has(.product-form__input),
body:has(.product__media-wrapper) .product__info-container > *:has(.product__inventory) {
  margin: 1.6rem 0 !important;
}
/* =========================================================
   ROUND 6
   ========================================================= */

/* 1. Smaller gap between the size boxes and Add to cart */
body:has(.product__media-wrapper) .product__info-container > *:has(.product-form__input) {
  margin: 1.6rem 0 0.4rem !important;
}
body:has(.product__media-wrapper) .product-form__input {
  margin-bottom: 0.2rem !important;
}
body:has(.product__media-wrapper) .product__info-container > *:has(.product__inventory) {
  margin: 0.6rem 0 !important;
}

/* 2. Collapsible rows: one single line between rows (no doubled lines) */
body:has(.product__media-wrapper) .product__accordion,
body:has(.product__media-wrapper) .product__accordion details,
body:has(.product__media-wrapper) .product__accordion summary,
body:has(.product__media-wrapper) .product__accordion .accordion__content {
  border: 0 !important;
}
body:has(.product__media-wrapper) .product__accordion {
  border-top: 1px solid #000 !important;
  margin: 0 !important;
}
body:has(.product__media-wrapper) .product__accordion:not(:has(+ .product__accordion)) {
  border-bottom: 1px solid #000 !important;
}

/* 3. Sticky text column: sits lower when you scroll */
@media screen and (min-width: 750px) {
  body:has(.product__media-wrapper) .product__column-sticky {
    top: 11rem !important;
  }
}

/* 4. Text side narrower, the width Add to cart used to be (Dawn's own is 44rem) */
body:has(.product__media-wrapper) .product__info-container {
  max-width: 44rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Hide "Tax included. Shipping calculated at checkout." */
body:has(.product__media-wrapper) .product__tax,
body:has(.product__media-wrapper) [class*="product__tax"] {
  display: none !important;
}
/* Hide the tax and shipping note in the cart and cart drawer */
.tax-note,
.cart__ctas + .tax-note,
.totals__total + .tax-note {
  display: none !important;
}