.wb-section{padding:60px 20px}.wb-container{max-width:1100px;margin:0 auto}.wb-header{text-align:center;margin-bottom:48px}.wb-title{margin:0 0 12px;color:var(--color-foreground, #1a1a1a)}.wb-subtitle{font-size:1.05rem;color:var(--color-foreground-secondary, #666);max-width:500px;margin:0 auto;line-height:1.6}.wb-empty{text-align:center;color:var(--color-foreground-secondary, #777);padding:40px 0}.wb-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}.wb-cal-wrap{background:var(--color-background, #fff);border:1px solid var(--color-border, #e5e5e5);border-radius:16px;padding:24px}.wb-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.wb-month-label{font-size:1.1rem;font-weight:700;color:var(--color-foreground, #1a1a1a);letter-spacing:.01em}.wb-nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;background:transparent;cursor:pointer;color:var(--color-foreground, #333);transition:background .15s,border-color .15s}.wb-nav-btn:hover{background:var(--color-background-secondary, #f5f5f5);border-color:var(--color-foreground, #333)}.wb-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.wb-cal-dayname{text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-foreground-secondary, #999);padding:6px 0 10px}.wb-cal-day{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;gap:3px;transition:background .15s;min-height:48px}.wb-cal-day--empty{pointer-events:none}.wb-cal-day--past{opacity:.35;pointer-events:none}.wb-cal-day__num{font-size:.9rem;color:var(--color-foreground, #1a1a1a);font-weight:500;line-height:1}.wb-cal-day--today .wb-cal-day__num{font-weight:800;color:var(--color-button, #1a1a1a)}.wb-cal-day--today:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;border:2px solid var(--color-button, #1a1a1a);opacity:.25;pointer-events:none}.wb-cal-day--has-event{cursor:pointer}.wb-cal-day--has-event:hover{background:var(--color-background-secondary, #f5f5f5)}.wb-cal-day--has-event:focus-visible{outline:2px solid var(--color-button, #1a1a1a);outline-offset:2px}.wb-cal-day--selected{background:var(--color-button, #1a1a1a)!important}.wb-cal-day--selected .wb-cal-day__num{color:var(--color-button-text, #fff)}.wb-cal-day__badge{font-size:.6rem;font-weight:700;letter-spacing:.02em;padding:1px 5px;border-radius:20px;line-height:1.5;white-space:nowrap}.wb-cal-day__badge--available{background:#d1fae5;color:#065f46}.wb-cal-day__badge--few{background:#fef3c7;color:#92400e}.wb-cal-day__badge--full{background:#fee2e2;color:#991b1b}.wb-cal-day--selected .wb-cal-day__badge--available,.wb-cal-day--selected .wb-cal-day__badge--few,.wb-cal-day--selected .wb-cal-day__badge--full{background:#fff3;color:var(--color-button-text, #fff)}.wb-legend{display:flex;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border, #eee);flex-wrap:wrap}.wb-legend-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--color-foreground-secondary, #777)}.wb-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.wb-dot--available{background:#34d399}.wb-dot--few{background:#fbbf24}.wb-dot--full{background:#f87171}.wb-detail{background:var(--color-background, #fff);border:1px solid var(--color-border, #e5e5e5);border-radius:16px;padding:24px;min-height:200px;position:sticky;top:20px}.wb-detail__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:200px;color:var(--color-foreground-secondary, #bbb);text-align:center}.wb-detail__placeholder svg{opacity:.4}.wb-detail__placeholder p{font-size:.9rem;line-height:1.5;margin:0}.wb-detail__date{color:var(--color-foreground, #1a1a1a);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--color-border, #eee)}.wb-detail__none{color:var(--color-foreground-secondary, #999);font-size:.9rem}.wb-slot{display:flex;flex-direction:column;gap:10px;padding:16px 0;border-bottom:1px solid var(--color-border, #f0f0f0)}.wb-slot:last-of-type{border-bottom:none}.wb-slot__img{width:100%;height:120px;object-fit:cover;border-radius:10px;display:block}.wb-slot__info{display:flex;flex-direction:column;gap:6px}.wb-slot__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.wb-slot__name{font-size:1rem;font-weight:700;color:var(--color-foreground, #1a1a1a);line-height:1.3}.wb-slot__price{font-size:1rem;font-weight:700;color:var(--color-foreground, #1a1a1a);white-space:nowrap;flex-shrink:0}.wb-slot__time,.wb-slot__spots{display:flex;align-items:center;gap:5px;font-size:.82rem}.wb-slot__time{color:var(--color-foreground-secondary, #666)}.wb-slot__spots--available{color:#059669}.wb-slot__spots--few{color:#d97706}.wb-slot__spots--full{color:#dc2626}.wb-slot__desc{font-size:.82rem;color:var(--color-foreground-secondary, #777);line-height:1.5;margin-top:2px}.wb-book-btn{width:100%;padding:12px;border:none;border-radius:8px;background:var(--color-button, #1a1a1a);color:var(--color-button-text, #fff);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s,transform .1s;margin-top:4px}.wb-book-btn:hover:not(:disabled){background:var(--color-button-hover, #333);transform:translateY(-1px)}.wb-book-btn:active:not(:disabled){transform:none}.wb-book-btn--full,.wb-book-btn:disabled{opacity:.4;cursor:not-allowed}.wb-slot__error{font-size:.82rem;color:#c0392b;background:#fdf0ef;border:1px solid #f5c6c2;border-radius:6px;padding:8px 10px;margin:4px 0 0}@media(max-width:900px){.wb-layout{grid-template-columns:1fr}.wb-detail{position:static}}@media(max-width:720px){.wb-detail__date{text-align:center}.wb-legend{justify-content:center}.wb-slot__top{flex-direction:column;align-items:center;gap:4px}.wb-slot__info{align-items:center;text-align:center}}@media(max-width:480px){.wb-section{padding:40px 12px}.wb-cal-wrap,.wb-detail{padding:16px}.wb-cal-day{min-height:40px;border-radius:8px}.wb-cal-day__num{font-size:.78rem}.wb-cal-day__badge{font-size:.52rem;padding:1px 3px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/workshop-booking.css.map */