body.wly-product-detail {
  background: var(--wly-shell-bg);
}

body.wly-product-detail .content-bg,
body.wly-product-detail .site-main,
body.wly-product-detail .content-area,
body.wly-product-detail .site-container {
  background: transparent;
}

body.wly-product-detail .content-container {
  width: min(calc(100% - clamp(2rem, 7vw, 5.5rem)), 1240px);
  max-width: 1240px;
  padding-block: clamp(3rem, 7vw, 6.5rem);
}

body.wly-product-detail .content-area {
  margin-top: 0 !important;
}

body.wly-product-detail .woocommerce-notices-wrapper:empty,
body.wly-product-detail .woocommerce-breadcrumb {
  display: none;
}

body.wly-product-detail div.product {
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(360px, .97fr);
  column-gap: clamp(3rem, 7vw, 7rem);
  row-gap: clamp(4rem, 8vw, 7rem);
  align-items: start;
}

body.wly-product-detail div.product::before,
body.wly-product-detail div.product::after {
  display: none;
}

body.wly-product-detail div.product .woocommerce-product-gallery,
body.wly-product-detail div.product .summary {
  width: auto;
  float: none;
  margin: 0;
}

body.wly-product-detail div.product .woocommerce-product-gallery {
  position: relative !important;
  top: auto;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

body.wly-product-detail .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper,
body.wly-product-detail .woocommerce-product-gallery .flex-viewport {
  grid-column: 2;
  grid-row: 1;
  overflow: hidden;
  border: 1px solid var(--wly-shell-border);
  border-radius: 32px 32px 80px 32px;
  background: #eadfce;
  box-shadow: 0 24px 70px rgb(47 33 27 / .12);
}

body.wly-product-detail .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
  grid-column: 1 / -1;
}

body.wly-product-detail .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.wly-product-detail .woocommerce-product-gallery ol.flex-control-thumbs {
  grid-column: 1;
  grid-row: 1;
  display: grid !important;
  gap: .7rem;
  margin: 0 !important;
  padding: 0;
  list-style: none;
}

body.wly-product-detail .woocommerce-product-gallery ol.flex-control-thumbs li {
  width: 78px !important;
  float: none !important;
  margin: 0 !important;
}

body.wly-product-detail .woocommerce-product-gallery ol.flex-control-thumbs img {
  width: 78px;
  height: 78px;
  display: block;
  padding: .3rem;
  border: 1px solid var(--wly-shell-border);
  border-radius: 14px;
  background: var(--wly-shell-surface);
  object-fit: cover;
  opacity: .68;
  cursor: pointer;
}

body.wly-product-detail .woocommerce-product-gallery ol.flex-control-thumbs img.flex-active,
body.wly-product-detail .woocommerce-product-gallery ol.flex-control-thumbs img:hover,
body.wly-product-detail .woocommerce-product-gallery ol.flex-control-thumbs img:focus-visible {
  border-color: var(--wly-shell-accent);
  opacity: 1;
}

body.wly-product-detail .woocommerce-product-gallery__image a {
  min-height: clamp(420px, 48vw, 650px);
  display: grid;
  place-items: center;
  padding: clamp(1.5rem, 5vw, 4rem);
}

body.wly-product-detail .woocommerce-product-gallery__image img {
  width: 100%;
  height: auto;
  max-height: 560px;
  margin: 0;
  object-fit: contain;
}

body.wly-product-detail .wly-product-no-image .woocommerce-product-gallery__wrapper {
  background:
    radial-gradient(circle at 25% 18%, rgb(255 249 238 / .8), transparent 28%),
    linear-gradient(145deg, #efe3d2, #d9c3aa);
}

body.wly-product-detail .wly-product-image-note {
  margin: 1rem 0 0;
  color: var(--wly-shell-muted);
  font-size: .78rem;
  line-height: 1.5;
  text-align: center;
}

body.wly-product-detail div.product .summary {
  padding-top: clamp(.5rem, 2vw, 2rem);
}

body.wly-product-detail .wly-product-eyebrow,
body.wly-product-detail .wly-product-section-label {
  margin: 0 0 1rem;
  color: var(--wly-shell-accent);
  font-size: .73rem;
  font-weight: 800;
  letter-spacing: .14em;
  line-height: 1.4;
  text-transform: uppercase;
}

body.wly-product-detail .wly-product-eyebrow a {
  color: inherit;
  text-decoration: none;
}

body.wly-product-detail div.product .product_title {
  max-width: 14ch;
  margin: 0;
  color: var(--wly-shell-dark);
  font: 700 clamp(2.55rem, 4.2vw, 4.25rem)/1 "Fraunces", Georgia, serif;
  letter-spacing: -.035em;
}

body.wly-product-detail div.product .woocommerce-product-details__short-description {
  max-width: 38rem;
  margin-top: 1.75rem;
  color: #59463c;
  font-size: clamp(1rem, 1.4vw, 1.15rem);
  line-height: 1.75;
}

body.wly-product-detail .wly-product-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 2rem;
  overflow: hidden;
  border: 1px solid var(--wly-shell-border);
  border-radius: 18px;
  background: var(--wly-shell-surface);
}

