/* Only the public catalogue landing view and standalone deposit page.
   Does not restyle Group management, check-in or treatment workspaces. */
.deposit-page main{max-width:680px;padding:20px 18px 48px}
.deposit-page .booking-flow{margin:0;padding:22px}
.deposit-page .flow-heading{margin:0 0 18px}
.deposit-page .flow-heading>p:first-child{margin:0 0 8px}
.deposit-page .flow-heading h2{font-size:30px;line-height:1.12;margin:0 0 10px}
.deposit-page #deposit-copy{font-size:14px;line-height:1.4;margin:0}
.deposit-page .deposit-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;margin:0 0 14px;background:#f4f8f5}
.deposit-page .deposit-summary p{display:grid;gap:5px;margin:0;font-size:12px;line-height:1.25}
.deposit-page .deposit-summary strong{font-size:20px;color:var(--ink)}
.deposit-page .deposit-summary p:last-child strong{color:var(--green)}
.deposit-page .deposit-card-payment{padding:0;border:0;margin:0 0 16px}
.deposit-page .deposit-card-payment p{font-size:13px;margin:4px 0 10px}
.deposit-page #stripe-checkout{width:100%;min-height:48px}
.deposit-page .deposit-other-method{border-top:1px solid var(--line);padding:0;margin:0}
.deposit-page .deposit-other-method>summary{padding:13px 0;min-height:44px;font-weight:700;cursor:pointer}
.deposit-page .deposit-other-method .review-card{padding:0;border:0;margin:0 0 14px}
.deposit-page .deposit-other-method .details-form{gap:12px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.deposit-page .deposit-other-method label{font-size:13px;gap:5px;min-width:0}
.deposit-page .deposit-other-method input{width:100%;min-width:0;min-height:44px;padding:10px;font-size:16px}
.deposit-page .deposit-other-method button{grid-column:1/-1;width:100%;min-height:44px}
.deposit-page #deposit-message{margin:10px 0 0;line-height:1.4}
@media(max-width:760px){
  body:has(#browse-view:not([hidden]))>.site-header{margin:0 16px;padding:14px 0;align-items:center;gap:12px}
  body:has(#browse-view:not([hidden]))>.site-header .my-oasis-link small{font-size:11px}
  body:has(#browse-view:not([hidden]))>main{padding:16px 16px 40px}
  body:has(#browse-view:not([hidden])) #hero{padding:16px;border-radius:14px}
  body:has(#browse-view:not([hidden])) #hero h1{font-size:23px;line-height:1.12;margin:0 0 12px}
  body:has(#browse-view:not([hidden])) #hero>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}
  body:has(#browse-view:not([hidden])) #hero #hero-group,body:has(#browse-view:not([hidden])) #hero #hero-package{grid-column:auto;min-width:0;padding:12px 10px;border-radius:9px;align-self:stretch}
  body:has(#browse-view:not([hidden])) #hero button strong,body:has(#browse-view:not([hidden])) #hero #multiple-hero-label{font-size:16px;line-height:1.18}
  body:has(#browse-view:not([hidden])) #hero button small{font-size:12px;line-height:1.35;margin-top:6px}
  #browse-view>.categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 6px;margin:12px 0}
  #browse-view>.categories button,#browse-view>.categories button.active{min-height:44px;font-size:14px;padding:5px 2px;line-height:1.15}
  #browse-view #services{margin-top:12px;gap:12px}
  #browse-view .card{min-height:0;padding:16px}
  #browse-view .card h3{font-size:23px;margin:4px 0 9px}
  #browse-view .card p{font-size:14px;line-height:1.4}
  #browse-view .card-bottom{margin-top:14px;padding-top:12px;font-size:13px;gap:8px}
  #browse-view .card-bottom button{min-height:44px}
  #browse-view .featured-layer{padding:14px;border-radius:12px}
  #browse-view .featured-layer-heading .eyebrow{margin:0 0 5px;font-size:10px}
  #browse-view .featured-layer-heading h3{font-size:24px;margin:0 0 6px}
  #browse-view .featured-layer-heading>p:last-child{font-size:13px;line-height:1.4}
  #browse-view .featured-empty{margin:10px 0 0;padding:10px 12px;font-size:13px;line-height:1.4}
  #browse-view .featured-layer-grid{margin-top:12px}
  #browse-view #services.featured-two-layer{gap:12px}
  .deposit-page .site-header{margin:0 16px;padding:16px 0}
  .deposit-page main{padding:14px 12px 32px}
  .deposit-page .booking-flow{padding:17px 14px}
  .deposit-page .flow-heading{margin:0 0 14px}
  .deposit-page .flow-heading h2{font-size:27px}
  .deposit-page .deposit-summary{padding:12px 10px;gap:8px}
}

#browse-view details.featured-empty-section{padding:0}
#browse-view .featured-empty-section>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 14px;cursor:pointer;list-style:none}
#browse-view .featured-empty-section>summary::after{content:"+";font-size:20px}
#browse-view .featured-empty-section[open]>summary::after{content:"−"}
#browse-view .featured-empty-section>summary::-webkit-details-marker{display:none}
#browse-view .featured-empty-section>summary span{margin-left:auto;font-size:12px;color:var(--muted)}
#browse-view .featured-empty-section .featured-empty{margin:0 14px 14px}