.barber-grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:640px){.barber-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.barber-grid{grid-template-columns:repeat(3,1fr)}}.bb-service-card{background-color:var(--bb-input-bg);border:1px solid var(--bb-border);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;text-align:left;transition:all .2s ease-in-out;width:100%;min-width:0;color:var(--bb-text)}.bb-service-card:hover{background-color:#d9b24c1a;transform:translateY(-2px);border-color:var(--bb-gold)}.bb-barber-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600}.bb-check{flex-shrink:0;font-size:14px}.bb-service-card.is-active{background-color:#d4af3726;border-color:var(--bb-gold);box-shadow:0 4px 20px #0000001a}.bb-service-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.bb-service-icon{background:#0003;width:40px;height:40px;border-radius:999px;display:flex;justify-content:center;align-items:center;font-size:17px;border:1px solid rgba(255,255,255,.05);flex-shrink:0}[data-theme=light] .bb-service-icon{background:#0000000d;border-color:#0000001a}.bb-service-card.is-active .bb-service-icon{background:var(--bb-gold);color:#000;border-color:var(--bb-gold)}.bb-service-info{min-width:0;display:flex;flex-direction:column;gap:4px}.bb-service-title{font-weight:700;line-height:1.25;font-size:.95rem;color:var(--bb-text);padding-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bb-service-sub{color:var(--bb-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.bb-service-card.is-active .bb-service-sub{color:var(--bb-gold)}.step-actions{display:flex;justify-content:space-between;margin-top:24px;gap:12px}.dates-scroll-container{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;margin-bottom:24px;scrollbar-width:thin;scrollbar-color:var(--bb-gold) var(--bb-input-bg)}.date-card{background-color:var(--bb-input-bg);border:1px solid var(--bb-border);border-radius:14px;padding:12px 16px;min-width:90px;text-align:center;cursor:pointer;color:var(--bb-muted);transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-card:hover{border-color:var(--bb-gold);color:var(--bb-text)}.date-card.is-active{background-color:var(--bb-gold);border-color:var(--bb-gold);color:#000;transform:scale(1.05);box-shadow:0 4px 15px #0000001a}.slots-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}@media(min-width:640px){.slots-grid{grid-template-columns:repeat(5,1fr)}}.slot-card{background-color:var(--bb-input-bg);border:1px solid var(--bb-border);border-radius:12px;padding:14px 0;text-align:center;font-weight:700;color:var(--bb-text);cursor:pointer;transition:all .2s}.slot-card:hover:not(:disabled){background-color:#d4af371a;border-color:var(--bb-gold)}.slot-card.is-active{background-color:var(--bb-gold);color:#000;border-color:var(--bb-gold);box-shadow:0 0 10px #d4af3766}.slot-card.is-occupied{opacity:.5;cursor:not-allowed;border-color:#80808033;background-color:#0000001a;color:var(--bb-muted);text-decoration:line-through}.input-group{margin-bottom:16px}.input-label{display:block;font-size:.75rem;color:var(--bb-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.bb-input:focus{border-color:var(--bb-gold)!important;box-shadow:0 0 0 3px #d4af3726}.msg-box{margin-top:16px;padding:12px;border-radius:10px;text-align:center;font-weight:700;font-size:.9rem;animation:fadeIn .3s ease}.msg-box.error{background-color:#ff6b6b26;color:#ff5252;border:1px solid rgba(255,107,107,.3)}.msg-box.success{background-color:#d4af3726;color:var(--bb-gold);border:1px solid var(--bb-gold)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.bb-service-price{font-weight:800;font-size:1.15rem;color:var(--bb-gold);margin-left:auto;white-space:nowrap;letter-spacing:-.02em}.bb-service-card.is-active .bb-service-price{color:var(--bb-text);text-shadow:none}.stepper-container{display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap;flex:content}.step-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bb-input-bg);border:1px solid var(--bb-border);color:var(--bb-muted);font-weight:800;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-dot:hover:not(:disabled){border-color:var(--bb-gold);color:var(--bb-text)}.step-dot.is-active{background-color:var(--bb-gold);color:#000;border-color:var(--bb-gold);transform:scale(1.15);box-shadow:0 0 15px #d4af3766}.step-dot:disabled{opacity:.3;cursor:not-allowed;border-style:dashed}.step-dot.is-completed{background-color:#d4af3733;color:var(--bb-gold);border-color:var(--bb-gold)}.summary-card{background-color:var(--bb-panel);backdrop-filter:blur(12px);border:1px solid var(--bb-border);border-radius:16px;padding:16px 20px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:var(--bb-shadow);transition:all .3s ease;flex-wrap:wrap}.summary-left{flex:1;min-width:0}.summary-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:var(--bb-gold);margin-bottom:4px;opacity:.9}.summary-services-text{font-size:.95rem;color:var(--bb-text);line-height:1.4;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.summary-right{text-align:right;flex-shrink:0;width:100%}@media(min-width:480px){.summary-right{width:auto}}.summary-mins{font-size:.8rem;font-weight:600;color:var(--bb-muted);margin-bottom:2px}.summary-price-total{font-size:1.4rem;font-weight:900;color:var(--bb-text);line-height:1}.summary-price-total span{font-size:1rem;color:var(--bb-gold);vertical-align:top;margin-right:2px}.payment-container{max-width:420px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.payment-btn{width:100%;max-width:380px;margin-bottom:16px}.bb-divider{width:100%;max-width:300px;height:1px;background:linear-gradient(to right,transparent,var(--bb-border),transparent);margin:20px 0}.bb-grid-2{width:100%;max-width:380px;display:flex;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.bb-grid-2{grid-template-columns:1fr}}@media(min-width:1024px){.payment-container{max-width:460px}}