body.wly-product-detail .wly-product-facts > div {
  min-width: 0;
  padding: 1rem 1.1rem;
  border-right: 1px solid var(--wly-shell-border);
  border-bottom: 1px solid var(--wly-shell-border);
}

body.wly-product-detail .wly-product-facts > div:nth-child(even) {
  border-right: 0;
}

body.wly-product-detail .wly-product-facts > div:nth-last-child(-n + 2) {
  border-bottom: 0;
}

body.wly-product-detail .wly-product-facts span,
body.wly-product-detail .wly-product-facts strong {
  display: block;
}

body.wly-product-detail .wly-product-facts span {
  color: var(--wly-shell-muted);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.wly-product-detail .wly-product-facts strong {
  margin-top: .3rem;
  color: var(--wly-shell-text);
  font-size: .94rem;
  overflow-wrap: anywhere;
}

body.wly-product-detail .wly-product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  margin-top: 2rem;
}

body.wly-product-detail .wly-product-button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .9rem 1.25rem;
  border: 1px solid var(--wly-shell-accent);
  border-radius: 999px;
  font-size: .86rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  transition: background .2s ease, color .2s ease, transform .18s ease;
}

body.wly-product-detail .wly-product-button:hover,
body.wly-product-detail .wly-product-button:focus-visible {
  transform: translateY(-2px);
}

body.wly-product-detail .wly-product-button--primary {
  color: var(--wly-shell-light);
  background: var(--wly-shell-accent);
}

body.wly-product-detail .wly-product-button--primary:hover,
body.wly-product-detail .wly-product-button--primary:focus-visible {
  color: var(--wly-shell-light);
  background: var(--wly-shell-accent-hover);
}

body.wly-product-detail .wly-product-button--secondary {
  color: var(--wly-shell-accent);
  background: transparent;
}

body.wly-product-detail .wly-product-button--secondary:hover,
body.wly-product-detail .wly-product-button--secondary:focus-visible {
  color: var(--wly-shell-light);
  background: var(--wly-shell-accent);
}

body.wly-product-detail .wly-product-buyer-note {
  display: grid;
  gap: .32rem;
  margin: 1.4rem 0 0;
  padding: 1.1rem 1.25rem;
  border-left: 3px solid var(--wly-shell-accent);
  color: #6f594e;
  background: rgb(255 250 242 / .7);
  font-size: .82rem;
  line-height: 1.55;
}

body.wly-product-detail .wly-product-buyer-note strong {
  color: var(--wly-shell-dark);
}

body.wly-product-detail .wly-product-information,
body.wly-product-detail .related,
body.wly-product-detail .upsells {
  grid-column: 1 / -1;
  width: 100%;
}

body.wly-product-detail .wly-product-information {
  display: grid;
  gap: clamp(2rem, 4vw, 3.5rem);
}

body.wly-product-detail .wly-product-overview,
body.wly-product-detail .wly-product-empty-state {
  padding: clamp(2rem, 5vw, 4.5rem);
  border-radius: 32px;
}

body.wly-product-detail .wly-product-overview {
  color: var(--wly-shell-light);
  background: var(--wly-shell-dark);
}

body.wly-product-detail .wly-product-overview .wly-product-section-label {
  color: #efc8b7;
}

body.wly-product-detail .wly-product-description {
  max-width: 840px;
  color: var(--wly-shell-light);
  font-size: clamp(1.05rem, 1.6vw, 1.25rem);
  line-height: 1.8;
}

body.wly-product-detail .wly-product-description > :first-child {
  margin-top: 0;
}

body.wly-product-detail .wly-product-description > :last-child {
  margin-bottom: 0;
}

body.wly-product-detail .wly-product-spec-grid {
  display: grid;
  gap: 2rem;
}

body.wly-product-detail .wly-product-spec-card {
  min-width: 0;
}

body.wly-product-detail .wly-product-spec-card h2,
body.wly-product-detail .wly-product-empty-state h2,
body.wly-product-detail .related > h2,
body.wly-product-detail .upsells > h2 {
  margin: 0;
  color: var(--wly-shell-dark);
  font: 650 clamp(1.65rem, 3vw, 2.5rem)/1.08 "Fraunces", Georgia, serif;
}

body.wly-product-detail .wly-product-table-wrap {
  overflow-x: auto;
  margin-top: 1.5rem;
  border: 1px solid var(--wly-shell-border);
  border-radius: 18px;
  background: var(--wly-shell-surface);
}

