/* Here & Now V5.19
   SPA Benefits — editorial dark-green wellbeing showcase.
   Intentionally distinct from the white, numbered "How to use" step cards.
   No benefit copy added beyond the owner's exact headings.
*/
.spa-guest-copy .spa-benefits-editorial {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  align-items:start;
  gap:clamp(26px,4.5vw,62px);
  padding:clamp(28px,4.6vw,55px);
  margin:44px 0 26px;
  overflow:hidden;
  border:1px solid #315948;
  border-radius:24px;
  background:radial-gradient(circle at 15% 5%, #326952 0%, transparent 38%),linear-gradient(145deg,#214b38 5%,#102d23 91%);
  color:#f9f4e7;
  box-shadow:0 18px 42px rgba(19,50,38,.15);
}
.spa-guest-copy .spa-benefits-editorial::before{
  content:"";
  position:absolute;
  width:410px;height:410px;
  top:-275px;right:-115px;
  border:1px solid rgba(220,199,145,.26);
  border-radius:50%;
  box-shadow:0 0 0 64px rgba(220,199,145,.035),0 0 0 124px rgba(220,199,145,.025);
  pointer-events:none;z-index:0;
}
.spa-guest-copy .spa-benefits-editorial::after{
  content:"";
  position:absolute;
  width:70px;height:70px;
  bottom:-37px;left:43px;
  border:1px solid rgba(220,199,145,.28);
  transform:rotate(45deg);
  pointer-events:none;
}
.spa-guest-copy .spa-benefits-editorial > *{position:relative;z-index:1;min-width:0}
.spa-guest-copy .spa-benefits-overline{
  display:block;
  color:#dbca9a;
  font:700 11px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.19em;
  margin:4px 0 20px;
}
.spa-guest-copy .spa-benefits-editorial h3{
  color:#fff9e9;
  margin:0 0 20px;
  font:400 clamp(45px,5vw,71px)/1.02 Georgia,"Times New Roman",serif;
  letter-spacing:-.045em;
}
.spa-guest-copy .spa-benefits-decoration{
  color:#d6b77e;
  font:400 57px/1 Georgia,serif;
  display:block;
  margin-top:19px;
  opacity:.9;
}
.spa-guest-copy .spa-benefits-showcase{
  list-style:none;
  margin:0;
  padding:0;
  display:block;
}
.spa-guest-copy .spa-benefit-feature{
  display:flex;
  align-items:baseline;
  gap:19px;
  padding:15px 0 16px;
  margin:0;
  border:0;
  border-bottom:1px solid rgba(228,225,201,.23);
  border-radius:0;
  background:none;
}
.spa-guest-copy .spa-benefit-feature:first-child{padding-top:4px}
.spa-guest-copy .spa-benefit-feature:last-child{border-bottom:0;padding-bottom:5px}
.spa-guest-copy .spa-benefit-star{
  flex:0 0 17px;
  color:#dec38d;
  font:400 18px/1 Georgia,serif;
  text-align:center;
  transform:translateY(-1px);
}
.spa-guest-copy .spa-benefit-name{
  display:block;
  max-width:100%;
  color:#fff9ee;
  font:400 clamp(20px,2.3vw,29px)/1.24 Georgia,"Times New Roman",serif;
  letter-spacing:-.012em;
  overflow-wrap:break-word;
}
.detail-body .spa-care-note{
  display:block;
  margin:13px 0 26px !important;
  padding:11px 17px;
  background:#eff4ec;
  border:1px solid #dbe6d5;
  border-left:3px solid #a4b7a4;
  border-radius:0 9px 9px 0;
  color:#506a59;
  font:400 14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
@media (min-width:1200px){
  .spa-guest-copy .spa-benefits-editorial{margin-top:50px}
}
@media (max-width:800px){
  .spa-guest-copy .spa-benefits-editorial {
    grid-template-columns:1fr;
    gap:4px;
    padding:28px 25px 29px;
    border-radius:18px;
    margin:32px 0 19px;
  }
  .spa-guest-copy .spa-benefits-editorial h3{font-size:clamp(42px,9vw,57px);margin-bottom:8px}
  .spa-guest-copy .spa-benefits-overline{margin-bottom:12px}
  .spa-guest-copy .spa-benefits-decoration{display:none}
  .spa-guest-copy .spa-benefit-feature{padding:13px 0 14px;gap:15px}
  .spa-guest-copy .spa-benefit-feature:first-child{padding-top:12px;border-top:1px solid rgba(228,225,201,.23)}
  .spa-guest-copy .spa-benefit-name{font-size:clamp(21px,4.9vw,27px)}
}
@media (max-width:430px){
  .spa-guest-copy .spa-benefits-editorial {padding:25px 21px 27px}
  .spa-guest-copy .spa-benefit-feature{gap:12px}
  .spa-guest-copy .spa-benefit-star{flex-basis:15px}
  .detail-body .spa-care-note{font-size:13px;padding:11px 13px}
}