/* Boss Jay Sen review: keep the homepage short; open dates from the blue bar. */
#date-planner-dialog{
  --pick-ink:#173e56;--pick-blue:#14618f;--pick-note:#465c69;--pick-cream:#fff7e9;--pick-line:#aabcc5;
  width:min(740px,calc(100% - 32px));max-width:calc(100% - 16px);max-height:90dvh;
  margin:auto;padding:22px;border:1px solid #c4d1d8;border-radius:20px;
  background:#fffaf1;color:var(--pick-ink);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  box-shadow:0 22px 75px #102f4940;
}
#date-planner-dialog[open]{animation:jay-date-dialog-in .16s ease-out both}
#date-planner-dialog::backdrop{background:#12344f8c;backdrop-filter:blur(3px)}
#date-planner-dialog>.dialog-header{
  position:sticky;top:-22px;z-index:3;align-items:center;gap:16px;
  margin:-22px -22px 0;padding:16px 22px;border-bottom:1px solid #d7c9b4;
  background:#fffaf1;
}
#date-planner-dialog>.dialog-header h2{margin:0;color:var(--pick-ink);font-size:34px;line-height:1.15;letter-spacing:0}
#date-planner-dialog>.dialog-header .eyebrow{margin-bottom:5px;font-size:11px;color:#865024}
#date-planner-dialog>.dialog-header [data-close]{flex:0 0 46px;width:46px;min-height:46px;border:1px solid #9bb0bc;border-radius:10px;background:#fff;color:var(--pick-ink);font-size:27px}
#date-planner-dialog #plan-date{
  position:relative;width:100%;max-width:none;margin:0;padding:18px 0 0;
  border:0;border-radius:0;background:transparent;scroll-margin-top:0;box-shadow:none;
}
#date-planner-dialog .date-planner-heading{display:block;margin:0 0 12px}
#date-planner-dialog .date-planner-heading .eyebrow{font-size:11px;letter-spacing:1.2px}
#date-planner-dialog .date-planner-heading h2{font-size:26px;line-height:1.2;letter-spacing:0;margin:5px 0 8px}
#date-planner-dialog .date-planner-heading>p,#date-planner-dialog #plan-date>p:not(.eyebrow){max-width:none;color:var(--pick-note);font-size:14px;line-height:1.6}
#date-planner-dialog .date-planner-heading br{display:none}
#date-planner-dialog #customer-quick-dates{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0}
#date-planner-dialog #customer-quick-dates .quick-date{min-height:98px;padding:11px 7px;gap:4px;border-radius:12px}
#date-planner-dialog #customer-quick-dates .quick-date[aria-pressed=true]{padding:10px 6px}
#date-planner-dialog #customer-quick-dates .quick-date>strong{font-size:30px}
#date-planner-dialog #customer-quick-dates .quick-date>span,#date-planner-dialog #customer-quick-dates .quick-date>small{font-size:13px}
#date-planner-dialog #customer-more-dates{min-height:48px;margin:0;font-size:14px;padding:10px 16px}
#date-planner-dialog #customer-date-picker{margin-top:16px}
#date-planner-dialog .pickup-calendar{position:relative;left:auto;width:100%;max-width:none;margin:0;padding:14px;transform:none;border-radius:14px;box-shadow:none}
#date-planner-dialog .pc-month-nav{margin-bottom:12px}
#date-planner-dialog .pc-day{min-height:52px}
#date-planner-dialog .date-planner-bottom{gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #d7c9b4}
#date-planner-dialog .date-planner-status{min-height:48px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5;border-color:#d7c9b4}
#date-planner-dialog #customer-browse-date{min-height:52px;margin:0;padding:12px 18px;font-size:14px;line-height:1.4;white-space:normal;max-width:100%}
#date-planner-dialog button:focus-visible{outline:3px solid #173e56;outline-offset:3px}
#date-planner-dialog .pc-day:focus-visible{z-index:1}
.shop.section-space{padding-top:44px}
@keyframes jay-date-dialog-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){
  #date-planner-dialog>.dialog-header [data-close]:hover{background:#edf6fa;border-color:#14618f}
}
@media(max-width:600px){
  #date-planner-dialog{width:calc(100% - 16px);padding:18px 16px;border-radius:17px}
  #date-planner-dialog>.dialog-header{top:-18px;margin:-18px -16px 0;padding:13px 16px;gap:12px}
  #date-planner-dialog>.dialog-header h2{font-size:29px}
  #date-planner-dialog>.dialog-header [data-close]{flex-basis:44px;width:44px;min-height:44px}
  #date-planner-dialog #plan-date{padding-top:15px}
  #date-planner-dialog .date-planner-heading h2{font-size:24px}
  #date-planner-dialog .date-planner-heading>p,#date-planner-dialog #plan-date>p:not(.eyebrow){font-size:14px}
  #date-planner-dialog #customer-quick-dates{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}
  #date-planner-dialog #customer-quick-dates .quick-date{min-height:90px;padding:10px 7px}
  #date-planner-dialog #customer-quick-dates .quick-date[aria-pressed=true]{padding:9px 6px}
  #date-planner-dialog #customer-quick-dates .quick-date>strong{font-size:28px}
  #date-planner-dialog #customer-more-dates{width:100%;justify-content:space-between;padding:11px 14px}
  #date-planner-dialog .pickup-calendar{padding:10px 8px}
  #date-planner-dialog .date-planner-bottom{align-items:stretch;flex-direction:column;gap:10px;margin-top:16px;padding-top:14px}
  #date-planner-dialog #customer-browse-date{width:100%;font-size:15px}
  .shop.section-space{padding-top:32px}
}
@media(max-width:460px){
  #date-planner-dialog .pickup-calendar{left:50%;width:calc(100vw - 24px);max-width:none;transform:translateX(-50%);padding:10px 6px}
  #date-planner-dialog .pc-day:focus-visible{outline-offset:-3px}
}
@media(max-width:360px){
  #date-planner-dialog{width:calc(100% - 8px);max-width:calc(100% - 8px);padding:16px 12px;border-radius:14px}
  #date-planner-dialog>.dialog-header{top:-16px;margin:-16px -12px 0;padding:12px;gap:9px}
  #date-planner-dialog>.dialog-header h2{font-size:27px}
  #date-planner-dialog #plan-date{padding-top:14px}
  #date-planner-dialog .pickup-calendar{width:calc(100vw - 8px);padding:10px 0;border-left:0;border-right:0;border-radius:0}
  #date-planner-dialog .pc-weekdays,#date-planner-dialog .pc-days{gap:0}
  #date-planner-dialog .pc-day{min-height:52px}
  #date-planner-dialog .pc-month-nav,#date-planner-dialog .pc-calendar-note,#date-planner-dialog .pc-hint{margin-inline:9px}
  #date-planner-dialog #customer-quick-dates .quick-date>span,#date-planner-dialog #customer-quick-dates .quick-date>small{font-size:12px}
}
@media(prefers-reduced-motion:reduce){#date-planner-dialog[open]{animation:none}}