body.wly-product-detail .wly-product-table {
  width: 100%;
  min-width: 720px;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

body.wly-product-detail .wly-product-table th,
body.wly-product-detail .wly-product-table td {
  padding: 1.1rem 1.25rem;
  border: 0;
  border-bottom: 1px solid var(--wly-shell-border);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

body.wly-product-detail .wly-product-table tr:last-child > * {
  border-bottom: 0;
}

body.wly-product-detail .wly-product-table th {
  width: 18%;
  color: var(--wly-shell-muted);
  background: #f1e8dc;
  font-size: .82rem;
  font-weight: 700;
}

body.wly-product-detail .wly-product-table td {
  width: 32%;
  color: var(--wly-shell-text);
  background: var(--wly-shell-surface);
  font-size: .92rem;
  font-weight: 650;
}

body.wly-product-detail .wly-product-table__empty {
  background: var(--wly-shell-surface);
}

body.wly-product-detail .wly-product-empty-state {
  position: relative;
  overflow: hidden;
  background: #dfc7aa;
}

body.wly-product-detail .wly-product-empty-state::after {
  content: "万";
  position: absolute;
  right: clamp(1rem, 5vw, 4rem);
  bottom: -1.5rem;
  color: rgb(185 52 40 / .12);
  font: 700 clamp(8rem, 20vw, 16rem)/1 "Noto Sans SC", sans-serif;
  transform: rotate(-8deg);
}

body.wly-product-detail .wly-product-empty-state > * {
  position: relative;
  z-index: 1;
}

body.wly-product-detail .wly-product-empty-state h2 {
  max-width: 19ch;
}

body.wly-product-detail .wly-product-empty-state > p:last-child {
  max-width: 620px;
  margin: 1.25rem 0 0;
  color: #5d493d;
  line-height: 1.7;
}

body.wly-product-detail .related,
body.wly-product-detail .upsells {
  margin-top: 0;
}

body.wly-product-detail .related ul.products,
body.wly-product-detail .upsells ul.products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 2rem;
}

body.wly-product-detail .related ul.products::before,
body.wly-product-detail .related ul.products::after,
body.wly-product-detail .upsells ul.products::before,
body.wly-product-detail .upsells ul.products::after {
  display: none;
}

body.wly-product-detail ul.products li.product {
  width: auto;
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--wly-shell-border);
  border-radius: 24px;
  background: var(--wly-shell-surface);
}

body.wly-product-detail ul.products li.product .button,
body.wly-product-detail ul.products li.product .price,
body.wly-product-detail ul.products li.product .star-rating {
  display: none;
}

body.wly-product-detail ul.products li.product img {
  border-radius: 18px;
  background: #eadfce;
}

body.wly-product-detail ul.products li.product .woocommerce-loop-product__title {
  padding: 1rem .25rem .25rem;
  color: var(--wly-shell-dark);
  font: 650 1.35rem/1.15 "Fraunces", Georgia, serif;
}

@media (max-width: 900px) {
  body.wly-product-detail div.product {
    grid-template-columns: 1fr;
  }

  body.wly-product-detail div.product .woocommerce-product-gallery {
    position: relative !important;
  }

  body.wly-product-detail div.product .product_title {
    max-width: 16ch;
  }
}

@media (max-width: 680px) {
  body.wly-product-detail .content-container {
    width: min(calc(100% - 2rem), 1240px);
    padding-block: 2.5rem 4rem;
  }

  body.wly-product-detail .woocommerce-product-gallery__wrapper {
    border-radius: 24px 24px 48px 24px;
  }

  body.wly-product-detail div.product .woocommerce-product-gallery {
    grid-template-columns: 1fr;
  }

  body.wly-product-detail .woocommerce-product-gallery .flex-viewport,
  body.wly-product-detail .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
    grid-column: 1;
    grid-row: 1;
  }

  body.wly-product-detail .woocommerce-product-gallery ol.flex-control-thumbs {
    grid-column: 1;
    grid-row: 2;
    grid-template-columns: repeat(4, 64px);
    overflow-x: auto;
  }

  body.wly-product-detail .woocommerce-product-gallery ol.flex-control-thumbs li,
  body.wly-product-detail .woocommerce-product-gallery ol.flex-control-thumbs img {
    width: 64px !important;
    height: 64px;
  }

  body.wly-product-detail .woocommerce-product-gallery__image a {
    min-height: 330px;
    padding: 1.5rem;
  }

  body.wly-product-detail div.product .product_title {
    font-size: clamp(2.45rem, 12vw, 3.7rem);
  }

  body.wly-product-detail .wly-product-actions,
  body.wly-product-detail .wly-product-button {
    width: 100%;
  }

  body.wly-product-detail .related ul.products,
  body.wly-product-detail .upsells ul.products {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.wly-product-detail .wly-product-button {
    transition: none;
  }
}