/* Lavanda do Amial — estilos do agendamento e dos formulários (novo design).
   As regras vêm do site atual; os tokens foram mapeados para a nova paleta. */
:root{
  --primary:#8A3DA0;--primary-600:#7A3590;--primary-700:#6E2C83;--primary-900:#1F1533;--primary-100:#F3E8F8;--primary-50:#FAF5FC;--on-primary:#fff;
  --secondary:#15803D;--secondary-100:#ECFDF3;--accent:#86EFAC;--accent-700:#14532D;--lime:#86EFAC;
  --pink:#15803D;--pink-100:#ECFDF3;
  --surface:#fff;--surface-2:#F8F6FB;--surface-3:#F3E8F8;--text:#1F1533;--text-2:#5C5470;--muted:#7D7489;--border:#ECE6F1;
  --r-sm:10px;--r-md:12px;--r-lg:14px;--r-xl:16px;--r-pill:10px;
  --shadow-sm:0 1px 2px rgba(31,21,51,.06);--shadow-md:0 10px 30px -22px rgba(31,21,51,.35);--shadow-lg:0 24px 60px rgba(61,31,80,.18);
  --ease:cubic-bezier(.2,.8,.2,1);--t-fast:160ms;--t-base:240ms;
  --font-display:"Plus Jakarta Sans",system-ui,sans-serif;--font-body:"Plus Jakarta Sans",system-ui,sans-serif;
}
.hidden{display:none !important}
.btn--primary{color:#fff;background:var(--primary);box-shadow:0 10px 24px -10px rgba(138,61,160,.6)}
.btn--primary:hover{color:#fff;background:var(--primary-700);transform:translateY(-2px)}
.btn--outline{color:var(--text);background:#fff;border-color:var(--border)}
.btn--outline:hover{color:var(--primary-700);background:var(--primary-50);border-color:var(--primary)}
.btn--accent{color:#14532D;background:#86EFAC}
.btn--accent:hover{color:#14532D;background:#6EE7A0;transform:translateY(-2px)}
.btn--lg{min-height:56px;padding:0 30px;font-size:16px}
.btn--sm{min-height:40px;padding:0 16px;font-size:14px}
.icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--primary-100);color:var(--primary-700)}
.icon--sage{background:var(--secondary-100);color:var(--secondary)}
.icon svg{width:26px;height:26px}
.link{background:none;border:0;padding:4px 0;font:inherit;font-weight:700;color:var(--primary);text-decoration:underline;cursor:pointer;min-height:32px}
.book h1,.book h2,.book h3,.book h4,.form h3{font-family:var(--font-display);margin:0 0 .4em;line-height:1.12;letter-spacing:-.02em;color:var(--text)}
.book h3{font-size:1.2rem;font-weight:700}
.book p,.form p,.pecas p{margin:0 0 1em}
button{font:inherit}
/* Contactos */
.contact { display: grid; grid-template-columns: 1.25fr 1fr; gap: 24px; align-items: start; }
.form { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-xl); padding: clamp(22px, 4vw, 36px); box-shadow: var(--shadow-md); }
.form h3 { font-size: 1.5rem; margin-bottom: 16px; }
.form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.field label, .field legend { font-weight: 600; font-size: .9rem; }
.field label .req { color: var(--pink); }
.field input, .field select, .field textarea { font: inherit; font-size: 1rem; color: var(--text); min-height: 48px; padding: 10px 14px; border: 1.5px solid var(--border); border-radius: var(--r-sm); background: var(--surface-2); width: 100%; transition: border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast); }
.field input:focus, .field select:focus, .field textarea:focus { outline: none; border-color: var(--primary); background: var(--surface); box-shadow: 0 0 0 4px var(--primary-100); }
.field textarea { min-height: 130px; resize: vertical; }
.field .hint { font-size: .82rem; color: var(--muted); }
fieldset.field { border: 0; padding: 0; margin: 0 0 14px; }
.radios { display: flex; gap: 10px; flex-wrap: wrap; }
.radios label { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1.5px solid var(--border); border-radius: var(--r-pill); font-weight: 600; cursor: pointer; }
.radios input { accent-color: var(--primary); }
.radios label:has(input:checked) { border-color: var(--primary); background: var(--primary-50); color: var(--primary-700); }
.consent { display: flex; gap: 10px; align-items: flex-start; font-size: .88rem; color: var(--text-2); margin: 4px 0 18px; }
.consent input { margin-top: 4px; accent-color: var(--primary); width: 18px; height: 18px; }
.form__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.info { display: grid; gap: 12px; }
.info__item { display: flex; gap: 14px; align-items: flex-start; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 18px; }
.info__item .icon { width: 44px; height: 44px; border-radius: 12px; flex: none; }
.info__item .icon svg { width: 22px; height: 22px; }
.info__item h3 { font-size: .95rem; margin: 0 0 2px; }
.info__item p, .info__item a { margin: 0; color: var(--text-2); text-decoration: none; }
.info__item a:hover { color: var(--primary); }
.social { display: grid; gap: 10px; }
.social__btn { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 10px 16px; background: var(--surface); border: 1.5px solid var(--border); border-radius: var(--r-md); text-decoration: none; color: var(--text); transition: border-color var(--t-fast), box-shadow var(--t-base); }
.social__btn:hover { box-shadow: var(--shadow-md); }
.social__btn svg { width: 26px; height: 26px; flex: none; }
.social__btn strong { display: block; font-family: var(--font-display); font-size: .95rem; }
.social__btn small { color: var(--muted); font-size: .82rem; }
.social__btn--insta svg { color: #d6336c; } .social__btn--insta:hover { border-color: #d6336c; }
.social__btn--google svg { color: #e0a800; } .social__btn--google:hover { border-color: #e0a800; }
.map { margin-top: 24px; border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--border); box-shadow: var(--shadow-sm); line-height: 0; }
.map iframe { width: 100%; height: 360px; border: 0; }
@media (max-width: 900px) { .contact { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .form__row { grid-template-columns: 1fr; } }
/* Agendamento online (agendar.html / en/book.html) */
.book-page { background: var(--surface-2); }
.book { padding: clamp(28px, 5vw, 56px) 0 140px; }
.book__wrap { max-width: 820px; }
.book__head { text-align: center; margin-bottom: 24px; }
.book__head h1 { font-size: clamp(2rem, 4.5vw, 2.8rem); }
.book__intro { color: var(--text-2); font-size: 1.05rem; max-width: 560px; margin: 0 auto; }
.book__progress { list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.book__progress li { display: grid; gap: 8px; }
.book__progress-bar { height: 6px; border-radius: 6px; background: var(--border); transition: background var(--t-base); }
.book__progress .is-done .book__progress-bar { background: var(--secondary); }
.book__progress .is-current .book__progress-bar { background: var(--primary); }
.book__progress-label { font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.book__progress .is-current .book__progress-label { color: var(--primary-700); }
.book__progress .is-done .book__progress-label { color: var(--secondary); }
@media (max-width: 480px) { .book__progress-label { font-size: .66rem; letter-spacing: .02em; } }
.book__alert { border-radius: var(--r-md); padding: 12px 16px; font-weight: 600; margin: 0 0 16px; }
.book__alert--error { background: var(--pink-100); color: #9b1c4b; border: 1px solid #f3bfd1; }
.book__alert--warn { background: #fff6d6; color: #6b4e00; border: 1px solid #f0dc8a; }
.book__step-head { margin-bottom: 18px; }
.book__step-head small { display: block; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--primary); margin-bottom: 4px; }
.book__step-head h2 { font-size: clamp(1.5rem, 3vw, 1.9rem); margin: 0; }
.book__step-head p { color: var(--text-2); margin: 6px 0 0; }
.book__note { color: var(--text-2); font-size: .95rem; margin: -6px 0 16px; }
.book__form { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-xl); padding: clamp(20px, 4vw, 32px); box-shadow: var(--shadow-sm); }
.book__form h3 { font-size: 1.15rem; margin: 6px 0 14px; }
.book__form h3 + .book__note { margin-top: -8px; }
.book__form h3:not(:first-child) { margin-top: 18px; }
.form__row--narrow { grid-template-columns: 1fr 1.6fr; }
.field .opt { font-weight: 500; color: var(--muted); font-size: .82rem; }
.field .err { font-size: .82rem; color: #b4164f; font-weight: 600; }
.field.is-invalid input, .field.is-invalid textarea { border-color: #d9336f; background: #fff7fa; }
.book__form--notes { margin-top: 16px; }
.book__form--notes textarea { min-height: 88px; }
.book__note--pay { margin: 0; padding: 12px 14px; background: var(--primary-50); border-radius: var(--r-sm); color: var(--primary-700); font-size: .9rem; }
/* Serviços */
.svc-grid { display: grid; gap: 16px; }
.svc { background: var(--surface); border: 1.5px solid var(--border); border-radius: var(--r-xl); padding: clamp(18px, 3vw, 26px); box-shadow: var(--shadow-sm); transition: border-color var(--t-base), box-shadow var(--t-base); }
.svc.is-selected { border-color: var(--primary); box-shadow: 0 0 0 4px var(--primary-100); }
.svc--engomar.is-selected { border-color: var(--pink); box-shadow: 0 0 0 4px var(--pink-100); }
.svc__head { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 14px; }
.svc__head .icon { flex: none; width: 48px; height: 48px; border-radius: 14px; }
.svc__head .icon svg { width: 24px; height: 24px; }
.icon--pink { background: var(--pink-100); color: var(--pink); }
.svc__head h3 { font-size: 1.2rem; margin: 2px 0 2px; }
.svc__head p { color: var(--text-2); font-size: .95rem; margin: 0; }
.svc__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.svc__row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 10px 14px; padding: 12px 14px; border: 1.5px solid var(--border); border-radius: var(--r-md); background: var(--surface-2); transition: border-color var(--t-fast), background var(--t-fast); }
.svc__row.is-on { border-color: var(--primary); background: var(--primary-50); }
.svc--engomar .svc__row.is-on { border-color: var(--pink); background: #fff5f8; }
.svc__name { font-weight: 700; font-family: var(--font-display); display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.svc__meta { font-family: var(--font-body); font-weight: 500; color: var(--muted); font-size: .88rem; }
.svc__badge { font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; background: var(--lime); color: #2f4a00; padding: 3px 8px; border-radius: var(--r-pill); }
.svc__price { font-variant-numeric: tabular-nums; font-size: 1.05rem; white-space: nowrap; }
.svc__add { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px 0 10px; border-radius: var(--r-pill); border: 1.5px solid var(--primary); background: var(--surface); color: var(--primary-700); font: inherit; font-weight: 700; cursor: pointer; }
.svc__add svg { width: 18px; height: 18px; }
.svc__add:hover { background: var(--primary-100); }
.svc--engomar .svc__add { border-color: var(--pink); color: var(--pink); }
.svc--engomar .svc__add:hover { background: var(--pink-100); }
.stepper { display: inline-flex; align-items: center; border: 1.5px solid var(--primary); border-radius: var(--r-pill); background: var(--surface); overflow: hidden; }
.stepper button { width: 44px; height: 44px; border: 0; background: transparent; color: var(--primary-700); cursor: pointer; display: grid; place-items: center; }
.stepper button:disabled { color: var(--border); cursor: default; }
.stepper button svg { width: 18px; height: 18px; }
.stepper output { min-width: 28px; text-align: center; font-weight: 800; font-family: var(--font-display); font-variant-numeric: tabular-nums; }
.svc--engomar .stepper { border-color: var(--pink); } .svc--engomar .stepper button { color: var(--pink); }
.svc__note { margin: 14px 0 0; font-size: .9rem; color: var(--text-2); }
.svc__rules { margin-top: 10px; font-size: .9rem; }
.svc__rules summary { cursor: pointer; font-weight: 700; color: var(--pink); min-height: 32px; display: flex; align-items: center; }
.svc__rules ul { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 6px; color: var(--text-2); }
.svc__rules li { display: flex; gap: 8px; align-items: flex-start; }
.svc__rules svg { width: 18px; height: 18px; flex: none; color: var(--pink); margin-top: 2px; }
@media (max-width: 520px) { .svc__row { grid-template-columns: 1fr auto; } .svc__row > .svc__add, .svc__row > .stepper { grid-column: 1 / -1; justify-self: end; } }
/* Dia e hora */
.when { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-xl); padding: clamp(18px, 3vw, 26px); box-shadow: var(--shadow-sm); margin-bottom: 16px; }
.when h3 { font-size: 1.2rem; margin-bottom: 10px; }
.when__label { font-size: .85rem; font-weight: 700; color: var(--text-2); margin: 14px 0 8px; }
.days, .slots { display: flex; flex-wrap: wrap; gap: 8px; }
.days { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 6px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
.chip { flex: none; min-height: 44px; padding: 0 16px; border-radius: var(--r-pill); border: 1.5px solid var(--border); background: var(--surface-2); font: inherit; font-weight: 600; color: var(--text); cursor: pointer; text-transform: capitalize; scroll-snap-align: start; transition: border-color var(--t-fast), background var(--t-fast), color var(--t-fast); }
.chip:hover { border-color: var(--primary); }
.chip.is-on { border-color: var(--primary); background: var(--primary); color: #fff; }
.slots .chip { flex: 1 1 140px; text-transform: none; }
/* Resumo */
.summary { display: grid; gap: 12px; }
.summary section { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 18px 20px; }
.summary header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 8px; }
.summary h3 { font-size: 1rem; margin: 0; }
.link { background: none; border: 0; padding: 4px 0; font: inherit; font-weight: 700; color: var(--primary); text-decoration: underline; cursor: pointer; min-height: 32px; }
.summary ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.summary li { display: flex; justify-content: space-between; gap: 12px; color: var(--text-2); }
.summary li b { color: var(--text); font-variant-numeric: tabular-nums; }
.summary__total { display: flex; justify-content: space-between; margin: 10px 0 0; padding-top: 10px; border-top: 1px solid var(--border); font-weight: 700; }
.summary__total b { font-family: var(--font-display); font-size: 1.2rem; color: var(--primary-700); }
.summary dl { margin: 0; display: grid; gap: 6px; }
.summary dl div { display: flex; gap: 12px; flex-wrap: wrap; }
.summary dt { font-weight: 700; min-width: 80px; }
.summary dd { margin: 0; color: var(--text-2); }
.summary dd::first-letter, .done__when::first-letter { text-transform: uppercase; }
.summary p { margin: 0; color: var(--text-2); }
/* Barra fixa de total */
.book__bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; background: rgba(255,255,255,.94); backdrop-filter: blur(12px); border-top: 1px solid var(--border); box-shadow: 0 -8px 30px rgba(61,31,80,.08); padding: 12px 0 max(12px, env(safe-area-inset-bottom)); }
.book__bar-inner { max-width: 820px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.book__total { display: grid; line-height: 1.15; }
.book__total small { font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.book__total strong { font-family: var(--font-display); font-size: 1.5rem; font-weight: 800; color: var(--primary-700); font-variant-numeric: tabular-nums; }
.book__nav { display: flex; gap: 10px; }
.book__next { min-width: 180px; }
.book__next:disabled { opacity: .7; cursor: wait; transform: none; }
@media (max-width: 480px) { .book__next { min-width: 0; padding: 0 20px; } .book__total strong { font-size: 1.25rem; } }
/* Concluído */
.done { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-xl); padding: clamp(28px, 5vw, 44px); text-align: center; box-shadow: var(--shadow-md); }
.done__icon { margin: 0 auto 16px; width: 64px; height: 64px; border-radius: 20px; }
.done__icon svg { width: 32px; height: 32px; }
.done h2 { font-size: clamp(1.6rem, 3.5vw, 2.1rem); }
.done__ref { font-size: 1.05rem; color: var(--text-2); }
.done__ref b { color: var(--text); font-family: var(--font-display); letter-spacing: .04em; }
.done p { color: var(--text-2); max-width: 520px; margin-inline: auto; }
.done__actions { display: grid; gap: 12px; justify-items: center; margin-top: 24px; }
.done__actions small { color: var(--muted); font-size: .82rem; margin-top: -4px; }
/* Engomadoria: packs em loja vs. packs ao domicílio */
.packs__title { text-align: center; font-size: 1.1rem; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); margin: 0 0 14px; }
.packs-home { background: var(--surface); border: 1.5px solid #f6d3e0; border-radius: var(--r-xl); padding: clamp(22px, 4vw, 34px); margin-bottom: 36px; display: grid; grid-template-columns: 1fr 1.3fr; gap: 24px; align-items: center; box-shadow: var(--shadow-md); }
.packs-home__head h3 { font-size: 1.5rem; color: var(--pink); margin-bottom: 8px; }
.packs-home__head p { color: var(--text-2); margin: 0; }
.packs--home { grid-template-columns: repeat(3, 1fr); margin: 0; }
.packs--home li { position: relative; padding-bottom: 16px; }
.packs--home small { font-size: .78rem; color: var(--muted); margin-top: 4px; }
.packs--home .packs__best { border-color: var(--pink); box-shadow: 0 0 0 4px var(--pink-100); }
.packs--home .packs__best em { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-style: normal; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; background: var(--lime); color: #2f4a00; padding: 4px 10px; border-radius: var(--r-pill); }
.packs-home .btn { grid-column: 1 / -1; justify-self: center; }
@media (max-width: 760px) { .packs-home { grid-template-columns: 1fr; } }
@media (max-width: 400px) { .packs--home { grid-template-columns: 1fr; } .packs--home .packs__best { margin-top: 10px; } }
.done__deadline { margin: 0; padding: 10px 14px; background: var(--primary-50); border-radius: var(--r-sm); color: var(--primary-700); font-size: .92rem; font-weight: 600; max-width: 460px; }
/* Passo 1 ao quilo: faixa informativa, opções em rádio e contador de quilos */
.book__info { display: flex; gap: 12px; align-items: center; background: var(--secondary-100); color: var(--secondary); border-radius: var(--r-md); padding: 12px 16px; margin: 0 0 20px; font-size: .95rem; font-weight: 600; }
.book__info svg { width: 30px; height: 22px; flex: none; }
.book__q { font-size: 1.1rem; margin: 0 0 10px; }
.svc--option { display: grid; grid-template-columns: auto auto 1fr; gap: 14px; align-items: start; cursor: pointer; position: relative; }
.svc--option input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.svc__radio { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--border); margin-top: 13px; flex: none; transition: border-color var(--t-fast), box-shadow var(--t-fast); }
.svc--option.is-selected .svc__radio { border-color: var(--primary); border-width: 7px; }
.svc--engomar.is-selected .svc__radio { border-color: var(--pink); }
.svc--option input:focus-visible ~ .svc__radio { box-shadow: 0 0 0 4px var(--primary-100); }
.svc--option .icon { width: 48px; height: 48px; border-radius: 14px; }
.svc--option .icon svg { width: 24px; height: 24px; }
.svc__body { display: grid; gap: 3px; }
.svc__title { font-family: var(--font-display); font-weight: 700; font-size: 1.1rem; }
.svc__price-line { color: var(--primary-700); font-weight: 700; font-size: .95rem; }
.svc--engomar .svc__price-line { color: var(--pink); }
.svc__desc { color: var(--text-2); font-size: .93rem; }
.svc--option .svc__rules { margin-top: 8px; }
@media (max-width: 480px) { .svc--option { grid-template-columns: auto 1fr; } .svc--option .icon { display: none; } }
.kg { background: var(--surface); border: 1.5px solid var(--border); border-radius: var(--r-xl); padding: clamp(18px, 3vw, 26px); margin-top: 16px; box-shadow: var(--shadow-sm); text-align: center; }
.kg h3 { font-size: 1.1rem; margin-bottom: 12px; }
.kg-stepper { display: inline-flex; align-items: center; gap: 12px; }
.kg-stepper button { width: 56px; height: 56px; border-radius: 50%; border: 1.5px solid var(--primary); background: var(--surface); color: var(--primary-700); cursor: pointer; display: grid; place-items: center; transition: background var(--t-fast); }
.kg-stepper button:hover:not(:disabled) { background: var(--primary-100); }
.kg-stepper button:disabled { border-color: var(--border); color: var(--border); cursor: default; }
.kg-stepper button svg { width: 22px; height: 22px; }
.kg-stepper output { min-width: 120px; font-family: var(--font-display); font-weight: 800; font-size: 2.4rem; line-height: 1; color: var(--text); font-variant-numeric: tabular-nums; }
.kg-stepper output small { font-size: 1.1rem; font-weight: 700; color: var(--muted); }
.kg__price { margin: 14px 0 6px; font-size: 1.05rem; color: var(--text-2); }
.kg__price b { color: var(--primary-700); font-family: var(--font-display); font-size: 1.3rem; }
.kg .book__note { margin: 0 auto 10px; max-width: 520px; }
.kg__note { margin: 0 auto; max-width: 520px; padding: 10px 14px; background: var(--primary-50); border-radius: var(--r-sm); color: var(--primary-700); font-size: .9rem; font-weight: 600; }
.summary__note, .done__weigh { margin: 10px 0 0; font-size: .88rem; color: var(--text-2); }
.done__weigh { margin-top: 20px; }
@media (max-width: 360px) { .kg-stepper { gap: 6px; } .kg-stepper button { width: 46px; height: 46px; } .kg-stepper output { min-width: 0; font-size: 2rem; } }
/* Pop-up "Quanto conta cada peça" (index e agendamento) */
.pecas { border: 0; padding: 0; background: transparent; max-width: min(720px, 100% - 24px); width: 100%; margin: auto; }
.pecas::backdrop { background: rgba(29,21,38,.55); backdrop-filter: blur(3px); }
.pecas__box { background: var(--surface); border-radius: var(--r-xl); padding: clamp(20px, 4vw, 32px); box-shadow: var(--shadow-lg); margin: 0; max-height: calc(100vh - 32px); overflow: auto; }
.pecas__box header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 8px; }
.pecas__box h3 { margin: 0; font-size: 1.35rem; color: var(--pink); }
.pecas__close { width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid var(--border); background: var(--surface); font-size: 1.4rem; line-height: 1; cursor: pointer; color: var(--text-2); }
.pecas__close:hover { border-color: var(--pink); color: var(--pink); }
.pecas__box > p { color: var(--text-2); margin: 0 0 16px; }
.pecas__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.pecas__group { background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 16px; }
.pecas__group strong { display: block; font-family: var(--font-display); font-size: 2rem; line-height: 1; color: var(--pink); margin-bottom: 10px; }
.pecas__group strong span { font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-left: 4px; }
.pecas__group ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.pecas__group li { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-pill); padding: 5px 10px; font-size: .86rem; }
.pecas__fora { margin: 14px 0 0; padding: 12px 14px; border: 1.5px dashed var(--pink); border-radius: var(--r-md); font-size: .9rem; color: var(--text-2); }
.pecas__fora strong { color: var(--pink); }
@media (max-width: 720px) { .pecas__grid { grid-template-columns: 1fr; } }
.checks .link { padding: 0; min-height: 0; font-size: inherit; text-align: left; }
.svc__rules .link { padding: 0; min-height: 0; font-size: inherit; color: var(--pink); }
.kg__help { margin: 0 auto 10px; max-width: 520px; padding: 10px 14px; background: var(--secondary-100); border-radius: var(--r-sm); color: var(--secondary); font-size: .92rem; font-weight: 600; }
/* Peças volumosas à unidade */
.vol { background: var(--surface); border: 1.5px solid var(--border); border-radius: var(--r-xl); padding: clamp(18px, 3vw, 26px); margin-top: 16px; box-shadow: var(--shadow-sm); }
.vol h3 { font-size: 1.1rem; margin-bottom: 6px; }
.vol .book__note { margin: 0 0 12px; }
.vol__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.vol__row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 14px; border: 1.5px solid var(--border); border-radius: var(--r-md); background: var(--surface-2); }
.vol__row.is-on { border-color: var(--primary); background: var(--primary-50); }
.vol__name { font-weight: 700; font-family: var(--font-display); display: grid; }
.vol__name small { font-family: var(--font-body); font-weight: 500; color: var(--muted); font-size: .85rem; }
.vol__only { margin: 14px 0 4px; }
.vol .kg__price { text-align: center; margin-top: 12px; }
/* Passo 1 — quilos: cada tipo de roupa numa linha, texto à esquerda e contador à direita. */
.kg{text-align:left}
.kg h3{font-size:1.2rem;margin:0 0 14px}
.kg__block{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;align-items:center;padding:16px 0;border-top:1px solid var(--border)}
.kg__block:first-of-type{border-top:0;padding-top:0}
.kg__block h4{grid-column:1;font-size:1.05rem;font-weight:800;margin:0}
.kg__block .book__note{grid-column:1;margin:0;max-width:none;font-size:.92rem}
.kg__block .kg-stepper{grid-column:2;grid-row:1 / span 2;justify-self:end}
.kg__block .kg__price{grid-column:1 / -1;margin:4px 0 0;font-size:.95rem}
.kg-stepper{gap:10px}
.kg-stepper button{width:48px;height:48px}
.kg-stepper output{min-width:96px;font-size:1.9rem;text-align:center}
.kg-stepper output small{font-size:.95rem}
.kg__help{margin:10px 0 0;max-width:none;text-align:left}
.vol .book__note{margin:0 0 12px}
@media (max-width:520px){.kg__block{grid-template-columns:1fr}.kg__block .kg-stepper{grid-column:1;grid-row:auto;justify-self:start}}
.days{scrollbar-width:none;padding-bottom:2px}.days::-webkit-scrollbar{display:none}
.kg .kg__note,.vol .kg__note{margin:14px 0 0;max-width:none;text-align:left}
.kg .kg__note,.kg .kg__help{padding:14px 18px;line-height:1.6;font-weight:500}
.kg .kg__note b,.kg .kg__help b{display:block;font-weight:800;margin-bottom:4px}.vol .kg__price{text-align:center;margin-top:14px}

/* Escolha do método de pagamento (passo 4 do agendamento) */
.paychoice{border:0;padding:0;margin:16px 0 10px;display:grid;gap:8px}
.paychoice legend{font-weight:700;margin-bottom:6px}
.paychoice__opt{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1.5px solid #e6e0ed;border-radius:12px;cursor:pointer;background:#fff}
.paychoice__opt:has(input:checked){border-color:#8a3da0;background:#faf5fc}
.paychoice__opt input{margin-top:3px;accent-color:#8a3da0}
.paychoice__opt b{display:block;font-size:15px}
.paychoice__opt small{display:block;color:#5a5266;font-size:13px;line-height:1.45;margin-top:2px}

/* Logótipos dos métodos de pagamento (passo 4) */
.paychoice__opt>span{flex:1;min-width:0}
.paychoice__logos{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.paychoice__logos img,.paychoice__logos svg{height:26px;width:auto;border-radius:5px;border:1px solid #e6e0ed;background:#fff;display:block}
.paychoice__logos svg{width:42px;border:0}

/* Dias da recolha/entrega: em ecrãs largos quebram em linhas (sem deslize escondido); no telemóvel deslizam com barra visível */
@media (min-width: 641px) { .days { flex-wrap: wrap; overflow: visible; scroll-snap-type: none; } }
@media (max-width: 640px) { .days { scrollbar-width: thin; padding-bottom: 8px; } .days::-webkit-scrollbar { display: block; height: 6px; } .days::-webkit-scrollbar-thumb { background: #d9d0e6; border-radius: 3px; } }