.mdw-detail,.mdw-detail * {
  box-sizing:border-box
}
.mdw-detail {
  --accent:var(--primary-color,#82592f);
  position:relative;
  z-index:0;
  clear:both;
  width:100%;
  color:#29241f;
  font-family:Lato,Arial,sans-serif
}
.mdw-detail__sheet {
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);
  overflow:hidden;
  width:100%;
  background:#fff;
  border:1px solid #ded8cf;
  border-radius:4px;
  box-shadow:0 18px 45px rgba(55,45,33,.12)
}
.mdw-detail__media {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:560px;
  padding:clamp(30px,5vw,70px);
  background:linear-gradient(145deg,#f7f4ef,#ece7df)
}
.mdw-detail__image {
  display:block;
  float:none;
  position:static;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:520px;
  margin:0;
  object-fit:contain;
  filter:drop-shadow(0 18px 22px rgba(45,36,28,.13))
}
.mdw-detail__placeholder {
  width:min(260px,75%);
  color:#afa79c
}
.mdw-detail__placeholder svg {
  display:block;
  width:100%
}
.mdw-detail__content {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:clamp(34px,5vw,68px);
  background:#fff
}
.mdw-detail__header {
  padding-bottom:26px;
  border-bottom:1px solid #e7e1d9
}
.mdw-detail__eyebrow {
  display:block;
  margin-bottom:13px;
  color:#786652;
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  line-height:1.4;
  text-transform:uppercase
}
.mdw-detail__title {
  float:none;
  width:auto;
  margin:0;
  color:#29241f;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(32px,4vw,52px);
  font-weight:400;
  letter-spacing:-.025em;
  line-height:1.08
}
.mdw-detail__price {
  margin:20px 0 0;
  color:var(--accent);
  font-family:Georgia,'Times New Roman',serif;
  font-size:30px;
  line-height:1
}
.mdw-detail__summary {
  padding:28px 0 24px
}
.mdw-detail__summary h2 {
  margin:0 0 10px;
  color:#5e5041;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase
}
.mdw-detail__summary p {
  margin:0;
  color:#59534c;
  font-size:15px;
  line-height:1.75
}
.mdw-detail__facts {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0 0 30px;
  padding:18px 0;
  border-top:1px solid #e7e1d9;
  border-bottom:1px solid #e7e1d9
}
.mdw-detail__facts div {
  min-width:0;
  padding:0 15px;
  border-left:1px solid #e7e1d9
}
.mdw-detail__facts div:first-child {
  padding-left:0;
  border-left:0
}
.mdw-detail__facts dt {
  margin-bottom:7px;
  color:#8a8074;
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase
}
.mdw-detail__facts dd {
  margin:0;
  color:#38322c;
  font-size:13px;
  overflow-wrap:anywhere
}
.mdw-detail__facts small {
  display:block;
  margin-top:4px;
  color:#887f75
}
.mdw-detail__stock {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:700
}
.mdw-detail__stock:before {
  width:7px;
  height:7px;
  background:#4f8a5b;
  border-radius:50%;
  content:''
}
.mdw-detail__stock--low-stock:before {
  background:#c5862b
}
.mdw-detail__stock--out-of-stock:before {
  background:#a94b43
}
.mdw-detail__purchase {
  display:grid;
  grid-template-columns:90px minmax(0,1fr);
  gap:12px;
  margin-top:auto
}
.mdw-detail__selectors{grid-column:1/-1;display:grid;gap:16px;margin-bottom:8px}.mdw-option-group{min-width:0;margin:0;padding:0;border:0}.mdw-option-group legend{margin-bottom:8px;color:#5e5041;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mdw-option-group select{width:100%;height:48px;padding:0 42px 0 13px;color:#29241f;background:#fff;border:1px solid #cfc6bb;border-radius:3px;font:inherit}.mdw-option-radios{display:flex;flex-wrap:wrap;gap:8px}.mdw-option-radios label{position:relative;cursor:pointer}.mdw-option-radios input{position:absolute;opacity:0}.mdw-option-radios span{display:block;padding:10px 13px;background:#fff;border:1px solid #cfc6bb;border-radius:3px}.mdw-option-radios input:checked+span{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.mdw-option-radios small{color:inherit}
.mdw-detail__quantity span {
  display:block;
  margin-bottom:7px;
  color:#71675d;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase
}
.mdw-detail__quantity input {
  width:100%;
  height:48px;
  margin:0;
  padding:0 12px;
  color:#29241f;
  background:#fff;
  border:1px solid #cfc6bb;
  border-radius:3px;
  font:inherit
}
.mdw-detail__buy {
  align-self:end;
  width:100%;
  height:48px;
  margin:0;
  padding:0 22px;
  color:#fff;
  background:var(--accent);
  border:1px solid var(--accent);
  border-radius:3px;
  cursor:pointer;
  font:700 13px/1 Lato,Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:filter .18s ease,transform .18s ease
}
.mdw-detail__buy:hover {
  filter:brightness(.9);
  transform:translateY(-1px)
}
.mdw-detail__buy:focus-visible,.mdw-detail__quantity input:focus-visible {
  outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);
  outline-offset:2px
}
.mdw-detail__buy:disabled {
  cursor:not-allowed;
  filter:grayscale(.5);
  opacity:.58;
  transform:none
}
.mdw-detail__notice {
  padding:20px;
  border-radius:4px
}
.mdw-detail__notice--error {
  color:#7f2520;
  background:#fff1ef;
  border:1px solid #e7b7b2
}
.mdw-detail--centered .mdw-detail__sheet {
  display:flex;
  flex-direction:column;
  max-width:920px;
  margin:0 auto;
  overflow:visible;
  padding:clamp(28px,5vw,66px);
  border-color:#d9d0c4;
  box-shadow:0 22px 60px rgba(55,45,33,.1)
}
.mdw-detail--centered .mdw-detail__media {
  order:2;
  min-height:0;
  margin:34px 0;
  padding:clamp(24px,5vw,54px);
  background:#f5f1eb;
  border-top:1px solid #ded6cc;
  border-bottom:1px solid #ded6cc
}
.mdw-detail--centered .mdw-detail__image {
  max-height:510px
}
.mdw-detail--centered .mdw-detail__content {
  display:contents;
  padding:0
}
.mdw-detail--centered .mdw-detail__header {
  order:1;
  padding:0;
  text-align:center;
  border:0
}
.mdw-detail--centered .mdw-detail__title {
  max-width:760px;
  margin:0 auto;
  font-size:clamp(38px,6vw,64px)
}
.mdw-detail--centered .mdw-detail__price {
  margin-top:18px
}
.mdw-detail--centered .mdw-detail__summary {
  order:3;
  max-width:680px;
  margin:0 auto;
  padding:6px 0 30px;
  text-align:center
}
.mdw-detail--centered .mdw-detail__summary p {
  font-family:Georgia,'Times New Roman',serif;
  font-size:17px;
  line-height:1.85
}
.mdw-detail--centered .mdw-detail__facts {
  order:4;
  width:100%;
  max-width:680px;
  margin:0 auto 30px;
  text-align:center
}
.mdw-detail--centered .mdw-detail__purchase {
  order:5;
  width:100%;
  max-width:520px;
  margin:0 auto
}
.mdw-detail--compact .mdw-detail__sheet {
  grid-template-columns:minmax(240px,.7fr) minmax(360px,1.3fr)
}
.mdw-detail--compact .mdw-detail__media {
  min-height:420px;
  padding:clamp(24px,4vw,46px)
}
.mdw-detail--compact .mdw-detail__content {
  padding:clamp(28px,4vw,48px)
}
.mdw-detail--compact .mdw-detail__title {
  font-size:clamp(30px,3.5vw,44px)
}
.mdw-detail--compact .mdw-detail__summary {
  padding:22px 0 18px
}
@media(max-width:850px) {
  .mdw-detail__sheet,.mdw-detail--compact .mdw-detail__sheet {
    grid-template-columns:1fr
  }
  .mdw-detail__media,.mdw-detail--compact .mdw-detail__media {
    min-height:0;
    padding:34px
  }
  .mdw-detail__image {
    max-height:390px
  }
  .mdw-detail__content {
    padding:34px
  }
}
@media(max-width:520px) {
  .mdw-detail__sheet {
    border-radius:0
  }
  .mdw-detail__media,.mdw-detail--compact .mdw-detail__media {
    padding:24px 18px
  }
  .mdw-detail__content {
    padding:28px 20px
  }
  .mdw-detail__facts {
    grid-template-columns:1fr;
    gap:14px
  }
  .mdw-detail__facts div,.mdw-detail__facts div:first-child {
    padding:0;
    border:0
  }
  .mdw-detail__purchase {
    grid-template-columns:78px minmax(0,1fr)
  }
  .mdw-detail--centered .mdw-detail__sheet {
    padding:30px 18px
  }
  .mdw-detail--centered .mdw-detail__media {
    margin:28px 0;
    padding:24px 12px
  }
}
@media(prefers-reduced-motion:reduce) {
  .mdw-detail__buy {
    transition:none
  }
}

/* Native Natura integration: the host template provides the page canvas. */
.mdw-detail__sheet,
.mdw-detail--centered .mdw-detail__sheet,
.mdw-detail--compact .mdw-detail__sheet {
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.mdw-detail__content {
  background: transparent;
}
.mdw-detail__media,
.mdw-detail--centered .mdw-detail__media,
.mdw-detail--compact .mdw-detail__media {
  flex-direction: column;
  min-height: 0;
  padding: clamp(18px, 3vw, 42px);
  background: transparent;
  border: 0;
}
.mdw-detail__image {
  width: auto;
  max-width: min(100%, 620px);
  height: auto;
  max-height: min(68vh, 660px);
  object-fit: contain;
}
.mdw-detail__thumbs { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:18px }
.mdw-detail__thumb { width:58px; height:58px; padding:3px; background:#fff; border:1px solid #d7d0c7; border-radius:3px; cursor:pointer }
.mdw-detail__thumb.is-active { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent) }
.mdw-detail__thumb img { width:100%; height:100%; object-fit:contain }
.mdw-detail__module { margin-top:28px; padding-top:24px; border-top:1px solid #ddd6cd }
.mdw-detail__module h2 { margin:0 0 14px; font-size:1.05rem }
.mdw-detail__module-grid { display:grid; gap:10px }
.mdw-detail__module-grid>div { display:grid; grid-template-columns:minmax(100px,.45fr) 1fr; gap:14px }
.mdw-detail__module-grid strong { color:#534b43 }
.mdw-detail__review { padding:14px 0; border-top:1px solid #eee9e2 }
.mdw-detail__review:first-of-type { border-top:0 }
.mdw-detail__review h3,.mdw-detail__review p { margin:5px 0 }
.mdw-detail__stars { color:var(--accent); letter-spacing:2px }
.mdw-detail__review small,.mdw-detail__empty { color:#746b62 }
.mdw-detail-modal { position:fixed; inset:0; z-index:10000; display:none; align-items:center; justify-content:center; padding:clamp(12px,3vw,38px); background:rgba(20,18,16,.68); backdrop-filter:blur(4px) }
.mdw-detail-modal.is-open { display:flex }
.mdw-detail-modal__dialog { position:relative; overflow:auto; width:min(1120px,100%); max-height:calc(100vh - 40px); padding:clamp(24px,4vw,52px); background:#fff; border-radius:8px; box-shadow:0 24px 80px rgba(0,0,0,.34) }
.mdw-detail-modal__close { position:sticky; z-index:2; top:0; float:right; width:42px; height:42px; margin:-12px -12px 4px 12px; color:#29241f; background:#fff; border:1px solid #ddd6cd; border-radius:50%; font-size:28px; line-height:1; cursor:pointer }
.mdw-detail-modal__status { padding:50px; text-align:center }
.mdw-detail-modal__fallback { display:inline-block; margin-top:18px; color:var(--accent,#82592f); font-weight:700 }
body.mdw-modal-open { overflow:hidden }
@media (max-width:720px) {
  .mdw-detail__module-grid>div { grid-template-columns:1fr; gap:3px }
  .mdw-detail-modal { padding:0 }
  .mdw-detail-modal__dialog { max-height:100vh; min-height:100vh; border-radius:0; padding:22px }
}