/* Final tune: spacing, one-line Gochi Hand, centered addon row, cleaner birthday/package headings */
:root{--co-hand-size:clamp(22px,2vw,32px);--co-hand-size-long:clamp(20px,1.8vw,29px);--co-hand-size-mobile:clamp(18px,5vw,24px)}
body.compact-rhythm main .co-overlay-title,
body.compact-rhythm main .co-overlay-title.co-long-hand,
body.compact-rhythm main .co-display.co-overlay-title{
  margin-bottom:clamp(8px,1vw,14px)!important;
  padding-bottom:0!important;
}
body.compact-rhythm main .co-overlay-title > .hand,
body.compact-rhythm main .co-overlay-title.co-long-hand > .hand,
body.birthday-page main .birthday-shell .co-overlay-title > .hand,
body.compact-rhythm main .co-overlay-title.co-overlay-title > span.hand.hand{
  display:block!important;
  position:relative!important;
  width:max-content!important;
  max-width:100%!important;
  margin:4px 0 0 auto!important;
  padding:0!important;
  white-space:nowrap!important;
  line-height:1!important;
  font-size:var(--co-hand-size)!important;
  transform:rotate(-4deg)!important;
}
body.compact-rhythm main .co-overlay-title.co-long-hand > .hand,
body.compact-rhythm main .co-overlay-title.co-overlay-title.co-long-hand > span.hand.hand{
  font-size:var(--co-hand-size-long)!important;
}
/* Keep section heading spacing tight and consistent */
body.compact-rhythm main #life-at-the-club .section-head,
body.compact-rhythm main .co-spotlight-head,
body.compact-rhythm main .co-birthday-section-head,
body.compact-rhythm main .birthday-details-head{
  margin-bottom:12px!important;
}
body.compact-rhythm main .co-spotlight-head,
body.compact-rhythm main .co-birthday-section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  column-gap:clamp(18px,3vw,44px)!important;
  row-gap:4px!important;
}
body.compact-rhythm main .co-spotlight-head > div,
body.compact-rhythm main .co-birthday-section-head > div{min-width:0!important}
body.compact-rhythm main .co-spotlight-cue,
body.compact-rhythm main .co-birthday-section-head > p{
  max-width:280px!important;
  margin:0 0 6px!important;
  text-align:right!important;
  align-self:end!important;
  font-size:14px!important;
  line-height:1.35!important;
}
body.compact-rhythm main .co-spotlight-track,
body.compact-rhythm main .mood-grid,
body.compact-rhythm main .co-birthday-pricing .co-birthday-scroll,
body.compact-rhythm main .co-birthday-addons .co-birthday-scroll{margin-top:0!important}
/* Desktop pricing: 3 cards visible, no awkward swipe copy */
@media(min-width:901px){
  body.birthday-page main .co-birthday-pricing .co-birthday-scroll{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    overflow:visible!important;
    padding-bottom:0!important;
    scrollbar-width:none!important;
  }
  body.birthday-page main .co-birthday-pricing .co-birthday-card{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  body.birthday-page main .co-birthday-addons .co-birthday-scroll{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:18px!important;
    overflow:visible!important;
    padding-bottom:0!important;
    scrollbar-width:none!important;
  }
  body.birthday-page main .co-birthday-addons .co-birthday-card{grid-column:span 2!important;min-width:0!important;flex:auto!important}
  body.birthday-page main .co-birthday-addons .co-birthday-card:nth-child(4){grid-column:2 / span 2!important}
  body.birthday-page main .co-birthday-addons .co-birthday-card:nth-child(5){grid-column:4 / span 2!important}
}
body.birthday-page main .co-birthday-addon{justify-content:flex-start!important;text-align:center!important}
body.birthday-page main .co-birthday-addon h3,
body.birthday-page main .co-birthday-addon p,
body.birthday-page main .co-birthday-addon strong{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
body.birthday-page main .co-birthday-addon p{max-width:24ch!important}
/* Mobile preserve stack and one-line handwriting */
@media(max-width:900px){
  body.compact-rhythm main .co-spotlight-head,
  body.compact-rhythm main .co-birthday-section-head{display:block!important}
  body.compact-rhythm main .co-spotlight-cue,
  body.compact-rhythm main .co-birthday-section-head > p{
    max-width:none!important;
    margin:6px 0 0!important;
    text-align:left!important;
    font-size:13px!important;
  }
}
@media(max-width:760px){
  :root{--co-hand-size:var(--co-hand-size-mobile);--co-hand-size-long:clamp(16px,4.4vw,22px)}
  body.compact-rhythm main .co-overlay-title,
  body.compact-rhythm main .co-overlay-title.co-long-hand,
  body.compact-rhythm main .co-display.co-overlay-title{margin-bottom:8px!important}
  body.compact-rhythm main .co-overlay-title > .hand,
  body.compact-rhythm main .co-overlay-title.co-long-hand > .hand,
  body.compact-rhythm main .co-overlay-title.co-overlay-title > span.hand.hand{margin-top:3px!important}
}