:root{
    --pet-ink:#10201b;
    --pet-muted:#64748b;
    --pet-line:#d8e3dc;
    --pet-card:#ffffff;
    --pet-mint:#10b981;
    --pet-green:#15803d;
    --pet-teal:#0f766e;
    --pet-yellow:#f59e0b;
    --pet-red:#dc2626;
    --pet-shadow:0 24px 60px rgba(15,23,42,.10);
}
*{box-sizing:border-box}
.pet-body{margin:0;font-family:"Noto Sans TC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 0% 0%,#dcfce7 0,transparent 34%),radial-gradient(circle at 95% 8%,#fef3c7 0,transparent 30%),linear-gradient(180deg,#f7fee7 0%,#f8fafc 46%,#ecfeff 100%);color:var(--pet-ink)}
.pet-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.pet-back{display:inline-flex;align-items:center;text-decoration:none;color:#0f766e;font-weight:900;margin:10px 0 18px}.pet-alert{border-radius:20px;padding:14px 16px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-weight:850;margin-bottom:16px}.pet-alert.success{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.pet-alert.danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.pet-eyebrow{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:950;letter-spacing:.12em}.pet-hero,.pet-status-hero,.pet-list-hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:stretch;margin-bottom:18px}.pet-hero-copy,.pet-live-card,.pet-status-card,.pet-list-hero,.pet-status-hero,.pet-provider-hero,.pet-detail-card,.pet-side-card,.pet-provider-card{background:rgba(255,255,255,.92);border:1px solid rgba(148,163,184,.25);border-radius:34px;box-shadow:var(--pet-shadow);padding:30px}.pet-hero-copy h1,.pet-status-hero h1,.pet-list-hero h1,.pet-provider-hero h1{font-family:"Noto Serif TC",serif;font-size:58px;line-height:1.05;letter-spacing:-.05em;margin:16px 0 12px}.pet-hero-copy p,.pet-status-hero p,.pet-list-hero p,.pet-provider-hero p{font-size:18px;line-height:1.85;color:#475569;margin:0;max-width:760px}.pet-hero-actions,.pet-provider-actions,.pet-order-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.pet-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:12px 18px;font-weight:950;text-decoration:none;cursor:pointer}.pet-btn.primary{background:linear-gradient(135deg,#10b981,#0f766e);color:#fff;box-shadow:0 16px 35px rgba(16,185,129,.22)}.pet-btn.secondary{background:#fff;color:#0f766e;border:1px solid #99f6e4}.pet-btn.danger{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.pet-live-card{background:linear-gradient(145deg,#052e2b,#0f766e);color:#fff;display:grid;align-content:space-between}.pet-live-card span{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.13);font-size:12px;font-weight:950;letter-spacing:.1em}.pet-live-card strong{display:block;font-size:34px;line-height:1.15;margin:18px 0 8px}.pet-live-card small{color:rgba(255,255,255,.72);line-height:1.65}.pet-route-box{display:grid;gap:12px;margin-top:26px}.pet-route-box div{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:13px}.pet-route-box b{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:#ecfdf5;color:#0f766e}.pet-route-box em{font-style:normal;font-weight:950}.pet-research-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 24px}.pet-research-strip article{background:rgba(255,255,255,.86);border:1px solid rgba(148,163,184,.22);border-radius:24px;padding:18px;box-shadow:0 16px 35px rgba(15,23,42,.06)}.pet-research-strip b{display:block;font-size:18px;color:#0f766e}.pet-research-strip span{display:block;margin-top:6px;color:#64748b;line-height:1.55}.pet-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.pet-form{background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.24);border-radius:34px;padding:22px;box-shadow:var(--pet-shadow)}.pet-form-head{border-radius:28px;background:linear-gradient(135deg,#ecfdf5,#fffbeb);border:1px solid #bbf7d0;padding:24px;margin-bottom:18px}.pet-form-head h2{font-family:"Noto Serif TC",serif;font-size:42px;letter-spacing:-.04em;margin:14px 0 8px}.pet-form-head p{color:#64748b;line-height:1.75;margin:0}.pet-section{background:#fff;border:1px solid rgba(148,163,184,.22);border-radius:28px;padding:22px;margin-top:18px}.pet-section-title{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:18px}.pet-section-title span{font-size:12px;color:#0f766e;font-weight:950;letter-spacing:.1em}.pet-section-title h3{font-size:26px;font-weight:950;margin:4px 0 0}.pet-section-title p{margin:0;color:#64748b;line-height:1.6}.pet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{display:grid;gap:8px;color:#344054;font-weight:900}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:18px;padding:13px 14px;font:inherit;background:#fff;color:#111827}textarea{resize:vertical;line-height:1.65}input:focus,select:focus,textarea:focus{outline:3px solid rgba(16,185,129,.16);border-color:#34d399}.pet-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pet-choice-grid label{position:relative;border:1px solid var(--pet-line);border-radius:22px;background:#f8fafc;padding:18px 18px 18px 48px;cursor:pointer}.pet-choice-grid input{position:absolute;left:18px;top:21px;width:auto}.pet-choice-grid b{display:block;color:#0f172a}.pet-choice-grid small{display:block;color:#64748b;line-height:1.5;margin-top:5px}.pet-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pet-checkbox-grid label{display:flex;align-items:center;gap:9px;border:1px solid var(--pet-line);border-radius:18px;background:#f8fafc;padding:12px;color:#334155}.pet-checkbox-grid input{width:auto}.pet-checkbox-grid span{font-weight:900}.pet-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#052e2b;color:#fff;border-radius:26px;padding:22px;margin-top:20px}.pet-submit span{display:block;color:#a7f3d0;font-size:12px;font-weight:950;letter-spacing:.1em}.pet-submit strong{display:block;font-size:26px}.pet-submit small{display:block;color:rgba(255,255,255,.72);margin-top:4px}.pet-side{display:grid;gap:16px;position:sticky;top:88px}.pet-side-card h3{font-size:24px;font-weight:950;margin:0 0 14px}.pet-price-card strong{display:block;font-size:34px;line-height:1.1;margin:12px 0;color:#0f766e}.pet-price-card p,.pet-side-card p{color:#64748b;line-height:1.7}.pet-price-card small{color:#64748b;line-height:1.6}.pet-factor-list{display:grid;gap:12px}.pet-factor-list article{display:grid;grid-template-columns:46px 1fr;gap:12px;border:1px solid var(--pet-line);background:#f8fafc;border-radius:20px;padding:13px}.pet-factor-list b{display:grid;place-items:center;border-radius:16px;background:#0f766e;color:#fff;height:42px}.pet-factor-list strong{display:block}.pet-factor-list span{display:block;color:#64748b;line-height:1.45;margin-top:3px}.pet-tip-list,.pet-check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.pet-tip-list li,.pet-check-list li{position:relative;border:1px solid var(--pet-line);border-radius:18px;background:#f8fafc;padding:12px 12px 12px 34px;color:#475569;font-weight:850;line-height:1.6}.pet-tip-list li:before,.pet-check-list li:before{content:"✓";position:absolute;left:13px;top:12px;color:#0f766e;font-weight:950}.pet-status-hero{grid-template-columns:minmax(0,1fr) 350px}.pet-status-card{display:grid;align-content:center}.pet-status-card strong{display:block;margin-top:16px;font-size:24px}.pet-status-badge{display:inline-flex;width:max-content;border-radius:999px;padding:9px 13px;font-weight:950}.pet-status-badge.matching{background:#eff6ff;color:#1d4ed8}.pet-status-badge.confirmed{background:#dcfce7;color:#15803d}.pet-status-badge.cash{background:#fffbeb;color:#a16207}.pet-status-badge.service{background:#ecfeff;color:#0e7490}.pet-status-badge.issue{background:#fee2e2;color:#b91c1c}.pet-status-badge.done{background:#ecfdf5;color:#047857}.pet-status-badge.cancelled{background:#f1f5f9;color:#475569}.pet-progress{height:12px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin-top:18px}.pet-progress span{display:block;height:100%;background:linear-gradient(90deg,#10b981,#0ea5e9);border-radius:999px}.pet-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.pet-summary-grid article{background:#fff;border:1px solid rgba(148,163,184,.24);border-radius:24px;padding:18px;box-shadow:0 16px 35px rgba(15,23,42,.06)}.pet-summary-grid span{display:block;color:#0f766e;font-size:12px;font-weight:950;letter-spacing:.1em}.pet-summary-grid b{display:block;font-size:20px;margin-top:6px}.pet-summary-grid p{margin:6px 0 0;color:#64748b;line-height:1.55}.pet-step-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0 24px}.pet-step-row article{border:1px solid var(--pet-line);background:#fff;border-radius:20px;padding:14px}.pet-step-row article.done{border-color:#86efac;background:#f0fdf4}.pet-step-row article.current{border-color:#bae6fd;background:#f0f9ff}.pet-step-row b{display:block;color:#0f766e}.pet-step-row span{font-weight:900}.pet-content-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 16px}.pet-content-head h2{margin:0;font-size:36px;font-weight:950}.pet-content-head p{margin:0;color:#64748b}.pet-provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.pet-provider-grid-wide{grid-template-columns:1fr}.pet-provider-card p{color:#64748b;line-height:1.75}.pet-provider-top{display:grid;grid-template-columns:104px 1fr;gap:15px;align-items:start}.pet-provider-top img{width:104px;height:104px;object-fit:cover;border-radius:26px}.pet-provider-top h3{margin:8px 0 4px;font-size:25px;font-weight:950}.provider-pill{display:inline-flex;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950}.provider-pill.recommended{background:#dcfce7;color:#15803d}.provider-pill.need-info{background:#fff7ed;color:#9a3412}.provider-pill.normal{background:#eef2ff;color:#3730a3}.pet-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pet-chip-row span{display:inline-flex;border-radius:999px;background:#ecfdf5;color:#047857;padding:7px 10px;font-size:12px;font-weight:950}.pet-provider-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.pet-provider-facts article{background:#f8fafc;border:1px solid var(--pet-line);border-radius:18px;padding:12px}.pet-provider-facts span{font-size:12px;color:#64748b;font-weight:900}.pet-provider-facts b{display:block;margin-top:4px}.pet-sort-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.pet-sort-tabs a{text-decoration:none;border:1px solid var(--pet-line);background:#fff;border-radius:999px;padding:10px 13px;color:#475569;font-weight:900}.pet-sort-tabs a.active{background:#0f766e;color:#fff}.pet-provider-hero{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:center}.pet-provider-hero>img{width:100%;height:320px;object-fit:cover;border-radius:28px}.pet-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;margin-top:22px}.pet-detail-card h2{font-size:30px;font-weight:950;margin:6px 0 14px}.pet-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.pet-mini-grid article{border:1px solid var(--pet-line);background:#f8fafc;border-radius:20px;padding:15px}.pet-mini-grid b{display:block;color:#0f766e}.pet-mini-grid strong{display:block;font-size:19px;margin:4px 0}.pet-mini-grid span{color:#64748b;line-height:1.5}.pet-note-box{background:#f0fdfa;border:1px solid #99f6e4;color:#0f766e;border-radius:22px;padding:16px;line-height:1.7;font-weight:850}.pet-alert-row{display:grid;gap:12px}.pet-alert-row article{border:1px solid var(--pet-line);background:#fff;border-radius:18px;padding:14px}.pet-alert-row b{display:block}.pet-alert-row span{color:#64748b;line-height:1.55}.pet-confirm-card{max-width:900px;margin:0 auto}.pet-agree{display:flex;align-items:flex-start;gap:10px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:20px;padding:14px;color:#166534}.pet-agree input{width:auto;margin-top:5px}.pet-side-photo{width:100%;height:190px;object-fit:cover;border-radius:24px;margin-bottom:14px}.issue-hero{background:linear-gradient(135deg,#fff,#fff1f2)}.pet-report-grid{grid-template-columns:repeat(2,1fr)}.pet-order-actions form{display:inline-flex;margin:0}
@media(max-width:1100px){.pet-hero,.pet-status-hero,.pet-list-hero,.pet-layout,.pet-provider-hero,.pet-detail-layout{grid-template-columns:1fr}.pet-side{position:static}.pet-research-strip,.pet-summary-grid{grid-template-columns:repeat(2,1fr)}.pet-step-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.pet-page{width:min(100% - 24px,1180px);padding-bottom:42px}.pet-hero-copy,.pet-live-card,.pet-status-card,.pet-list-hero,.pet-status-hero,.pet-provider-hero,.pet-detail-card,.pet-side-card,.pet-provider-card,.pet-form{padding:22px;border-radius:26px}.pet-hero-copy h1,.pet-status-hero h1,.pet-list-hero h1,.pet-provider-hero h1{font-size:38px}.pet-grid,.pet-choice-grid,.pet-checkbox-grid,.pet-research-strip,.pet-summary-grid,.pet-step-row,.pet-provider-grid,.pet-provider-facts,.pet-mini-grid,.pet-report-grid{grid-template-columns:1fr}.pet-submit,.pet-content-head{align-items:flex-start;flex-direction:column}.pet-btn{width:100%}.pet-provider-top{grid-template-columns:1fr}.pet-provider-top img{width:100%;height:210px}.pet-section-title{flex-direction:column}.pet-live-card strong{font-size:27px}.pet-form-head h2{font-size:32px}}

/* Stage 586 - member temp pet care provider list */
.pet-provider-list-page .pet-list-hero{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch}.pet-provider-radar{background:linear-gradient(145deg,#062923,#0f766e);color:#fff;border-radius:34px;padding:30px;box-shadow:var(--pet-shadow);display:grid;align-content:center;border:1px solid rgba(255,255,255,.15)}.pet-provider-radar strong{display:block;font-size:38px;line-height:1.12;margin:18px 0 8px}.pet-provider-radar small{color:rgba(255,255,255,.76);line-height:1.7}.pet-provider-radar .pet-progress{background:rgba(255,255,255,.18)}.pet-provider-radar .pet-progress span{background:linear-gradient(90deg,#bef264,#67e8f9)}.pet-provider-stat-grid article{background:linear-gradient(180deg,#fff,#f8fafc)}.pet-match-insight{background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.24);border-radius:30px;padding:24px;box-shadow:0 16px 35px rgba(15,23,42,.06);margin:18px 0}.pet-match-insight h2{font-size:32px;font-weight:950;margin:4px 0 0}.pet-insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pet-insight-grid article{border:1px solid var(--pet-line);background:#f8fafc;border-radius:22px;padding:15px}.pet-insight-grid b{display:inline-flex;border-radius:999px;background:#ecfdf5;color:#047857;padding:6px 10px;font-size:12px;font-weight:950}.pet-insight-grid strong{display:block;font-size:20px;margin:9px 0 5px}.pet-insight-grid span{display:block;color:#64748b;line-height:1.55}.pet-filter-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:-4px 0 22px}.pet-filter-tabs a{text-decoration:none;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:999px;padding:10px 13px;color:#0f766e;font-weight:950}.pet-filter-tabs a.active{background:#0f766e;color:#fff;border-color:#0f766e}.pet-provider-list-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.pet-provider-results{display:grid;gap:18px}.pet-provider-list-card{position:relative;overflow:hidden}.pet-provider-list-card:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#10b981,#0ea5e9,#f59e0b)}.pet-provider-rank{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pet-provider-rank span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#0f766e;color:#fff;font-weight:950}.pet-provider-rank b{color:#0f766e}.pet-provider-facts-four{grid-template-columns:repeat(4,1fr)}.pet-provider-summary{font-size:16px}.pet-service-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.pet-service-tags span{border:1px solid #99f6e4;background:#ecfdf5;color:#047857;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:950}.pet-empty-card{background:#fff;border:1px dashed #94a3b8;border-radius:28px;padding:30px;text-align:center;box-shadow:0 16px 35px rgba(15,23,42,.06)}.pet-empty-card h3{font-size:28px;font-weight:950;margin:14px 0 8px}.pet-empty-card p{color:#64748b;line-height:1.7}.pet-provider-list-side{top:92px}.pet-provider-list-side .pet-factor-list article{grid-template-columns:52px 1fr}.pet-provider-list-side .pet-factor-list b{height:46px;border-radius:18px;background:#dcfce7;color:#166534}@media(max-width:1100px){.pet-provider-list-page .pet-list-hero,.pet-provider-list-layout{grid-template-columns:1fr}.pet-insight-grid{grid-template-columns:repeat(2,1fr)}.pet-provider-list-side{position:static}}@media(max-width:760px){.pet-provider-radar{padding:22px;border-radius:26px}.pet-provider-radar strong{font-size:30px}.pet-insight-grid,.pet-provider-facts-four{grid-template-columns:1fr}.pet-filter-tabs a,.pet-sort-tabs a{flex:1 1 46%;text-align:center}.pet-provider-list-card:before{height:5px}}

/* Stage 587 - member temp pet care provider detail */
.pet-provider-detail-page .pet-back{margin-bottom:16px}.pet-provider-detail-hero{display:grid;grid-template-columns:420px minmax(0,1fr);gap:24px;align-items:stretch;margin-bottom:18px}.pet-provider-photo-panel{position:relative;background:#fff;border:1px solid rgba(148,163,184,.24);border-radius:36px;padding:18px;box-shadow:var(--pet-shadow);overflow:hidden}.pet-provider-photo-panel>img{width:100%;height:430px;object-fit:cover;border-radius:28px;display:block}.pet-provider-photo-badge{position:absolute;left:34px;right:34px;bottom:34px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.55);border-radius:26px;padding:18px;box-shadow:0 20px 50px rgba(15,23,42,.16)}.pet-provider-photo-badge strong{display:block;font-size:34px;line-height:1;margin-top:12px;color:#0f766e}.pet-provider-photo-badge small{display:block;color:#64748b;margin-top:5px;font-weight:900}.pet-provider-hero-copy{background:rgba(255,255,255,.92);border:1px solid rgba(148,163,184,.24);border-radius:36px;padding:34px;box-shadow:var(--pet-shadow)}.pet-provider-hero-copy h1{font-family:"Noto Serif TC",serif;font-size:56px;line-height:1.06;letter-spacing:-.05em;margin:16px 0 12px}.pet-provider-hero-copy>p{font-size:18px;line-height:1.85;color:#475569;margin:0}.pet-provider-meta-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.pet-provider-meta-row article{background:#f8fafc;border:1px solid var(--pet-line);border-radius:20px;padding:14px}.pet-provider-meta-row span{display:block;color:#0f766e;font-size:12px;font-weight:950;letter-spacing:.08em}.pet-provider-meta-row b{display:block;font-size:18px;margin-top:5px}.pet-provider-meta-row small{display:block;color:#64748b;line-height:1.45;margin-top:4px}.pet-provider-fit-grid article{background:linear-gradient(180deg,#fff,#f0fdfa)}.pet-detail-two-column{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.pet-detail-main{display:grid;gap:22px}.pet-provider-about-card{background:linear-gradient(135deg,#ffffff,#f0fdfa)}.pet-provider-about-card .pet-section-title h2,.pet-care-plan-card .pet-section-title h2{font-size:34px;font-weight:950;margin:4px 0 0}.pet-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pet-profile-grid article{background:#fff;border:1px solid rgba(148,163,184,.24);border-radius:24px;padding:18px;box-shadow:0 14px 30px rgba(15,23,42,.05)}.pet-profile-grid span,.pet-report-example-grid span,.pet-review-grid span,.pet-schedule-grid span,.pet-cash-policy-list span{display:inline-flex;border-radius:999px;background:#ecfdf5;color:#047857;padding:6px 10px;font-size:12px;font-weight:950;letter-spacing:.06em}.pet-profile-grid h3{font-size:23px;font-weight:950;margin:12px 0 8px}.pet-profile-grid p,.pet-report-example-grid p,.pet-review-grid p,.pet-schedule-grid p,.pet-cash-policy-list p{color:#64748b;line-height:1.65;margin:6px 0 0}.pet-service-scope-grid article{background:linear-gradient(180deg,#fff,#f8fafc)}.pet-care-plan-list{display:grid;gap:12px}.pet-care-plan-list article{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;background:#f8fafc;border:1px solid var(--pet-line);border-radius:24px;padding:16px}.pet-care-plan-list b{display:grid;place-items:center;width:50px;height:50px;border-radius:18px;background:#0f766e;color:#fff;font-weight:950}.pet-care-plan-list strong{display:block;font-size:21px}.pet-care-plan-list p{color:#64748b;line-height:1.65;margin:5px 0 0}.pet-report-example-grid,.pet-review-grid,.pet-schedule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pet-report-example-grid article,.pet-review-grid article,.pet-schedule-grid article{background:#f8fafc;border:1px solid var(--pet-line);border-radius:24px;padding:18px}.pet-report-example-grid strong,.pet-review-grid strong,.pet-schedule-grid strong{display:block;font-size:20px;margin-top:12px}.pet-detail-aside{display:grid;gap:16px;position:sticky;top:90px}.pet-sticky-action-card{background:linear-gradient(145deg,#052e2b,#0f766e);color:#fff}.pet-sticky-action-card h3{color:#fff}.pet-sticky-action-card p{color:rgba(255,255,255,.78)}.pet-sticky-action-card .pet-eyebrow{background:rgba(255,255,255,.13);color:#d1fae5}.pet-side-price{font-size:30px;font-weight:950;line-height:1.1;margin:14px 0 18px;color:#bef264}.pet-trust-list{display:grid;gap:10px}.pet-trust-list article{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;background:#f8fafc;border:1px solid var(--pet-line);border-radius:20px;padding:13px}.pet-trust-list b{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#dcfce7;color:#166534}.pet-trust-list strong{display:block}.pet-trust-list span{display:block;color:#64748b;line-height:1.5;margin-top:3px}.pet-cash-policy-card{background:linear-gradient(180deg,#fff,#fffbeb)}.pet-cash-policy-list{display:grid;gap:10px}.pet-cash-policy-list article{background:#fff;border:1px solid #fde68a;border-radius:20px;padding:14px}.pet-cash-policy-list strong{display:block;font-size:20px;margin-top:8px;color:#a16207}@media(max-width:1100px){.pet-provider-detail-hero,.pet-detail-two-column{grid-template-columns:1fr}.pet-detail-aside{position:static}.pet-provider-photo-panel>img{height:340px}.pet-provider-meta-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pet-provider-photo-panel,.pet-provider-hero-copy{border-radius:26px;padding:20px}.pet-provider-photo-panel>img{height:280px;border-radius:22px}.pet-provider-photo-badge{position:static;margin-top:14px}.pet-provider-hero-copy h1{font-size:38px}.pet-provider-meta-row,.pet-profile-grid,.pet-report-example-grid,.pet-review-grid,.pet-schedule-grid{grid-template-columns:1fr}.pet-care-plan-list article{grid-template-columns:1fr}.pet-care-plan-list b{width:46px;height:46px}.pet-detail-main{gap:16px}}

/* Stage 588: temp pet care replies */
.pet-replies-page {
    padding-bottom: 72px;
}

.pet-replies-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 22px;
    align-items: stretch;
    padding: 30px;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255, 183, 77, .26), transparent 34%), linear-gradient(135deg, #fff8ed, #ffffff 56%, #f2fbff);
    border: 1px solid rgba(230, 188, 126, .35);
    box-shadow: 0 26px 70px rgba(93, 62, 23, .08);
    margin: 18px 0 22px;
}

.pet-replies-hero h1 {
    margin: 8px 0 12px;
    font-size: clamp(30px, 5vw, 52px);
    letter-spacing: -.04em;
    font-weight: 900;
    color: #2f271d;
}

.pet-replies-hero p {
    color: #766a5c;
    line-height: 1.85;
    max-width: 860px;
}

.pet-reply-status-card {
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(218, 194, 158, .55);
    border-radius: 28px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.pet-reply-status-card strong {
    font-size: 24px;
    color: #3d2c1d;
}

.pet-reply-stat-grid article {
    min-height: 132px;
}

.pet-reply-decision-card {
    margin: 20px 0;
}

.pet-reply-decision-list article {
    background: #fffaf2;
}

.pet-reply-sort-tabs {
    margin: 16px 0 22px;
}

.pet-reply-list {
    display: grid;
    gap: 18px;
}

.pet-reply-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 18px;
    padding: 20px;
    border-radius: 30px;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(226, 201, 165, .55);
    box-shadow: 0 20px 48px rgba(73, 48, 25, .08);
}

.pet-reply-main {
    min-width: 0;
}

.pet-reply-provider-head {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
}

.pet-reply-provider-head img {
    width: 92px;
    height: 92px;
    border-radius: 24px;
    object-fit: cover;
    box-shadow: 0 12px 26px rgba(78, 53, 34, .16);
}

.pet-reply-provider-head h2 {
    margin: 8px 0 4px;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -.02em;
    color: #2e251b;
}

.pet-reply-provider-head p {
    margin: 0;
    color: #8a7660;
}

.pet-reply-label-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.reply-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    background: #f1f5f9;
    color: #475569;
}

.reply-status-pill.accepted {
    background: #e8fff2;
    color: #15803d;
}

.reply-status-pill.need-confirm {
    background: #fff7ed;
    color: #c2410c;
}

.pet-reply-message-box {
    margin: 18px 0 12px;
    padding: 16px 18px;
    border-radius: 22px;
    background: #fffaf2;
    border: 1px solid rgba(229, 196, 145, .55);
}

.pet-reply-message-box span {
    display: block;
    margin-bottom: 6px;
    color: #b76b21;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
}

.pet-reply-message-box p {
    margin: 0;
    line-height: 1.8;
    color: #5c4a3a;
}

.pet-reply-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.pet-reply-tags span {
    padding: 7px 11px;
    border-radius: 999px;
    background: #f6f1e8;
    color: #6c5846;
    font-size: 13px;
    font-weight: 750;
}

.pet-reply-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.pet-reply-info-grid article {
    padding: 14px;
    border-radius: 20px;
    background: #fbfdff;
    border: 1px solid rgba(213, 225, 235, .85);
}

.pet-reply-info-grid span,
.pet-reply-provider-facts span {
    display: block;
    color: #9a8060;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .06em;
    margin-bottom: 6px;
}

.pet-reply-info-grid b {
    display: block;
    color: #2f281f;
    font-size: 15px;
    line-height: 1.55;
}

.pet-reply-info-grid small {
    display: block;
    margin-top: 6px;
    color: #8a7b69;
    line-height: 1.55;
}

.pet-reply-side {
    border-radius: 26px;
    background: linear-gradient(180deg, #fff7ed, #ffffff);
    border: 1px solid rgba(229, 196, 145, .55);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pet-fit-circle {
    width: 132px;
    height: 132px;
    margin: 0 auto 4px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at top, #fff, #ffe8c2);
    border: 1px solid rgba(232, 178, 91, .55);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 16px 34px rgba(128, 78, 23, .12);
}

.pet-fit-circle strong {
    font-size: 34px;
    font-weight: 950;
    color: #c06317;
}

.pet-fit-circle span {
    color: #7a6248;
    font-size: 13px;
    font-weight: 800;
}

.pet-reply-provider-facts {
    display: grid;
    gap: 10px;
}

.pet-reply-provider-facts article {
    padding: 12px;
    border-radius: 18px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(233, 216, 191, .75);
}

.pet-reply-provider-facts b {
    display: block;
    color: #2d271f;
    font-size: 16px;
}

.pet-reply-provider-facts small {
    display: block;
    color: #8a7b68;
    margin-top: 4px;
}

.pet-action-hint {
    margin: 0;
    color: #6d5d4d;
    line-height: 1.7;
}

.pet-reply-actions {
    margin-top: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.pet-reply-actions .pet-btn {
    width: 100%;
    justify-content: center;
}

.pet-reply-bottom-area {
    margin-top: 28px;
}

@media (max-width: 992px) {
    .pet-replies-hero,
    .pet-reply-card,
    .pet-reply-bottom-area {
        grid-template-columns: 1fr;
    }

    .pet-reply-side {
        order: -1;
    }
}

@media (max-width: 640px) {
    .pet-replies-hero,
    .pet-reply-card {
        padding: 18px;
        border-radius: 24px;
    }

    .pet-reply-provider-head,
    .pet-reply-info-grid {
        grid-template-columns: 1fr;
    }

    .pet-reply-provider-head img {
        width: 100%;
        height: 180px;
    }

    .pet-reply-actions {
        grid-template-columns: 1fr;
    }
}

/* Stage 589 - temp pet care confirm match */
.pet-confirm-body {
    background:
        radial-gradient(circle at 8% 12%, rgba(255, 237, 213, .75), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(209, 250, 229, .72), transparent 28%),
        #fffaf3;
}

.pet-confirm-page {
    max-width: 1220px;
}

.pet-confirm-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 22px;
    align-items: stretch;
    margin-bottom: 18px;
}

.pet-confirm-hero-copy,
.pet-confirm-provider-card,
.pet-confirm-final-card {
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 34px;
    box-shadow: var(--pet-shadow);
    padding: 30px;
}

.pet-confirm-hero-copy h1 {
    font-family: "Noto Serif TC", serif;
    font-size: 58px;
    line-height: 1.05;
    letter-spacing: -.05em;
    margin: 16px 0 12px;
    color: #1f2937;
}

.pet-confirm-hero-copy p {
    color: #64748b;
    font-size: 18px;
    line-height: 1.85;
    margin: 0;
    max-width: 760px;
}

.pet-confirm-hero-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.pet-confirm-hero-grid article,
.pet-confirm-provider-facts article,
.pet-confirm-card-grid article,
.pet-confirm-report-grid article,
.pet-confirm-risk-grid article,
.pet-confirm-price-list article {
    border: 1px solid rgba(215, 226, 235, .9);
    border-radius: 22px;
    background: #fbfdff;
    padding: 15px;
}

.pet-confirm-hero-grid span,
.pet-confirm-provider-facts span,
.pet-confirm-card-grid span,
.pet-confirm-risk-grid span,
.pet-confirm-price-list span {
    display: block;
    color: #0f766e;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    margin-bottom: 6px;
}

.pet-confirm-hero-grid b,
.pet-confirm-provider-facts b,
.pet-confirm-card-grid b,
.pet-confirm-risk-grid b,
.pet-confirm-price-list b {
    display: block;
    color: #222;
    font-size: 18px;
    line-height: 1.35;
}

.pet-confirm-hero-grid small,
.pet-confirm-provider-facts small,
.pet-confirm-price-list small,
.pet-confirm-card-grid p,
.pet-confirm-risk-grid p {
    display: block;
    color: #64748b;
    line-height: 1.6;
    margin-top: 6px;
}

.pet-confirm-provider-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pet-confirm-provider-card img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    border-radius: 26px;
}

.pet-confirm-provider-card h2 {
    margin: 0;
    color: #1f2937;
    font-size: 30px;
    font-weight: 950;
}

.pet-confirm-provider-card p {
    margin: 0;
    color: #64748b;
    line-height: 1.7;
}

.pet-confirm-provider-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.pet-confirm-provider-facts article {
    padding: 12px;
}

.pet-confirm-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 22px;
    align-items: start;
    margin-top: 22px;
}

.pet-confirm-main {
    display: grid;
    gap: 22px;
}

.pet-section-title.compact {
    margin-bottom: 18px;
}

.pet-section-title.compact h2 {
    font-size: 32px;
    margin: 4px 0 0;
}

.pet-section-title.compact p {
    max-width: 440px;
}

.pet-confirm-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.pet-confirm-report-grid,
.pet-confirm-risk-grid,
.pet-confirm-agreement-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.pet-confirm-report-grid article {
    background: linear-gradient(180deg, #f0fdfa, #ffffff);
    border-color: #99f6e4;
}

.pet-confirm-report-grid b {
    display: inline-flex;
    width: max-content;
    border-radius: 999px;
    background: #ccfbf1;
    color: #0f766e;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .06em;
}

.pet-confirm-report-grid strong {
    display: block;
    margin: 12px 0 6px;
    color: #222;
    font-size: 19px;
}

.pet-confirm-report-grid span {
    display: block;
    color: #64748b;
    line-height: 1.65;
}

.pet-confirm-check-list {
    margin-bottom: 16px;
}

.pet-confirm-side {
    display: grid;
    gap: 16px;
    position: sticky;
    top: 88px;
}

.pet-confirm-sticky-card {
    background: linear-gradient(180deg, #052e2b, #0f766e);
    color: #fff;
}

.pet-confirm-sticky-card h3 {
    color: #fff;
}

.pet-confirm-timeline {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.pet-confirm-timeline article {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 12px;
    align-items: start;
    padding: 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .15);
}

.pet-confirm-timeline b {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 15px;
    background: #ecfdf5;
    color: #0f766e;
}

.pet-confirm-timeline strong {
    display: block;
    color: #fff;
}

.pet-confirm-timeline span {
    display: block;
    color: rgba(255, 255, 255, .72);
    line-height: 1.55;
    margin-top: 4px;
}

.pet-confirm-price-list {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}

.pet-confirm-cash-list {
    margin-top: 12px;
}

.pet-confirm-summary-grid {
    margin-top: 0;
}

.pet-confirm-final-card {
    margin-top: 24px;
}

.pet-confirm-agreement-grid {
    margin: 14px 0;
}

.pet-confirm-agree {
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 12px;
    align-items: start;
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    border-radius: 22px;
    padding: 16px;
    color: #166534;
}

.pet-confirm-agree input {
    width: auto;
    margin-top: 5px;
}

.pet-confirm-agree b {
    display: block;
    color: #14532d;
    font-size: 17px;
}

.pet-confirm-agree small {
    display: block;
    color: #166534;
    line-height: 1.65;
    margin-top: 5px;
}

.pet-confirm-mini-agreements {
    margin: 16px 0 0;
}

.pet-confirm-submit {
    margin-top: 22px;
}

@media (max-width: 992px) {
    .pet-confirm-hero,
    .pet-confirm-layout {
        grid-template-columns: 1fr;
    }

    .pet-confirm-side {
        position: static;
    }

    .pet-confirm-report-grid,
    .pet-confirm-risk-grid,
    .pet-confirm-agreement-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .pet-confirm-hero-copy,
    .pet-confirm-provider-card,
    .pet-confirm-final-card {
        padding: 22px;
        border-radius: 26px;
    }

    .pet-confirm-hero-copy h1 {
        font-size: 38px;
    }

    .pet-confirm-hero-grid,
    .pet-confirm-card-grid,
    .pet-confirm-provider-facts {
        grid-template-columns: 1fr;
    }
}

/* Stage 590 - temp pet care cash payment */
.pet-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;border-radius:18px;padding:14px 16px;margin:12px 0 18px;font-weight:900}.pet-cash-page .pet-back{margin-bottom:16px}.pet-cash-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:stretch;margin-bottom:18px}.pet-cash-hero-copy,.pet-cash-provider-card,.pet-cash-layout .pet-detail-card,.pet-cash-side .pet-side-card{background:rgba(255,255,255,.94);border:1px solid rgba(148,163,184,.24);border-radius:34px;padding:28px;box-shadow:var(--pet-shadow)}.pet-cash-hero-copy{background:linear-gradient(135deg,#ffffff,#f0fdfa 58%,#fff7ed)}.pet-cash-hero-copy h1{font-family:"Noto Serif TC",serif;font-size:54px;line-height:1.05;letter-spacing:-.05em;margin:14px 0 12px}.pet-cash-hero-copy>p{font-size:18px;line-height:1.8;color:#475569;max-width:780px}.pet-cash-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.pet-cash-status-row article{background:#fff;border:1px solid rgba(148,163,184,.24);border-radius:22px;padding:16px}.pet-cash-status-row span,.pet-cash-breakdown-grid span{display:inline-flex;border-radius:999px;background:#ecfdf5;color:#047857;padding:6px 10px;font-size:12px;font-weight:950;letter-spacing:.06em}.pet-cash-status-row b,.pet-cash-breakdown-grid b{display:block;font-size:20px;margin-top:10px}.pet-cash-status-row small,.pet-cash-breakdown-grid p{display:block;color:#64748b;line-height:1.6;margin-top:6px}.pet-cash-provider-card{position:relative;overflow:hidden}.pet-cash-provider-card>img{width:100%;height:210px;object-fit:cover;border-radius:26px;margin-bottom:14px}.pet-cash-provider-card h2{font-size:28px;font-weight:950;margin:12px 0 8px}.pet-cash-provider-card p{color:#64748b;line-height:1.65}.pet-cash-provider-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.pet-cash-provider-facts article{background:#f8fafc;border:1px solid var(--pet-line);border-radius:18px;padding:12px;text-align:center}.pet-cash-provider-facts span{display:block;color:#64748b;font-size:12px;font-weight:900}.pet-cash-provider-facts b{display:block;font-size:16px;margin-top:4px}.pet-cash-summary-grid{grid-template-columns:repeat(4,1fr);margin-bottom:22px}.pet-cash-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}.pet-cash-main{display:grid;gap:22px}.pet-cash-side{display:grid;gap:18px;position:sticky;top:88px}.pet-cash-breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pet-cash-breakdown-grid article{background:#f8fafc;border:1px solid var(--pet-line);border-radius:24px;padding:18px}.pet-cash-warning-card{background:linear-gradient(180deg,#fff,#fffbeb)!important}.pet-cash-risk-grid{display:grid;gap:10px}.pet-cash-risk-grid article{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;background:#fff;border:1px solid #fde68a;border-radius:20px;padding:14px}.pet-cash-risk-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#f97316;color:#fff;font-weight:950}.pet-cash-risk-grid span{color:#92400e;line-height:1.55;font-weight:800}.pet-cash-sticky-card{background:linear-gradient(145deg,#052e2b,#0f766e)!important;color:#fff}.pet-cash-sticky-card h3{color:#fff;font-size:26px;font-weight:950;margin:8px 0 18px}.pet-cash-sticky-card .pet-eyebrow{background:rgba(255,255,255,.13);color:#d1fae5}.pet-form-field{display:block;margin-bottom:14px}.pet-form-field span{display:block;color:rgba(255,255,255,.78);font-size:13px;font-weight:950;margin-bottom:7px}.pet-form-field input,.pet-form-field select,.pet-form-field textarea{width:100%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.95);border-radius:18px;padding:13px 14px;font-weight:850;outline:none}.pet-form-field small{display:block;color:#d1fae5;margin-top:6px}.pet-cash-agreement-list{display:grid;gap:10px;margin:16px 0}.pet-cash-agreement-list .pet-confirm-agree{background:rgba(255,255,255,.95);color:#0f172a;border-color:rgba(255,255,255,.35)}.pet-cash-mini-list{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:14px 18px;margin:12px 0;color:#d1fae5}.pet-cash-mini-list li{margin-bottom:8px}.pet-cash-timeline{display:grid;gap:12px}.pet-cash-timeline article{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;background:#f8fafc;border:1px solid var(--pet-line);border-radius:20px;padding:14px}.pet-cash-timeline b{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:#0f766e;color:#fff;font-weight:950}.pet-cash-timeline strong{display:block}.pet-cash-timeline span{display:block;color:#64748b;line-height:1.55;margin-top:3px}.pet-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff;margin-top:10px}.pet-btn.ghost:hover{background:rgba(255,255,255,.1);color:#fff}@media(max-width:1100px){.pet-cash-hero,.pet-cash-layout{grid-template-columns:1fr}.pet-cash-side{position:static}.pet-cash-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pet-cash-hero-copy,.pet-cash-provider-card,.pet-cash-layout .pet-detail-card,.pet-cash-side .pet-side-card{border-radius:24px;padding:20px}.pet-cash-hero-copy h1{font-size:38px}.pet-cash-status-row,.pet-cash-summary-grid,.pet-cash-breakdown-grid,.pet-cash-provider-facts{grid-template-columns:1fr}.pet-cash-provider-card>img{height:190px}}

/* Stage 591: member temp pet care my orders */
.pet-orders-page { padding-bottom: 76px; }
.pet-orders-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 22px;
    align-items: stretch;
    padding: 32px;
    border-radius: 36px;
    margin: 16px 0 22px;
    background: radial-gradient(circle at top left, rgba(16,185,129,.22), transparent 32%), linear-gradient(135deg, #ffffff 0%, #f0fdfa 52%, #fff7ed 100%);
    border: 1px solid rgba(125, 211, 252, .34);
    box-shadow: 0 26px 70px rgba(15, 118, 110, .11);
}
.pet-orders-hero h1 {
    margin: 10px 0 12px;
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.04;
    letter-spacing: -.05em;
    font-weight: 950;
    color: #0f2f2a;
}
.pet-orders-hero p {
    margin: 0;
    color: #527066;
    line-height: 1.85;
    max-width: 860px;
}
.pet-orders-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}
.pet-orders-focus-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 30px;
    background: rgba(255,255,255,.9);
    border: 1px solid rgba(148,163,184,.28);
    padding: 24px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}
.pet-orders-focus-card span {
    color: #0f766e;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .12em;
}
.pet-orders-focus-card strong {
    display: block;
    font-size: 46px;
    letter-spacing: -.04em;
    color: #0f2f2a;
    margin: 10px 0 8px;
}
.pet-orders-focus-card p {
    color: #64748b;
    line-height: 1.7;
}
.pet-orders-stats { margin-bottom: 18px; }
.pet-order-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 12px 0 22px;
}
.pet-order-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 999px;
    padding: 10px 14px;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(148,163,184,.35);
    color: #475569;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(15,23,42,.04);
}
.pet-order-tabs a.active {
    background: #0f766e;
    border-color: #0f766e;
    color: #fff;
    box-shadow: 0 16px 34px rgba(15,118,110,.24);
}
.pet-orders-guide-card { margin-bottom: 22px; }
.pet-order-guide-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.pet-order-guide-grid article {
    border-radius: 24px;
    padding: 18px;
    background: #f8fafc;
    border: 1px solid var(--pet-line);
}
.pet-order-guide-grid span,
.pet-order-info-grid span,
.pet-order-address-box span {
    display: inline-flex;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    color: #0f766e;
}
.pet-order-guide-grid b {
    display: block;
    font-size: 21px;
    margin-top: 9px;
    color: #10201b;
}
.pet-order-guide-grid p {
    color: #64748b;
    line-height: 1.65;
    margin: 8px 0 0;
}
.pet-orders-list {
    display: grid;
    gap: 18px;
}
.pet-order-card {
    padding: 22px;
    border-radius: 32px;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(148,163,184,.28);
    box-shadow: 0 22px 54px rgba(15,23,42,.08);
    overflow: hidden;
    position: relative;
}
.pet-order-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 7px;
    background: linear-gradient(90deg, #0f766e, #84cc16, #f59e0b);
}
.pet-order-provider {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
}
.pet-order-provider img {
    width: 104px;
    height: 104px;
    object-fit: cover;
    border-radius: 26px;
    box-shadow: 0 14px 28px rgba(15,23,42,.13);
}
.pet-order-status-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}
.pet-order-status {
    display: inline-flex;
    border-radius: 999px;
    padding: 7px 12px;
    font-size: 13px;
    font-weight: 950;
    background: #ecfeff;
    color: #0e7490;
}
.pet-order-status.confirmed { background: #e0f2fe; color: #0369a1; }
.pet-order-status.cash { background: #fef3c7; color: #a16207; }
.pet-order-status.service { background: #dcfce7; color: #166534; }
.pet-order-status.issue { background: #fee2e2; color: #b91c1c; }
.pet-order-status.done { background: #ede9fe; color: #6d28d9; }
.pet-order-status.cancelled { background: #f1f5f9; color: #64748b; }
.pet-order-status-row small {
    color: #94a3b8;
    font-weight: 900;
}
.pet-order-provider h2 {
    margin: 10px 0 6px;
    font-size: 26px;
    font-weight: 950;
    letter-spacing: -.03em;
    color: #10201b;
}
.pet-order-provider p {
    margin: 0;
    color: #64748b;
    line-height: 1.65;
}
.pet-order-progress {
    margin: 18px 0;
    padding: 14px;
    border-radius: 22px;
    background: #f8fafc;
    border: 1px solid var(--pet-line);
}
.pet-order-progress > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #64748b;
    font-weight: 900;
    margin-bottom: 9px;
}
.pet-order-progress b { color: #0f766e; }
.pet-order-progress-bar {
    height: 10px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}
.pet-order-progress-bar i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0f766e, #84cc16);
}
.pet-order-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}
.pet-order-info-grid article {
    padding: 14px;
    border-radius: 20px;
    background: #fbfdff;
    border: 1px solid rgba(203,213,225,.88);
}
.pet-order-info-grid b {
    display: block;
    font-size: 17px;
    color: #10201b;
    margin-top: 6px;
    line-height: 1.45;
}
.pet-order-address-box {
    border-radius: 22px;
    padding: 14px 16px;
    background: #f0fdfa;
    border: 1px solid #99f6e4;
    margin-bottom: 14px;
}
.pet-order-address-box p {
    color: #115e59;
    margin: 6px 0 0;
    font-weight: 850;
}
.pet-order-tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}
.pet-order-tag-row span {
    border-radius: 999px;
    padding: 7px 11px;
    background: #ecfdf5;
    color: #047857;
    font-size: 13px;
    font-weight: 850;
}
.pet-order-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.pet-orders-empty {
    text-align: left;
    padding: 34px;
}
.pet-orders-empty h2 {
    margin: 14px 0 8px;
    font-size: 32px;
    font-weight: 950;
}
.pet-orders-empty p {
    color: #64748b;
    line-height: 1.75;
    max-width: 760px;
}
@media(max-width: 1100px) {
    .pet-orders-hero { grid-template-columns: 1fr; }
    .pet-order-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pet-order-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width: 760px) {
    .pet-orders-hero { padding: 22px; border-radius: 28px; }
    .pet-order-guide-grid,
    .pet-order-info-grid,
    .pet-order-provider { grid-template-columns: 1fr; }
    .pet-order-provider img { width: 100%; height: 220px; }
    .pet-order-actions .pet-btn { width: 100%; justify-content: center; }
    .pet-order-tabs a { flex: 1 1 44%; }
}

/* Stage 592 - temp pet care order detail */
.pet-order-detail-page {
    padding-bottom: 72px;
}
.pet-order-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.pet-back.muted {
    color: #64748b;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(203,213,225,.9);
}
.pet-order-detail-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(360px, .72fr);
    gap: 22px;
    align-items: stretch;
    margin-bottom: 18px;
}
.pet-order-hero-copy,
.pet-order-provider-card,
.pet-order-section-card,
.pet-order-side-card {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    border: 1px solid rgba(203,213,225,.82);
    background: rgba(255,255,255,.92);
    box-shadow: 0 24px 60px rgba(15,23,42,.08);
}
.pet-order-hero-copy {
    padding: 34px;
    background:
        radial-gradient(circle at 88% 12%, rgba(20,184,166,.22), transparent 30%),
        linear-gradient(135deg, #fff 0%, #ecfeff 54%, #f7fee7 100%);
}
.pet-order-hero-copy h1 {
    margin: 8px 0 10px;
    font-size: clamp(34px, 4.8vw, 62px);
    line-height: .96;
    letter-spacing: -.055em;
    color: #10201b;
    font-weight: 950;
}
.pet-order-hero-copy p {
    margin: 0 0 14px;
    max-width: 760px;
    color: #475569;
    font-size: 17px;
    line-height: 1.72;
    font-weight: 700;
}
.pet-order-progress.wide {
    max-width: 760px;
    margin-bottom: 0;
    background: rgba(255,255,255,.78);
}
.pet-order-provider-card {
    display: grid;
    grid-template-columns: 148px minmax(0, 1fr);
    gap: 18px;
    padding: 20px;
    align-items: center;
}
.pet-order-provider-card img {
    width: 148px;
    height: 188px;
    border-radius: 28px;
    object-fit: cover;
    box-shadow: 0 18px 36px rgba(15,23,42,.16);
}
.pet-order-provider-card span,
.pet-mini-list span,
.pet-side-timeline span {
    display: inline-flex;
    color: #0f766e;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .05em;
}
.pet-order-provider-card h2 {
    margin: 6px 0 8px;
    font-size: 28px;
    font-weight: 950;
    letter-spacing: -.04em;
    color: #10201b;
}
.pet-order-provider-card p {
    color: #64748b;
    line-height: 1.65;
    margin-bottom: 12px;
}
.order-hero-grid {
    margin-bottom: 18px;
}
.pet-order-flow {
    margin-bottom: 22px;
}
.pet-order-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 22px;
    align-items: start;
}
.pet-order-main-stack,
.pet-order-side-stack {
    display: grid;
    gap: 18px;
}
.pet-order-section-card {
    padding: 24px;
}
.pet-section-head {
    margin-bottom: 16px;
}
.pet-section-head h2 {
    font-size: 30px;
    font-weight: 950;
    margin: 5px 0 8px;
    letter-spacing: -.035em;
    color: #10201b;
}
.pet-section-head p {
    margin: 0;
    color: #64748b;
    line-height: 1.68;
    font-weight: 650;
}
.two-col-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}
.pet-order-card-grid article,
.pet-order-task-grid article,
.pet-report-timeline article,
.pet-mini-list article,
.pet-side-timeline article {
    border: 1px solid rgba(203,213,225,.88);
    background: #fbfdff;
}
.pet-order-card-grid article strong {
    color: #10201b;
    font-weight: 950;
}
.pet-order-task-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}
.pet-order-task-grid article {
    border-radius: 24px;
    padding: 18px;
}
.pet-order-task-grid span {
    color: #0f766e;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .06em;
}
.pet-order-task-grid h3 {
    font-size: 20px;
    margin: 8px 0 7px;
    font-weight: 950;
    color: #10201b;
    line-height: 1.35;
}
.pet-order-task-grid p {
    margin: 0;
    color: #64748b;
    line-height: 1.66;
}
.pet-order-task-grid.compact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pet-report-timeline {
    display: grid;
    gap: 10px;
}
.pet-report-timeline article {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
    border-radius: 22px;
    align-items: center;
}
.pet-report-timeline b {
    width: 44px;
    height: 44px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0f766e;
    background: #ccfbf1;
    font-weight: 950;
}
.pet-report-timeline strong {
    color: #10201b;
    font-size: 18px;
    font-weight: 950;
}
.pet-report-timeline p {
    margin: 4px 0 0;
    color: #64748b;
    line-height: 1.6;
}
.pet-order-check-list {
    margin: 0;
    display: grid;
    gap: 10px;
}
.pet-order-side-card {
    padding: 18px;
}
.pet-order-side-card h3 {
    font-size: 22px;
    font-weight: 950;
    letter-spacing: -.03em;
    margin: 0 0 12px;
    color: #10201b;
}
.sticky-side {
    position: sticky;
    top: 18px;
    z-index: 2;
}
.pet-action-list {
    display: grid;
    gap: 10px;
}
.pet-action-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    border-radius: 18px;
    padding: 13px 14px;
    background: #ecfdf5;
    color: #0f766e;
    border: 1px solid #bbf7d0;
    font-weight: 900;
}
.pet-action-list a b {
    color: #10201b;
    text-align: right;
}
.pet-side-provider-mini {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}
.pet-side-provider-mini img {
    width: 64px;
    height: 64px;
    border-radius: 20px;
    object-fit: cover;
}
.pet-side-provider-mini b {
    color: #10201b;
    font-weight: 950;
}
.pet-side-provider-mini p {
    margin: 3px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}
.pet-mini-list,
.pet-side-timeline {
    display: grid;
    gap: 10px;
}
.pet-mini-list article,
.pet-side-timeline article {
    border-radius: 18px;
    padding: 13px;
}
.pet-mini-list b,
.pet-side-timeline b {
    display: block;
    color: #10201b;
    margin: 5px 0;
    line-height: 1.35;
}
.pet-mini-list p,
.pet-side-timeline p {
    color: #64748b;
    font-size: 13px;
    line-height: 1.55;
    margin: 0;
}
@media(max-width: 1100px) {
    .pet-order-detail-hero,
    .pet-order-detail-layout {
        grid-template-columns: 1fr;
    }
    .sticky-side { position: static; }
    .pet-order-task-grid.compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width: 760px) {
    .pet-order-hero-copy,
    .pet-order-section-card { padding: 20px; border-radius: 26px; }
    .pet-order-provider-card,
    .pet-order-task-grid,
    .pet-order-task-grid.compact,
    .two-col-head { grid-template-columns: 1fr; display: grid; }
    .pet-order-provider-card img { width: 100%; height: 230px; }
    .pet-report-timeline article { grid-template-columns: 1fr; }
    .pet-action-list a { align-items: flex-start; flex-direction: column; }
    .pet-action-list a b { text-align: left; }
}

/* Stage 593: member temp pet care chat */
.pet-chat-page{padding-bottom:76px}.pet-chat-hero{display:grid;grid-template-columns:minmax(0,1fr)360px;gap:22px;align-items:stretch;margin:18px 0 22px;padding:32px;border-radius:36px;background:radial-gradient(circle at 8% 0%,rgba(16,185,129,.22),transparent 34%),linear-gradient(135deg,#f0fdfa,#fff 55%,#fffbeb);border:1px solid rgba(20,184,166,.22);box-shadow:0 28px 70px rgba(15,118,110,.10)}.pet-chat-hero h1{font-family:"Noto Serif TC",serif;font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.05em;margin:10px 0 12px;color:#12332d}.pet-chat-hero p{font-size:17px;line-height:1.85;color:#48615a;max-width:850px}.pet-chat-provider-card{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.26);border-radius:30px;padding:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.pet-chat-provider-card img{width:96px;height:96px;border-radius:26px;object-fit:cover}.pet-chat-provider-card span{font-size:12px;font-weight:950;color:#0f766e;letter-spacing:.08em}.pet-chat-provider-card h2{font-size:22px;font-weight:950;margin:6px 0}.pet-chat-provider-card p{font-size:14px;margin:0;color:#64748b;line-height:1.5}.pet-chat-provider-card b{display:block;margin-top:8px;color:#166534}.pet-chat-pinned-grid{margin-bottom:22px}.pet-chat-layout{display:grid;grid-template-columns:minmax(0,1fr)360px;gap:22px;align-items:start}.pet-chat-main{display:grid;gap:22px}.pet-chat-window{background:linear-gradient(180deg,#ffffff,#f8fffb)}.pet-chat-status{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:950;font-size:13px}.pet-chat-messages{display:grid;gap:16px;margin-top:14px}.pet-chat-bubble{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start}.pet-chat-bubble.member{grid-template-columns:minmax(0,1fr)52px}.pet-chat-bubble.member .pet-chat-avatar{grid-column:2;grid-row:1;background:#0f766e;color:#fff}.pet-chat-bubble.member .pet-chat-content{grid-column:1;grid-row:1;background:#ecfdf5;border-color:#99f6e4}.pet-chat-avatar{width:52px;height:52px;border-radius:18px;background:#fef3c7;color:#92400e;display:grid;place-items:center;font-weight:950;box-shadow:0 10px 24px rgba(15,23,42,.08)}.pet-chat-bubble.system .pet-chat-avatar{background:#e0f2fe;color:#075985}.pet-chat-bubble.provider .pet-chat-avatar{background:#fde68a;color:#854d0e}.pet-chat-content{border:1px solid var(--pet-line);background:#fff;border-radius:26px;padding:18px;box-shadow:0 14px 32px rgba(15,23,42,.06)}.pet-chat-bubble.system .pet-chat-content{background:#f0f9ff;border-color:#bae6fd}.pet-chat-bubble.latest .pet-chat-content{box-shadow:0 20px 44px rgba(15,118,110,.14)}.pet-chat-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.pet-chat-meta strong{font-weight:950;color:#0f172a}.pet-chat-meta span{border-radius:999px;background:#f1f5f9;color:#475569;padding:5px 9px;font-size:12px;font-weight:900}.pet-chat-meta small{color:#94a3b8;font-weight:800}.pet-chat-content h3{font-size:20px;font-weight:950;margin:0 0 8px;color:#10201b}.pet-chat-content p{margin:0;color:#475569;line-height:1.75}.pet-chat-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.pet-chat-tags span{border-radius:999px;background:#fff;border:1px solid #dbeafe;color:#0369a1;padding:5px 9px;font-size:12px;font-weight:900}.pet-chat-composer{background:linear-gradient(180deg,#fff,#fffbeb)}.pet-chat-form{display:grid;gap:16px}.pet-chat-form label{display:grid;gap:8px}.pet-chat-form label span{font-weight:950;color:#334155}.pet-chat-form select,.pet-chat-form textarea{width:100%;border:1px solid var(--pet-line);border-radius:18px;padding:13px 14px;background:#fff;color:#0f172a;outline:none}.pet-chat-form textarea{resize:vertical;line-height:1.7}.pet-chat-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pet-chat-quick-grid label{position:relative;border:1px solid #fde68a;background:#fff;border-radius:20px;padding:14px;cursor:pointer;transition:.2s}.pet-chat-quick-grid label:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(146,64,14,.10)}.pet-chat-quick-grid input{position:absolute;right:14px;top:14px}.pet-chat-quick-grid b{display:inline-flex;border-radius:999px;background:#fef3c7;color:#92400e;padding:5px 9px;font-size:12px}.pet-chat-quick-grid strong{display:block;margin-top:9px;font-size:17px}.pet-chat-quick-grid small{display:block;margin-top:6px;color:#64748b;line-height:1.5}.pet-chat-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px;border:1px dashed #99f6e4;background:#ecfdf5;border-radius:18px;padding:13px}.pet-chat-check input{width:18px;height:18px}.pet-chat-side{display:grid;gap:16px;position:sticky;top:86px}.pet-chat-side-card{background:rgba(255,255,255,.94)}.pet-chat-check-list{padding-left:0}.pet-chat-check-list li{font-size:14px;line-height:1.6}@media(max-width:1100px){.pet-chat-hero,.pet-chat-layout{grid-template-columns:1fr}.pet-chat-side{position:static}.pet-chat-provider-card{max-width:520px}.pet-chat-quick-grid{grid-template-columns:1fr}}@media(max-width:760px){.pet-chat-hero{padding:22px;border-radius:28px}.pet-chat-provider-card{grid-template-columns:76px 1fr}.pet-chat-provider-card img{width:76px;height:76px;border-radius:20px}.pet-chat-bubble,.pet-chat-bubble.member{grid-template-columns:42px minmax(0,1fr)}.pet-chat-bubble.member .pet-chat-avatar{grid-column:1}.pet-chat-bubble.member .pet-chat-content{grid-column:2}.pet-chat-avatar{width:42px;height:42px;border-radius:14px}.pet-chat-content{border-radius:22px;padding:15px}.pet-chat-meta{gap:6px}.pet-chat-meta small{width:100%}}

/* Stage 603 - member completion confirm */
.pet-completion-page .completion-hero {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.94));
    border: 1px solid rgba(15, 23, 42, 0.08);
}
.completion-summary-grid article {
    min-height: 150px;
}
.completion-provider-card img {
    object-fit: cover;
}
.completion-check-list li {
    padding-top: 14px;
    padding-bottom: 14px;
}
.warning-grid article {
    border-color: rgba(239, 68, 68, 0.16);
    background: rgba(255, 247, 247, 0.88);
}
.pet-completion-form {
    display: grid;
    gap: 14px;
}
.pet-agree-row {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: #fff;
    color: #334155;
    line-height: 1.65;
}
.pet-agree-row input {
    width: 18px;
    height: 18px;
    margin-top: 4px;
    accent-color: #111827;
}
.pet-form-label {
    font-weight: 800;
    color: #111827;
}
.pet-form-control {
    width: 100%;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 18px;
    padding: 14px 16px;
    background: #fff;
    color: #111827;
    outline: none;
    resize: vertical;
}
.pet-form-control:focus {
    border-color: rgba(17, 24, 39, 0.34);
    box-shadow: 0 0 0 4px rgba(17, 24, 39, 0.06);
}
.pet-form-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
@media (max-width: 768px) {
    .pet-form-actions {
        justify-content: stretch;
    }
    .pet-form-actions .pet-btn {
        width: 100%;
        justify-content: center;
    }
}

/* Stage 604 - temp pet care rating */
.pet-rating-page .pet-rating-form { padding: 28px; }
.pet-rating-dimension-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.pet-rating-dimension-grid article { display: grid; grid-template-columns: 1fr 150px; gap: 14px; align-items: center; padding: 16px; border: 1px solid rgba(148, 163, 184, .22); border-radius: 18px; background: rgba(255, 255, 255, .84); }
.pet-rating-dimension-grid b { display: block; color: #172554; font-size: 1rem; margin-bottom: 4px; }
.pet-rating-dimension-grid p { margin: 0; color: #64748b; font-size: .92rem; }
.pet-rating-tag-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pet-two-col-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.pet-checkbox-line { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-radius: 14px; background: #f8fafc; color: #334155; }
.inner-warning { background: #fff7ed; border: 1px solid rgba(251, 146, 60, .28); }
.inner-warning h3 { color: #9a3412; margin-bottom: 12px; }
@media (max-width: 900px) {
    .pet-rating-dimension-grid, .pet-two-col-form { grid-template-columns: 1fr; }
    .pet-rating-dimension-grid article { grid-template-columns: 1fr; }
    .pet-rating-tag-grid { grid-template-columns: 1fr; }
}

/* Stage 605 - temp pet care cancel / abnormal report */
.pet-issue-page .pet-issue-hero { border: 1px solid rgba(239, 68, 68, .14); }
.pet-mode-toggle { display:flex; gap:10px; flex-wrap:wrap; margin: 0 0 20px; }
.pet-mode-toggle a { text-decoration:none; border:1px solid #eadfd6; color:#5f4a3d; background:#fffaf6; padding:10px 16px; border-radius:999px; font-weight:800; }
.pet-mode-toggle a.active { background:#2f2118; color:#fff; border-color:#2f2118; box-shadow:0 12px 28px rgba(47,33,24,.16); }
.pet-issue-form select,
.pet-issue-form input,
.pet-issue-form textarea { width:100%; border:1px solid #eadfd6; border-radius:18px; padding:13px 14px; background:#fff; outline:none; }
.pet-issue-form textarea { resize:vertical; min-height:140px; }
.pet-checkbox-panel { border:1px solid #eadfd6; border-radius:24px; background:#fffaf7; padding:18px; display:grid; gap:10px; }
.pet-checkbox-panel b { color:#2f2118; }
.pet-checkbox-panel label { display:flex; align-items:flex-start; gap:9px; margin:0; color:#634e43; font-size:.95rem; }
.pet-checkbox-panel input { width:auto; margin-top:4px; accent-color:#8b5e3c; }
.pet-checkbox-panel.compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pet-checkbox-panel.compact b,
.pet-checkbox-panel.required b { grid-column:1/-1; }
.pet-checkbox-panel.required { background:#fff5f3; border-color:#ffd6d1; }
.pet-btn.danger { background:#d94a3a; color:#fff; border-color:#d94a3a; }
.pet-btn.danger:hover { background:#bd3729; color:#fff; }
.pet-detail-card.danger-soft { background:linear-gradient(180deg,#fff7f5,#fff); border-color:#ffd8d2; }
.pet-side-actions { display:grid; gap:10px; }
.pet-side-actions a { display:block; text-decoration:none; border:1px solid #eadfd6; border-radius:18px; padding:12px 14px; background:#fff; color:#4a372c; }
.pet-side-actions a b { display:block; color:#8b5e3c; font-size:.82rem; }
.pet-side-actions a span { font-weight:800; }
@media (max-width: 768px) {
  .pet-checkbox-panel.compact { grid-template-columns:1fr; }
}


/* Stage 712 - remove fake provider preview from temp pet care start page */
.pet-hero.pet-hero-clean {
    grid-template-columns: 1fr;
}
.pet-hero.pet-hero-clean .pet-hero-copy {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pet-hero.pet-hero-clean .pet-hero-copy p {
    max-width: 980px;
}
@media (max-width: 760px) {
    .pet-hero.pet-hero-clean .pet-hero-copy {
        min-height: auto;
    }
}

/* Stage 721: 訂單詳情右側下一步操作修正
   原本 sticky 下一步卡片在滾動時會蓋到下方服務者資訊文字，
   看起來像紅框處文字重疊。訂單詳情頁改為一般卡片，不再浮動覆蓋。 */
.pet-order-detail-page .sticky-side {
    position: static;
    top: auto;
    z-index: auto;
}
.pet-order-detail-page .pet-order-side-card {
    background: #ffffff;
    overflow: hidden;
}
.pet-order-detail-page .pet-action-list a {
    background: #ecfdf5;
    border-color: #bbf7d0;
    box-shadow: none;
}
.pet-order-detail-page .pet-order-side-stack {
    align-self: start;
}

/* Stage 722 - temp pet care rating confirmation checkbox layout fix */
.pet-rating-page .inner-warning {
    display: grid;
    gap: 12px;
}
.pet-rating-page .inner-warning .pet-checkbox-line {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    min-height: 64px;
    padding: 16px 18px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, .16);
    color: #1e293b;
    line-height: 1.65;
    cursor: pointer;
}
.pet-rating-page .inner-warning .pet-checkbox-line input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px;
    flex: 0 0 18px;
    margin: 0;
    accent-color: #0f766e;
}
.pet-rating-page .inner-warning .pet-checkbox-line:hover {
    border-color: rgba(15, 118, 110, .28);
    background: #ffffff;
}
.pet-rating-page .pet-action-row .pet-btn.ghost {
    color: #0f766e;
    border-color: #99f6e4;
    background: #ffffff;
}
@media (max-width: 760px) {
    .pet-rating-page .inner-warning .pet-checkbox-line {
        align-items: flex-start;
    }
    .pet-rating-page .inner-warning .pet-checkbox-line input[type="checkbox"] {
        margin-top: 4px;
    }
}

/* Stage 620 / v20: temp pet care start page UI/UX reset */
.pet-start-v20 .solo-global-header,
.pet-start-v20 .site-header,
.pet-start-v20 .navbar,
.pet-start-v20 header {
    position: relative !important;
    top: auto !important;
    z-index: 30 !important;
}

.pet-start-v20 {
    --pet-v20-ink: #10201b;
    --pet-v20-muted: #64748b;
    --pet-v20-line: rgba(120, 159, 145, .24);
    --pet-v20-green: #0f8f72;
    --pet-v20-deep: #063c34;
    --pet-v20-soft: #f5fffb;
    background:
        radial-gradient(circle at 0% 0%, rgba(187, 247, 208, .48) 0, transparent 30%),
        radial-gradient(circle at 100% 8%, rgba(254, 240, 138, .32) 0, transparent 28%),
        linear-gradient(180deg, #f4fff8 0%, #fffaf1 52%, #eefcff 100%) !important;
}

.pet-start-v20-page {
    width: min(1280px, calc(100% - 56px));
    padding: 24px 0 56px;
}

.pet-topbar-v20 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.pet-start-v20 .pet-back {
    min-height: 42px;
    margin: 0;
    padding: 0 18px;
    border: 1px solid rgba(15, 118, 110, .22);
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    box-shadow: none;
}

.pet-start-v20 .pet-btn {
    min-height: 44px;
    padding: 0 20px;
    border-radius: 999px;
    font-size: 15px;
    white-space: nowrap;
}

.pet-start-v20 .pet-btn.primary {
    background: linear-gradient(135deg, #10b981, #0f766e);
    box-shadow: 0 16px 32px rgba(16, 185, 129, .18);
}

.pet-start-hero-v20.pet-hero.pet-hero-clean {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr) !important;
    gap: 20px;
    align-items: stretch;
    margin: 0 0 18px;
}

.pet-start-hero-v20 .pet-hero-copy,
.pet-start-hero-v20 .pet-care-hero-card-v20 {
    min-height: 0 !important;
    border-radius: 30px;
    box-shadow: 0 22px 50px rgba(15, 23, 42, .08);
}

.pet-start-hero-v20 .pet-hero-copy {
    justify-content: center;
    padding: 34px 36px;
    background:
        radial-gradient(circle at 96% 95%, rgba(187, 247, 208, .38), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,255,251,.9));
    border: 1px solid rgba(134, 239, 172, .38);
}

.pet-start-hero-v20 .pet-hero-copy h1 {
    max-width: 780px;
    margin: 14px 0 12px;
    font-size: clamp(42px, 5.2vw, 72px);
    line-height: 1.02;
    letter-spacing: -.06em;
}

.pet-start-hero-v20 .pet-hero-copy p {
    max-width: 860px;
    font-size: 17px;
    line-height: 1.8;
}

.pet-start-hero-v20 .pet-hero-actions {
    margin-top: 20px;
    gap: 10px;
}

.pet-care-hero-card-v20.pet-live-card {
    padding: 28px;
    background:
        radial-gradient(circle at 100% 0%, rgba(52, 211, 153, .28), transparent 36%),
        linear-gradient(145deg, #053d36, #0f766e);
    align-content: start;
}

.pet-care-hero-card-v20.pet-live-card strong {
    margin: 16px 0 10px;
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.18;
}

.pet-care-hero-card-v20 .pet-route-box {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.pet-care-hero-card-v20 .pet-route-box div {
    min-height: 58px;
    padding: 10px 12px;
    border-radius: 18px;
}

.pet-care-strip-v20.pet-research-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 18px;
}

.pet-care-strip-v20.pet-research-strip article {
    min-height: 118px;
    padding: 18px;
    border-radius: 22px;
    background: rgba(255,255,255,.9);
}

.pet-care-strip-v20.pet-research-strip b {
    font-size: 18px;
}

.pet-layout-v20.pet-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px;
}

.pet-form-v20.pet-form {
    padding: 24px;
    border-radius: 32px;
    background: rgba(255,255,255,.9);
    box-shadow: 0 24px 56px rgba(15, 23, 42, .08);
}

.pet-form-v20 .pet-form-head {
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
    padding: 24px 26px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 100% 0%, rgba(253, 224, 71, .20), transparent 32%),
        linear-gradient(135deg, #f0fdf4, #ffffff 62%, #fff7ed);
}

.pet-form-v20 .pet-form-head h2 {
    margin: 6px 0 0;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.05;
}

.pet-form-v20 .pet-form-head p {
    max-width: 900px;
    font-size: 16px;
    line-height: 1.7;
}

.pet-form-v20 .pet-section {
    margin-top: 14px;
    padding: 22px 24px;
    border-radius: 26px;
    border-color: rgba(120, 159, 145, .20);
    box-shadow: none;
}

.pet-form-v20 .pet-section-title {
    align-items: end;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(120, 159, 145, .16);
}

.pet-form-v20 .pet-section-title h3 {
    font-family: "Noto Serif TC", serif;
    font-size: clamp(26px, 3.1vw, 38px);
    line-height: 1.12;
    letter-spacing: -.04em;
}

.pet-form-v20 .pet-section-title p {
    max-width: 420px;
    font-size: 15px;
    text-align: right;
}

.pet-grid-v20.pet-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.pet-grid-v20 .pet-wide-field-v20,
.pet-textarea-section-v20 .pet-wide-field-v20 {
    grid-column: 1 / -1;
}

.pet-form-v20 label {
    gap: 7px;
    color: #18332d;
    font-size: 15px;
    font-weight: 950;
}

.pet-form-v20 input,
.pet-form-v20 select,
.pet-form-v20 textarea {
    min-height: 54px;
    border-radius: 18px;
    border-color: rgba(148, 163, 184, .34);
    background: #fff;
    color: #0f172a;
    font-size: 16px;
    font-weight: 850;
}

.pet-form-v20 textarea {
    min-height: 112px;
}

.pet-choice-grid-v20.pet-choice-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.pet-choice-grid-v20.pet-choice-grid label {
    min-height: 118px;
    padding: 18px 18px 18px 46px;
    border-radius: 20px;
    background: #f8fafc;
    border-color: rgba(148, 163, 184, .28);
}

.pet-choice-grid-v20.pet-choice-grid label:has(input:checked),
.pet-checkbox-grid-v20.pet-checkbox-grid label:has(input:checked) {
    border-color: rgba(16, 185, 129, .55);
    background: #f0fdfa;
    box-shadow: 0 14px 30px rgba(16, 185, 129, .08);
}

.pet-choice-grid-v20.pet-choice-grid b {
    font-size: 19px;
}

.pet-checkbox-grid-v20.pet-checkbox-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.pet-checkbox-grid-v20.pet-checkbox-grid label {
    min-height: 54px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #f8fafc;
    border-color: rgba(148, 163, 184, .26);
}

.pet-submit-v20.pet-submit {
    margin-top: 16px;
    padding: 20px 24px;
    border-radius: 24px;
    background: linear-gradient(135deg, #063c34, #0f766e);
}

.pet-submit-v20.pet-submit strong {
    font-size: 24px;
}

.pet-submit-v20 .pet-btn.primary {
    min-width: 190px;
    background: #10b981;
}

.pet-side-v20.pet-side {
    position: static !important;
    top: auto !important;
    display: grid;
    grid-template-columns: .85fr 1.1fr 1.05fr;
    gap: 14px;
}

.pet-side-v20 .pet-side-card {
    padding: 22px;
    border-radius: 26px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .07);
}

.pet-side-v20 .pet-side-card h3 {
    margin-bottom: 12px;
    font-family: "Noto Serif TC", serif;
    font-size: 28px;
    line-height: 1.15;
}

.pet-side-v20 .pet-price-card strong {
    font-size: clamp(34px, 3.4vw, 48px);
    line-height: 1.08;
}

.pet-side-v20 .pet-factor-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.pet-side-v20 .pet-factor-list article {
    min-height: 96px;
    border-radius: 18px;
}

.pet-side-v20 .pet-tip-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pet-side-v20 .pet-tip-list li {
    min-height: 76px;
    border-radius: 16px;
    background: #f8fafc;
}

@media (max-width: 1100px) {
    .pet-start-v20-page {
        width: min(100% - 32px, 980px);
    }

    .pet-start-hero-v20.pet-hero.pet-hero-clean,
    .pet-grid-v20.pet-grid,
    .pet-side-v20.pet-side {
        grid-template-columns: 1fr !important;
    }

    .pet-care-strip-v20.pet-research-strip,
    .pet-choice-grid-v20.pet-choice-grid,
    .pet-checkbox-grid-v20.pet-checkbox-grid,
    .pet-side-v20 .pet-factor-list,
    .pet-side-v20 .pet-tip-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pet-form-v20 .pet-section-title {
        align-items: start;
    }

    .pet-form-v20 .pet-section-title p {
        text-align: left;
    }
}

@media (max-width: 720px) {
    .pet-start-v20-page {
        width: min(100% - 20px, 640px);
        padding-top: 16px;
    }

    .pet-topbar-v20,
    .pet-form-v20 .pet-section-title,
    .pet-submit-v20.pet-submit {
        display: grid;
        align-items: stretch;
    }

    .pet-start-hero-v20 .pet-hero-copy,
    .pet-care-hero-card-v20.pet-live-card,
    .pet-form-v20.pet-form,
    .pet-form-v20 .pet-section,
    .pet-side-v20 .pet-side-card {
        border-radius: 22px;
        padding: 18px;
    }

    .pet-start-hero-v20 .pet-hero-copy h1 {
        font-size: 40px;
    }

    .pet-care-strip-v20.pet-research-strip,
    .pet-choice-grid-v20.pet-choice-grid,
    .pet-checkbox-grid-v20.pet-checkbox-grid,
    .pet-side-v20 .pet-factor-list,
    .pet-side-v20 .pet-tip-list {
        grid-template-columns: 1fr;
    }

    .pet-form-v20 input,
    .pet-form-v20 select,
    .pet-form-v20 textarea {
        min-height: 50px;
        font-size: 15px;
    }

    .pet-submit-v20 .pet-btn.primary {
        width: 100%;
    }
}


/* Stage 612 v21 - Temp pet care start page compact UI reset
   Goal: remove oversized hero, stop sticky nav overlap, make form full-width and move side cards below form. */
.pet-start-v21 .solo-global-header,
.pet-start-v21 .solo-header,
.pet-start-v21 header.solo-global-header,
.pet-start-v21 .site-header,
.pet-start-v21 .navbar,
.pet-start-v21 .navbar-wrap {
    position: static !important;
    top: auto !important;
}

.pet-start-v21 {
    background:
        radial-gradient(circle at 0 0, rgba(16, 185, 129, .12), transparent 34%),
        radial-gradient(circle at 100% 4%, rgba(253, 224, 71, .18), transparent 28%),
        linear-gradient(180deg, #f5fff9 0%, #fbfaf7 45%, #eef9f6 100%) !important;
}

.pet-start-v21-page.pet-page {
    width: min(1240px, calc(100% - 56px)) !important;
    padding: 24px 0 56px !important;
}

.pet-topbar-v21.pet-topbar-v20 {
    margin: 0 0 14px !important;
}

.pet-start-v21 .pet-back,
.pet-start-v21 .pet-topbar-v21 .pet-btn.secondary {
    min-height: 38px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

.pet-start-hero-v21.pet-hero.pet-hero-clean {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, .55fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
    margin: 0 0 14px !important;
}

.pet-start-hero-v21 .pet-hero-copy,
.pet-start-hero-v21 .pet-care-hero-card-v21 {
    border-radius: 28px !important;
    min-height: 320px !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .07) !important;
}

.pet-start-hero-v21 .pet-hero-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 34px 38px !important;
    background:
        radial-gradient(circle at 100% 100%, rgba(187, 247, 208, .30), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,255,251,.94)) !important;
}

.pet-start-hero-v21 .pet-eyebrow {
    min-height: 34px !important;
    width: fit-content !important;
    padding: 0 13px !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
}

.pet-start-hero-v21 .pet-hero-copy h1 {
    max-width: 720px !important;
    margin: 14px 0 10px !important;
    font-size: clamp(36px, 4.2vw, 56px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.055em !important;
}

.pet-start-hero-v21 .pet-hero-copy p {
    max-width: 760px !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    color: #43556b !important;
}

.pet-start-hero-v21 .pet-hero-actions {
    margin-top: 18px !important;
    gap: 10px !important;
}

.pet-start-v21 .pet-btn {
    min-height: 42px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
}

.pet-care-hero-card-v21.pet-live-card {
    padding: 26px !important;
    align-content: start !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(52, 211, 153, .24), transparent 34%),
        linear-gradient(145deg, #063d36, #0f766e) !important;
}

.pet-care-hero-card-v21.pet-live-card > span {
    min-height: 30px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
}

.pet-care-hero-card-v21.pet-live-card > strong {
    margin: 16px 0 8px !important;
    font-size: clamp(26px, 2.8vw, 34px) !important;
    line-height: 1.14 !important;
}

.pet-care-hero-card-v21.pet-live-card > small {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.pet-care-hero-card-v21 .pet-route-box {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin-top: 18px !important;
}

.pet-care-hero-card-v21 .pet-route-box div {
    min-height: 54px !important;
    padding: 9px 11px !important;
    border-radius: 16px !important;
}

.pet-care-hero-card-v21 .pet-route-box b {
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
}

.pet-care-strip-v21.pet-research-strip {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
}

.pet-care-strip-v21.pet-research-strip article {
    min-height: 92px !important;
    padding: 16px 18px !important;
    border-radius: 22px !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .05) !important;
}

.pet-care-strip-v21.pet-research-strip b {
    font-size: 17px !important;
}

.pet-care-strip-v21.pet-research-strip span {
    margin-top: 5px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.pet-layout-v21.pet-layout,
.pet-layout-v21.pet-layout.pet-layout-v20 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
}

.pet-form-v21.pet-form,
.pet-form-v21.pet-form.pet-form-v20 {
    padding: 20px !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .07) !important;
}

.pet-form-v21 .pet-form-head {
    margin-bottom: 14px !important;
    padding: 20px 22px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, #f0fdfa, #ffffff 60%, #fffef2) !important;
}

.pet-form-v21 .pet-form-head h2 {
    margin: 6px 0 4px !important;
    font-size: clamp(30px, 3.1vw, 42px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.04em !important;
}

.pet-form-v21 .pet-form-head p {
    max-width: 880px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.pet-form-v21 .pet-section {
    margin-top: 12px !important;
    padding: 18px 20px !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: none !important;
}

.pet-form-v21 .pet-section-title {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
}

.pet-form-v21 .pet-section-title span {
    font-size: 11px !important;
    letter-spacing: .12em !important;
}

.pet-form-v21 .pet-section-title h3 {
    margin: 4px 0 0 !important;
    font-size: clamp(24px, 2.6vw, 34px) !important;
    line-height: 1.12 !important;
}

.pet-form-v21 .pet-section-title p {
    max-width: 360px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    text-align: right !important;
}

.pet-grid-v21.pet-grid,
.pet-form-v21 .pet-grid-v21.pet-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.pet-form-v21 label {
    gap: 6px !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.pet-form-v21 input,
.pet-form-v21 select,
.pet-form-v21 textarea {
    min-height: 48px !important;
    padding: 11px 13px !important;
    border-radius: 15px !important;
    font-size: 15px !important;
    font-weight: 850 !important;
}

.pet-form-v21 textarea {
    min-height: 92px !important;
    line-height: 1.55 !important;
}

.pet-choice-grid-v21.pet-choice-grid,
.pet-form-v21 .pet-choice-grid-v21.pet-choice-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.pet-choice-grid-v21.pet-choice-grid label {
    min-height: 96px !important;
    padding: 15px 15px 15px 42px !important;
    border-radius: 18px !important;
}

.pet-choice-grid-v21.pet-choice-grid input {
    left: 15px !important;
    top: 19px !important;
}

.pet-choice-grid-v21.pet-choice-grid b {
    font-size: 18px !important;
}

.pet-choice-grid-v21.pet-choice-grid small {
    margin-top: 4px !important;
    font-size: 13px !important;
}

.pet-checkbox-grid-v21.pet-checkbox-grid,
.pet-form-v21 .pet-checkbox-grid-v21.pet-checkbox-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

.pet-checkbox-grid-v21.pet-checkbox-grid label {
    min-height: 46px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
}

.pet-textarea-section-v21 .pet-grid-v21.pet-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.pet-textarea-section-v21 .pet-grid-v21 > label:nth-of-type(4),
.pet-textarea-section-v21 .pet-grid-v21 > .pet-wide-field-v21 {
    grid-column: span 3 !important;
}

.pet-submit-v21.pet-submit {
    margin-top: 14px !important;
    padding: 18px 22px !important;
    min-height: 98px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, #052e2b, #0f766e) !important;
}

.pet-submit-v21.pet-submit strong {
    font-size: 22px !important;
}

.pet-submit-v21.pet-submit small {
    font-size: 13px !important;
}

.pet-submit-v21 .pet-btn.primary {
    min-width: 160px !important;
    min-height: 42px !important;
    background: #10b981 !important;
}

.pet-side-v21.pet-side,
.pet-side-v21.pet-side.pet-side-v20 {
    position: static !important;
    display: grid !important;
    grid-template-columns: .75fr 1.2fr 1fr !important;
    gap: 14px !important;
    align-items: stretch !important;
}

.pet-side-v21 .pet-side-card {
    min-height: 0 !important;
    padding: 20px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .06) !important;
}

.pet-side-v21 .pet-side-card h3 {
    margin: 0 0 12px !important;
    font-size: 24px !important;
    line-height: 1.18 !important;
}

.pet-side-v21 .pet-price-card strong {
    margin: 10px 0 10px !important;
    font-size: clamp(30px, 3vw, 40px) !important;
    line-height: 1.08 !important;
}

.pet-side-v21 .pet-price-card small,
.pet-side-v21 .pet-factor-list span,
.pet-side-v21 .pet-tip-list li {
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.pet-side-v21 .pet-factor-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

.pet-side-v21 .pet-factor-list article {
    min-height: 82px !important;
    padding: 11px !important;
    border-radius: 16px !important;
    grid-template-columns: 38px 1fr !important;
}

.pet-side-v21 .pet-factor-list b {
    width: 36px !important;
    height: 36px !important;
    border-radius: 13px !important;
}

.pet-side-v21 .pet-tip-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

.pet-side-v21 .pet-tip-list li {
    min-height: 66px !important;
    padding: 10px 10px 10px 30px !important;
    border-radius: 15px !important;
}

.pet-side-v21 .pet-tip-list li:before {
    left: 11px !important;
    top: 10px !important;
}

@media (max-width: 1120px) {
    .pet-start-v21-page.pet-page {
        width: min(100% - 32px, 980px) !important;
    }

    .pet-start-hero-v21.pet-hero.pet-hero-clean,
    .pet-grid-v21.pet-grid,
    .pet-textarea-section-v21 .pet-grid-v21.pet-grid,
    .pet-side-v21.pet-side,
    .pet-side-v21.pet-side.pet-side-v20 {
        grid-template-columns: 1fr !important;
    }

    .pet-textarea-section-v21 .pet-grid-v21 > label:nth-of-type(4),
    .pet-textarea-section-v21 .pet-grid-v21 > .pet-wide-field-v21 {
        grid-column: auto !important;
    }

    .pet-care-strip-v21.pet-research-strip,
    .pet-choice-grid-v21.pet-choice-grid,
    .pet-checkbox-grid-v21.pet-checkbox-grid,
    .pet-side-v21 .pet-factor-list,
    .pet-side-v21 .pet-tip-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .pet-form-v21 .pet-section-title {
        align-items: flex-start !important;
    }

    .pet-form-v21 .pet-section-title p {
        text-align: left !important;
    }
}

@media (max-width: 720px) {
    .pet-start-v21-page.pet-page {
        width: min(100% - 20px, 640px) !important;
        padding-top: 16px !important;
    }

    .pet-topbar-v21.pet-topbar-v20,
    .pet-form-v21 .pet-section-title,
    .pet-submit-v21.pet-submit {
        display: grid !important;
        align-items: stretch !important;
    }

    .pet-start-hero-v21 .pet-hero-copy,
    .pet-start-hero-v21 .pet-care-hero-card-v21,
    .pet-form-v21.pet-form,
    .pet-form-v21 .pet-section,
    .pet-side-v21 .pet-side-card {
        padding: 17px !important;
        border-radius: 20px !important;
    }

    .pet-start-hero-v21 .pet-hero-copy,
    .pet-start-hero-v21 .pet-care-hero-card-v21 {
        min-height: 0 !important;
    }

    .pet-start-hero-v21 .pet-hero-copy h1 {
        font-size: 36px !important;
    }

    .pet-form-v21 .pet-form-head h2,
    .pet-form-v21 .pet-section-title h3 {
        font-size: 28px !important;
    }

    .pet-care-strip-v21.pet-research-strip,
    .pet-choice-grid-v21.pet-choice-grid,
    .pet-checkbox-grid-v21.pet-checkbox-grid,
    .pet-side-v21 .pet-factor-list,
    .pet-side-v21 .pet-tip-list {
        grid-template-columns: 1fr !important;
    }

    .pet-form-v21 input,
    .pet-form-v21 select,
    .pet-form-v21 textarea {
        min-height: 48px !important;
        font-size: 14px !important;
    }

    .pet-submit-v21 .pet-btn.primary,
    .pet-start-v21 .pet-btn {
        width: 100% !important;
    }
}

/* v22: pet care match request four-step wizard */
.pet-start-v22 {
    --pet22-ink: #12332d;
    --pet22-muted: #657b76;
    --pet22-line: #d7e7e2;
    --pet22-soft: #f4faf8;
    --pet22-primary: #0f8f72;
    --pet22-primary-dark: #08715b;
    background: linear-gradient(180deg, #f4faf8 0, #fbfdfc 38%, #f3f8f7 100%);
    color: var(--pet22-ink);
    font-family: "Noto Sans TC", sans-serif;
}

.pet-start-v22 .solo-global-header,
.pet-start-v22 .site-header,
.pet-start-v22 .navbar {
    position: relative !important;
    top: auto !important;
}

.pet-match-page-v22 {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 24px 0 64px;
}

.pet-match-header-v22,
.pet-match-intro-v22,
.pet-match-workspace-v22,
.pet-match-info-v22 {
    animation: pet22Fade .35s ease both;
}

@keyframes pet22Fade {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.pet-match-header-v22 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.pet-match-back-v22 {
    color: #08735d;
    font-weight: 900;
    text-decoration: none;
}

.pet-match-back-v22:hover { color: #075e4c; }

.pet-match-stage-v22 {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--pet22-muted);
    font-size: 14px;
}

.pet-match-stage-v22 span,
.pet-match-stage-v22 b {
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid var(--pet22-line);
    background: #fff;
}

.pet-match-stage-v22 b {
    color: #a16207;
    background: #fffbeb;
    border-color: #fde7aa;
}

.pet-match-alert-v22 { margin: 0 0 14px; }

.pet-match-intro-v22 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 24px;
    align-items: center;
    padding: 30px 32px;
    border: 1px solid var(--pet22-line);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(16, 51, 45, .07);
}

.pet-match-kicker-v22,
.pet-match-panel-head-v22 span {
    color: #08735d;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .12em;
}

.pet-match-intro-v22 h1 {
    margin: 8px 0 10px;
    font-size: clamp(34px, 4.2vw, 54px);
    line-height: 1.08;
    letter-spacing: -.04em;
    font-weight: 950;
}

.pet-match-intro-v22 p {
    max-width: 760px;
    margin: 0;
    color: var(--pet22-muted);
    font-size: 16px;
    line-height: 1.75;
}

.pet-match-state-v22 {
    display: grid;
    gap: 5px;
    padding: 20px;
    border: 1px solid #bde3d8;
    border-radius: 22px;
    background: #effaf6;
}

.pet-match-state-v22 strong {
    color: #08735d;
    font-size: 13px;
}

.pet-match-state-v22 span {
    font-size: 24px;
    font-weight: 950;
}

.pet-match-state-v22 small {
    color: var(--pet22-muted);
    line-height: 1.55;
}

.pet-match-workspace-v22 {
    margin-top: 16px;
    border: 1px solid var(--pet22-line);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(16, 51, 45, .07);
    overflow: hidden;
}

.pet-match-steps-v22 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding: 12px;
    background: #fbfdfc;
    border-bottom: 1px solid var(--pet22-line);
}

.pet-match-step-v22 {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 12px 14px;
    border: 0;
    border-radius: 17px;
    background: transparent;
    color: #68807a;
    text-align: left;
}

.pet-match-step-v22:not(:disabled) { cursor: pointer; }
.pet-match-step-v22:disabled { opacity: .62; }

.pet-match-step-v22 > b {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--pet22-line);
    border-radius: 12px;
    background: #fff;
    color: #6c807b;
}

.pet-match-step-v22 span,
.pet-match-step-v22 strong,
.pet-match-step-v22 small { display: block; min-width: 0; }

.pet-match-step-v22 strong {
    color: inherit;
    font-size: 14px;
    font-weight: 950;
    white-space: nowrap;
}

.pet-match-step-v22 small {
    margin-top: 2px;
    font-size: 11px;
    white-space: nowrap;
}

.pet-match-step-v22.is-active {
    background: #e8f7f2;
    color: #08735d;
}

.pet-match-step-v22.is-active > b,
.pet-match-step-v22.is-complete > b {
    border-color: var(--pet22-primary);
    background: var(--pet22-primary);
    color: #fff;
}

.pet-match-progress-v22 {
    height: 3px;
    background: #edf4f2;
}

.pet-match-progress-v22 span {
    display: block;
    width: 25%;
    height: 100%;
    background: var(--pet22-primary);
    transition: width .25s ease;
}

.pet-match-form-v22 { padding: 28px 30px 30px; }

.pet-match-panel-v22[hidden] { display: none !important; }
.pet-match-panel-v22.is-active { animation: pet22Panel .25s ease both; }

@keyframes pet22Panel {
    from { opacity: 0; transform: translateX(8px); }
    to { opacity: 1; transform: translateX(0); }
}

.pet-match-panel-head-v22 {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--pet22-line);
}

.pet-match-panel-head-v22 h2 {
    margin: 4px 0 0;
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: -.03em;
}

.pet-match-panel-head-v22 p {
    max-width: 430px;
    margin: 0;
    color: var(--pet22-muted);
    line-height: 1.6;
    text-align: right;
}

.pet-match-grid-v22 { display: grid; gap: 14px; }
.pet-match-grid-2-v22 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pet-match-grid-3-v22 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pet-match-span-2-v22 { grid-column: span 2; }

.pet-match-field-v22 {
    display: grid;
    gap: 7px;
    margin: 0;
    color: var(--pet22-ink);
    font-size: 14px;
    font-weight: 900;
}

.pet-match-field-v22 > span { display: flex; align-items: center; gap: 6px; }
.pet-match-field-v22 em,
.pet-match-fieldset-v22 legend em {
    color: #b45309;
    font-size: 11px;
    font-style: normal;
}

.pet-match-field-v22 input,
.pet-match-field-v22 select,
.pet-match-field-v22 textarea {
    width: 100%;
    min-height: 52px;
    padding: 12px 14px;
    border: 1px solid #cfdfda;
    border-radius: 15px;
    background: #fff;
    color: var(--pet22-ink);
    font: inherit;
    font-weight: 700;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.pet-match-field-v22 textarea {
    min-height: 98px;
    resize: vertical;
    line-height: 1.6;
}

.pet-match-field-v22 input:focus,
.pet-match-field-v22 select:focus,
.pet-match-field-v22 textarea:focus {
    border-color: var(--pet22-primary);
    box-shadow: 0 0 0 4px rgba(15, 143, 114, .11);
    background: #fcfffe;
}

.pet-match-field-v22 input::placeholder,
.pet-match-field-v22 textarea::placeholder { color: #8aa09b; font-weight: 600; }

.pet-match-fieldset-v22 {
    margin: 0 0 18px;
    padding: 0;
    border: 0;
}

.pet-match-fieldset-v22 legend {
    float: none;
    width: auto;
    margin: 0 0 11px;
    color: var(--pet22-ink);
    font-size: 15px;
    font-weight: 950;
}

.pet-match-pet-types-v22 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.pet-match-pet-type-v22 {
    position: relative;
    display: block;
    min-height: 96px;
    margin: 0;
    cursor: pointer;
}

.pet-match-pet-type-v22 input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.pet-match-pet-type-v22 > span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 96px;
    padding: 15px;
    border: 1px solid var(--pet22-line);
    border-radius: 18px;
    background: var(--pet22-soft);
    transition: .18s ease;
}

.pet-match-pet-type-v22 b,
.pet-match-pet-type-v22 small { display: block; }
.pet-match-pet-type-v22 b { font-size: 17px; font-weight: 950; }
.pet-match-pet-type-v22 small { margin-top: 5px; color: var(--pet22-muted); line-height: 1.45; }

.pet-match-pet-type-v22 input:checked + span {
    border-color: #62cdb2;
    background: #eafaf5;
    box-shadow: inset 0 0 0 1px #62cdb2;
}

.pet-match-task-grid-v22,
.pet-match-alert-grid-v22 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
}

.pet-match-alert-grid-v22 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.pet-match-check-v22 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 50px;
    margin: 0;
    padding: 11px 12px;
    border: 1px solid var(--pet22-line);
    border-radius: 15px;
    background: var(--pet22-soft);
    color: var(--pet22-ink);
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
}

.pet-match-check-v22 input {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    accent-color: var(--pet22-primary);
}

.pet-match-check-v22:has(input:checked) {
    border-color: #64cdb3;
    background: #eafaf5;
}

.pet-match-group-error-v22 {
    margin: 8px 0 0;
    color: #b42318;
    font-size: 13px;
    font-weight: 800;
}

.pet-match-details-v22,
.pet-match-info-v22 details {
    border: 1px solid var(--pet22-line);
    border-radius: 18px;
    background: #fbfdfc;
}

.pet-match-details-v22 { margin: 0 0 16px; }

.pet-match-details-v22 summary,
.pet-match-info-v22 summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 15px 17px;
    color: #08735d;
    font-weight: 950;
    cursor: pointer;
    list-style: none;
}

.pet-match-details-v22 summary::-webkit-details-marker,
.pet-match-info-v22 summary::-webkit-details-marker { display: none; }

.pet-match-details-v22 summary::after,
.pet-match-info-v22 summary::after {
    content: "+";
    font-size: 22px;
    line-height: 1;
}

.pet-match-details-v22[open] summary::after,
.pet-match-info-v22 details[open] summary::after { content: "−"; }

.pet-match-detail-body-v22 {
    padding: 0 17px 17px;
}

.pet-match-report-row-v22 { margin-top: 16px; }
.pet-match-memo-v22 { margin-top: 18px; }

.pet-match-review-v22 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr);
    gap: 14px;
    align-items: stretch;
    margin-top: 18px;
}

.pet-match-review-v22 > div,
.pet-match-confirm-v22 {
    padding: 17px 18px;
    border-radius: 18px;
}

.pet-match-review-v22 > div {
    display: grid;
    gap: 4px;
    border: 1px solid #bde3d8;
    background: #effaf6;
}

.pet-match-review-v22 > div span { color: #08735d; font-size: 12px; font-weight: 950; }
.pet-match-review-v22 > div strong { font-size: 19px; font-weight: 950; }
.pet-match-review-v22 > div small { color: var(--pet22-muted); line-height: 1.5; }

.pet-match-confirm-v22 {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    border: 1px solid #f4d49d;
    background: #fffaf0;
    color: #74440b;
    font-weight: 800;
    line-height: 1.55;
    cursor: pointer;
}

.pet-match-confirm-v22 input {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-top: 2px;
    accent-color: var(--pet22-primary);
}

.pet-match-actions-v22 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--pet22-line);
}

.pet-match-step-hint-v22 {
    margin-right: auto;
    color: var(--pet22-muted);
    font-size: 13px;
}

.pet-match-next-v22,
.pet-match-submit-v22,
.pet-match-back-step-v22 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 15px;
    font: inherit;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
}

.pet-match-next-v22,
.pet-match-submit-v22 {
    border: 1px solid var(--pet22-primary);
    background: var(--pet22-primary);
    color: #fff;
    box-shadow: 0 10px 22px rgba(15, 143, 114, .18);
}

.pet-match-next-v22:hover,
.pet-match-submit-v22:hover { background: var(--pet22-primary-dark); color: #fff; }

.pet-match-back-step-v22 {
    border: 1px solid var(--pet22-line);
    background: #fff;
    color: #48615b;
}

.pet-match-back-step-v22:hover { background: var(--pet22-soft); }
.pet-match-login-note-v22 { margin: 10px 0 0; color: #a16207; text-align: right; }

.pet-match-info-v22 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.pet-match-info-v22 details { background: #fff; }
.pet-match-info-v22 summary b { color: #435d57; font-size: 13px; }
.pet-match-info-v22 details > p,
.pet-match-info-v22 details > ul,
.pet-match-factor-grid-v22 {
    margin: 0;
    padding: 0 17px 17px;
    color: var(--pet22-muted);
    line-height: 1.65;
}

.pet-match-info-v22 ul { padding-left: 34px !important; }
.pet-match-info-v22 li + li { margin-top: 7px; }
.pet-match-factor-grid-v22 { display: grid; gap: 8px; }
.pet-match-factor-grid-v22 article { padding: 10px 12px; border-radius: 13px; background: var(--pet22-soft); }
.pet-match-factor-grid-v22 strong,
.pet-match-factor-grid-v22 span { display: block; }
.pet-match-factor-grid-v22 strong { color: var(--pet22-ink); }
.pet-match-factor-grid-v22 span { margin-top: 3px; font-size: 13px; }

@media (max-width: 980px) {
    .pet-match-page-v22 { width: min(100% - 28px, 860px); }
    .pet-match-intro-v22,
    .pet-match-review-v22 { grid-template-columns: 1fr; }
    .pet-match-grid-3-v22 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pet-match-pet-types-v22 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pet-match-task-grid-v22 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pet-match-alert-grid-v22 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pet-match-info-v22 { grid-template-columns: 1fr; }
    .pet-match-panel-head-v22 { align-items: flex-start; }
    .pet-match-panel-head-v22 p { text-align: left; }
    .pet-match-step-v22 small { display: none; }
}

@media (max-width: 680px) {
    .pet-match-page-v22 { width: min(100% - 18px, 620px); padding-top: 14px; }
    .pet-match-header-v22 { align-items: flex-start; }
    .pet-match-stage-v22 { display: none; }
    .pet-match-intro-v22 { padding: 22px 20px; border-radius: 22px; }
    .pet-match-intro-v22 h1 { font-size: 34px; }
    .pet-match-workspace-v22 { border-radius: 22px; }
    .pet-match-steps-v22 { grid-template-columns: repeat(4, 1fr); padding: 8px; }
    .pet-match-step-v22 { grid-template-columns: 1fr; justify-items: center; padding: 9px 4px; text-align: center; }
    .pet-match-step-v22 > b { width: 32px; height: 32px; }
    .pet-match-step-v22 span { display: none; }
    .pet-match-form-v22 { padding: 20px 16px 22px; }
    .pet-match-panel-head-v22 { display: block; }
    .pet-match-panel-head-v22 p { margin-top: 8px; }
    .pet-match-grid-2-v22,
    .pet-match-grid-3-v22,
    .pet-match-pet-types-v22,
    .pet-match-task-grid-v22,
    .pet-match-alert-grid-v22 { grid-template-columns: 1fr; }
    .pet-match-span-2-v22 { grid-column: auto; }
    .pet-match-pet-type-v22,
    .pet-match-pet-type-v22 > span { min-height: 78px; }
    .pet-match-actions-v22 { display: grid; grid-template-columns: 1fr; }
    .pet-match-step-hint-v22 { margin: 0; text-align: center; }
    .pet-match-next-v22,
    .pet-match-submit-v22,
    .pet-match-back-step-v22 { width: 100%; }
    .pet-match-final-actions-v22 .pet-match-back-step-v22 { order: 2; }
    .pet-match-login-note-v22 { text-align: left; }
}

/* v23: compact pet care match request workspace */
.pet-start-v23 {
    --pet23-ink: #16362f;
    --pet23-muted: #667b76;
    --pet23-line: #d8e5e1;
    --pet23-soft: #f5f9f8;
    --pet23-primary: #0c8a70;
    --pet23-primary-dark: #086c59;
    background: #f5f9f8 !important;
}

.pet-start-v23 .pet-match-page-v22 {
    width: min(1120px, calc(100% - 36px));
    padding: 18px 0 46px;
}

.pet-start-v23 .pet-match-header-v22 {
    margin-bottom: 10px;
}

.pet-start-v23 .pet-match-back-v22 {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 4px;
    font-size: 14px;
}

.pet-start-v23 .pet-match-stage-v22 {
    gap: 8px;
}

.pet-start-v23 .pet-match-stage-v22 span,
.pet-start-v23 .pet-match-stage-v22 b {
    padding: 6px 10px;
    font-size: 12px;
}

.pet-start-v23 .pet-match-intro-v22 {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
    gap: 22px;
    padding: 22px 24px;
    border-radius: 20px;
    border-color: var(--pet23-line);
    box-shadow: 0 10px 28px rgba(29, 66, 57, .055);
}

.pet-start-v23 .pet-match-kicker-v22 {
    font-size: 11px;
    letter-spacing: .14em;
}

.pet-start-v23 .pet-match-intro-v22 h1 {
    margin: 5px 0 6px;
    font-size: clamp(30px, 3.6vw, 43px);
    line-height: 1.12;
    letter-spacing: -.035em;
}

.pet-start-v23 .pet-match-intro-v22 p {
    max-width: 720px;
    font-size: 15px;
    line-height: 1.65;
}

.pet-start-v23 .pet-match-state-v22 {
    align-self: center;
    gap: 2px;
    padding: 14px 16px;
    border-radius: 16px;
    background: #f2faf7;
    border-color: #c6e5db;
}

.pet-start-v23 .pet-match-state-v22 strong {
    font-size: 11px;
    letter-spacing: .08em;
}

.pet-start-v23 .pet-match-state-v22 span {
    font-size: 18px;
    line-height: 1.35;
}

.pet-start-v23 .pet-match-state-v22 small {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.5;
}

.pet-start-v23 .pet-match-workspace-v22 {
    margin-top: 12px;
    border-radius: 20px;
    border-color: var(--pet23-line);
    box-shadow: 0 12px 32px rgba(29, 66, 57, .06);
}

.pet-start-v23 .pet-match-steps-v22 {
    padding: 0 18px;
    background: #fff;
}

.pet-start-v23 .pet-match-step-v22 {
    position: relative;
    min-height: 68px;
    padding: 13px 10px;
    border-radius: 0;
}

.pet-start-v23 .pet-match-step-v22::after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: -1px;
    left: 10px;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: transparent;
}

.pet-start-v23 .pet-match-step-v22.is-active {
    background: transparent;
    color: var(--pet23-primary-dark);
}

.pet-start-v23 .pet-match-step-v22.is-active::after {
    background: var(--pet23-primary);
}

.pet-start-v23 .pet-match-step-v22 > b {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    font-size: 13px;
}

.pet-start-v23 .pet-match-step-v22 strong {
    font-size: 13px;
}

.pet-start-v23 .pet-match-step-v22 small {
    font-size: 10px;
}

.pet-start-v23 .pet-match-progress-v22 {
    display: none;
}

.pet-start-v23 .pet-match-form-v22 {
    padding: 24px 26px 26px;
}

.pet-start-v23 .pet-match-panel-head-v22 {
    align-items: center;
    padding-bottom: 13px;
    margin-bottom: 16px;
}

.pet-start-v23 .pet-match-panel-head-v22 h2 {
    margin-top: 3px;
    font-size: clamp(26px, 2.8vw, 34px);
}

.pet-start-v23 .pet-match-panel-head-v22 p {
    max-width: 390px;
    font-size: 14px;
}

.pet-start-v23 .pet-match-grid-v22 {
    gap: 12px;
}

.pet-start-v23 .pet-match-field-v22 {
    gap: 6px;
    font-size: 13px;
}

.pet-start-v23 .pet-match-field-v22 input,
.pet-start-v23 .pet-match-field-v22 select,
.pet-start-v23 .pet-match-field-v22 textarea {
    min-height: 48px;
    padding: 10px 13px;
    border-radius: 12px;
    border-color: #d3e0dc;
    font-weight: 650;
}

.pet-start-v23 .pet-match-field-v22 textarea {
    min-height: 88px;
}

.pet-start-v23 .pet-match-fieldset-v22 {
    margin-bottom: 15px;
}

.pet-start-v23 .pet-match-pet-types-v22 {
    gap: 8px;
}

.pet-start-v23 .pet-match-pet-type-v22,
.pet-start-v23 .pet-match-pet-type-v22 > span {
    min-height: 82px;
}

.pet-start-v23 .pet-match-pet-type-v22 > span {
    padding: 13px;
    border-radius: 14px;
}

.pet-start-v23 .pet-match-pet-type-v22 b {
    font-size: 15px;
}

.pet-start-v23 .pet-match-pet-type-v22 small {
    font-size: 11px;
}

.pet-start-v23 .pet-match-task-grid-v22,
.pet-start-v23 .pet-match-alert-grid-v22 {
    gap: 8px;
}

.pet-start-v23 .pet-match-check-v22 {
    min-height: 46px;
    padding: 9px 11px;
    border-radius: 12px;
    font-size: 12px;
}

.pet-start-v23 .pet-match-details-v22 {
    margin-bottom: 13px;
    border-radius: 14px;
}

.pet-start-v23 .pet-match-details-v22 summary {
    padding: 12px 14px;
    font-size: 13px;
}

.pet-start-v23 .pet-match-detail-body-v22 {
    padding: 0 14px 14px;
}

.pet-start-v23 .pet-match-review-v22 {
    grid-template-columns: 1fr;
    gap: 10px;
}

.pet-start-v23 .pet-match-review-v22 > div,
.pet-start-v23 .pet-match-confirm-v22 {
    padding: 14px 15px;
    border-radius: 14px;
}

.pet-start-v23 .pet-match-actions-v22 {
    margin-top: 20px;
    padding-top: 15px;
}

.pet-start-v23 .pet-match-next-v22,
.pet-start-v23 .pet-match-submit-v22,
.pet-start-v23 .pet-match-back-step-v22 {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 12px;
    font-size: 14px;
}

.pet-start-v23 .pet-match-next-v22,
.pet-start-v23 .pet-match-submit-v22 {
    box-shadow: 0 8px 18px rgba(12, 138, 112, .15);
}

/* Help content is one compact accordion instead of three tall columns. */
.pet-start-v23 .pet-match-info-v22 {
    display: block;
    margin-top: 12px;
    border: 1px solid var(--pet23-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(29, 66, 57, .045);
    overflow: hidden;
}

.pet-start-v23 .pet-match-info-v22 details {
    border: 0;
    border-radius: 0;
    background: #fff;
}

.pet-start-v23 .pet-match-info-v22 details + details {
    border-top: 1px solid var(--pet23-line);
}

.pet-start-v23 .pet-match-info-v22 summary {
    min-height: 50px;
    padding: 12px 16px;
    font-size: 13px;
}

.pet-start-v23 .pet-match-info-v22 summary b {
    margin-left: auto;
    color: #58706a;
    font-size: 12px;
}

.pet-start-v23 .pet-match-info-v22 details[open] summary {
    background: #f5faf8;
}

.pet-start-v23 .pet-match-info-v22 details > p,
.pet-start-v23 .pet-match-info-v22 details > ul,
.pet-start-v23 .pet-match-info-v22 .pet-match-factor-grid-v22 {
    padding: 0 16px 15px;
    font-size: 13px;
}

.pet-start-v23 .pet-match-factor-grid-v22 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.pet-start-v23 .pet-match-factor-grid-v22 article {
    padding: 10px;
    border-radius: 10px;
}

.pet-start-v23 .pet-match-info-v22 ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 24px;
    padding-left: 34px !important;
}

.pet-start-v23 .pet-match-info-v22 li + li {
    margin-top: 0;
}

@media (max-width: 980px) {
    .pet-start-v23 .pet-match-page-v22 {
        width: min(100% - 26px, 860px);
    }

    .pet-start-v23 .pet-match-intro-v22 {
        grid-template-columns: 1fr;
    }

    .pet-start-v23 .pet-match-state-v22 {
        grid-template-columns: auto 1fr;
        align-items: center;
    }

    .pet-start-v23 .pet-match-state-v22 small {
        grid-column: 1 / -1;
    }

    .pet-start-v23 .pet-match-factor-grid-v22 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .pet-start-v23 .pet-match-page-v22 {
        width: min(100% - 16px, 620px);
        padding-top: 12px;
    }

    .pet-start-v23 .pet-match-intro-v22 {
        gap: 14px;
        padding: 18px;
        border-radius: 16px;
    }

    .pet-start-v23 .pet-match-intro-v22 h1 {
        font-size: 29px;
    }

    .pet-start-v23 .pet-match-workspace-v22 {
        border-radius: 16px;
    }

    .pet-start-v23 .pet-match-steps-v22 {
        padding: 0 6px;
    }

    .pet-start-v23 .pet-match-step-v22 {
        min-height: 56px;
        padding: 10px 3px;
    }

    .pet-start-v23 .pet-match-step-v22 > b {
        width: 30px;
        height: 30px;
    }

    .pet-start-v23 .pet-match-form-v22 {
        padding: 18px 14px 20px;
    }

    .pet-start-v23 .pet-match-info-v22 ul,
    .pet-start-v23 .pet-match-factor-grid-v22 {
        grid-template-columns: 1fr;
    }
}

/* v24: focused member-side pet care request wizard */
.pet-start-v24 {
    --pet24-ink: #173c34;
    --pet24-muted: #687d77;
    --pet24-line: #d9e5e1;
    --pet24-soft: #f3f8f6;
    --pet24-soft-strong: #e6f4ef;
    --pet24-primary: #0b8d72;
    --pet24-primary-dark: #076d59;
    background:
        radial-gradient(circle at 10% 7%, rgba(91, 202, 166, .10), transparent 28%),
        radial-gradient(circle at 92% 3%, rgba(244, 191, 91, .08), transparent 23%),
        #f4f8f7 !important;
}

.pet-start-v24 .pet-match-page-v22 {
    width: min(1220px, calc(100% - 40px));
    padding: 20px 0 54px;
}

.pet-start-v24 .pet-match-header-v22 {
    min-height: 38px;
    margin-bottom: 12px;
}

.pet-start-v24 .pet-match-back-v22 {
    min-height: 36px;
    padding: 0;
    font-size: 14px;
    font-weight: 850;
}

.pet-start-v24 .pet-match-stage-v22 {
    gap: 7px;
}

.pet-start-v24 .pet-match-stage-v22 span,
.pet-start-v24 .pet-match-stage-v22 b {
    min-height: 32px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    border-radius: 999px;
}

.pet-start-v24 .pet-match-intro-v22 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 270px;
    gap: 22px;
    align-items: center;
    padding: 20px 22px;
    border: 1px solid var(--pet24-line);
    border-radius: 20px;
    background: rgba(255,255,255,.93);
    box-shadow: 0 12px 34px rgba(33, 73, 63, .055);
}

.pet-start-v24 .pet-match-title-v24 {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 17px;
    align-items: center;
}

.pet-start-v24 .pet-match-icon-v24 {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: linear-gradient(145deg, #0c9a7b, #08705d);
    color: #fff;
    font-size: 20px;
    font-weight: 950;
    box-shadow: 0 12px 24px rgba(11, 141, 114, .18);
}

.pet-start-v24 .pet-match-kicker-v22 {
    display: inline-flex;
    margin: 0 0 3px;
    color: var(--pet24-primary-dark);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .12em;
}

.pet-start-v24 .pet-match-intro-v22 h1 {
    margin: 0;
    color: var(--pet24-ink);
    font-size: clamp(30px, 3vw, 39px);
    line-height: 1.14;
    letter-spacing: -.035em;
}

.pet-start-v24 .pet-match-intro-v22 p {
    max-width: 760px;
    margin: 7px 0 0;
    color: var(--pet24-muted);
    font-size: 14px;
    line-height: 1.65;
}

.pet-start-v24 .pet-match-state-v22 {
    display: grid;
    gap: 2px;
    align-self: stretch;
    align-content: center;
    padding: 14px 16px;
    border: 1px solid #c8e3da;
    border-radius: 16px;
    background: #eff9f5;
}

.pet-start-v24 .pet-match-state-v22 strong {
    color: #13836b;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .08em;
}

.pet-start-v24 .pet-match-state-v22 span {
    color: var(--pet24-ink);
    font-size: 20px;
    font-weight: 950;
}

.pet-start-v24 .pet-match-state-v22 small {
    color: var(--pet24-muted);
    font-size: 12px;
    line-height: 1.5;
}

.pet-start-v24 .pet-match-workspace-v22 {
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr);
    gap: 16px;
    margin-top: 16px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.pet-start-v24 .pet-match-sidebar-v24,
.pet-start-v24 .pet-match-main-v24 {
    border: 1px solid var(--pet24-line);
    border-radius: 20px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 12px 34px rgba(33, 73, 63, .055);
}

.pet-start-v24 .pet-match-sidebar-v24 {
    align-self: start;
    overflow: hidden;
}

.pet-start-v24 .pet-match-sidebar-head-v24 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 16px 12px;
    border-bottom: 1px solid var(--pet24-line);
}

.pet-start-v24 .pet-match-sidebar-head-v24 span,
.pet-start-v24 .pet-match-sidebar-head-v24 strong,
.pet-start-v24 .pet-match-sidebar-head-v24 small {
    display: block;
}

.pet-start-v24 .pet-match-sidebar-head-v24 span {
    color: var(--pet24-muted);
    font-size: 11px;
    font-weight: 850;
}

.pet-start-v24 .pet-match-sidebar-head-v24 strong {
    margin-top: 1px;
    color: var(--pet24-ink);
    font-size: 18px;
    font-weight: 950;
}

.pet-start-v24 .pet-match-sidebar-head-v24 small {
    color: #8b9c97;
    font-size: 10px;
}

.pet-start-v24 .pet-match-steps-v22 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 10px;
    background: transparent;
}

.pet-start-v24 .pet-match-step-v22 {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 58px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: #738681;
    text-align: left;
}

.pet-start-v24 .pet-match-step-v22::after {
    display: none;
}

.pet-start-v24 .pet-match-step-v22:hover:not(:disabled) {
    background: #f7faf9;
}

.pet-start-v24 .pet-match-step-v22.is-active {
    border-color: #b8ded2;
    background: var(--pet24-soft-strong);
    color: var(--pet24-primary-dark);
}

.pet-start-v24 .pet-match-step-v22.is-complete {
    color: #3d6259;
}

.pet-start-v24 .pet-match-step-v22:disabled {
    opacity: .62;
    cursor: default;
}

.pet-start-v24 .pet-match-step-v22 > b {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid #d5e2de;
    border-radius: 11px;
    background: #fff;
    color: #71847f;
    font-size: 13px;
    font-weight: 950;
}

.pet-start-v24 .pet-match-step-v22.is-active > b {
    border-color: var(--pet24-primary);
    background: var(--pet24-primary);
    color: #fff;
}

.pet-start-v24 .pet-match-step-v22.is-complete > b {
    border-color: #b9dbd1;
    color: var(--pet24-primary-dark);
}

.pet-start-v24 .pet-match-step-v22 strong {
    display: block;
    color: inherit;
    font-size: 13px;
    line-height: 1.35;
}

.pet-start-v24 .pet-match-step-v22 small {
    display: block;
    margin-top: 2px;
    color: #8a9a96;
    font-size: 10px;
    line-height: 1.35;
}

.pet-start-v24 .pet-match-stage-card-v24 {
    display: grid;
    gap: 3px;
    margin: 0 10px 10px;
    padding: 12px;
    border: 1px solid #efdcae;
    border-radius: 13px;
    background: #fffaf0;
}

.pet-start-v24 .pet-match-stage-card-v24 span {
    color: #9a640b;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .06em;
}

.pet-start-v24 .pet-match-stage-card-v24 strong {
    color: #67430a;
    font-size: 13px;
    line-height: 1.45;
}

.pet-start-v24 .pet-match-stage-card-v24 small {
    color: #8b7149;
    font-size: 10px;
    line-height: 1.5;
}

.pet-start-v24 .pet-match-info-v22 {
    display: block;
    margin: 0;
    border: 0;
    border-top: 1px solid var(--pet24-line);
    border-radius: 0;
    box-shadow: none;
}

.pet-start-v24 .pet-match-info-v22 details {
    border: 0;
    border-radius: 0;
    background: #fff;
}

.pet-start-v24 .pet-match-info-v22 details + details {
    border-top: 1px solid var(--pet24-line);
}

.pet-start-v24 .pet-match-info-v22 summary {
    min-height: 43px;
    padding: 10px 14px;
    color: var(--pet24-primary-dark);
    font-size: 11px;
}

.pet-start-v24 .pet-match-info-v22 summary b {
    max-width: 105px;
    overflow: hidden;
    color: #667b75;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pet-start-v24 .pet-match-info-v22 summary::after {
    font-size: 17px;
}

.pet-start-v24 .pet-match-info-v22 details[open] summary {
    background: #f5faf8;
}

.pet-start-v24 .pet-match-info-v22 details > p,
.pet-start-v24 .pet-match-info-v22 details > ul,
.pet-start-v24 .pet-match-info-v22 .pet-match-factor-grid-v22 {
    padding: 0 14px 13px;
    color: var(--pet24-muted);
    font-size: 11px;
    line-height: 1.55;
}

.pet-start-v24 .pet-match-info-v22 ul {
    display: block;
    padding-left: 28px !important;
}

.pet-start-v24 .pet-match-info-v22 li + li {
    margin-top: 5px;
}

.pet-start-v24 .pet-match-factor-grid-v22 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
}

.pet-start-v24 .pet-match-factor-grid-v22 article {
    padding: 8px 9px;
    border-radius: 9px;
    background: var(--pet24-soft);
}

.pet-start-v24 .pet-match-main-v24 {
    min-width: 0;
    overflow: hidden;
}

.pet-start-v24 .pet-match-progress-v22 {
    display: block;
    height: 3px;
    background: #e7efec;
}

.pet-start-v24 .pet-match-progress-v22 span {
    background: var(--pet24-primary);
}

.pet-start-v24 .pet-match-form-v22 {
    padding: 24px 26px 26px;
}

.pet-start-v24 .pet-match-panel-head-v22 {
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
    padding-bottom: 14px;
}

.pet-start-v24 .pet-match-panel-head-v22 > div > span {
    color: var(--pet24-primary-dark);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .12em;
}

.pet-start-v24 .pet-match-panel-head-v22 h2 {
    margin-top: 3px;
    color: var(--pet24-ink);
    font-size: clamp(25px, 2.5vw, 32px);
    line-height: 1.18;
}

.pet-start-v24 .pet-match-panel-head-v22 p {
    max-width: 330px;
    color: var(--pet24-muted);
    font-size: 12px;
    line-height: 1.55;
}

.pet-start-v24 .pet-match-grid-v22 {
    gap: 12px;
}

.pet-start-v24 .pet-match-span-3-v24 {
    grid-column: 1 / -1;
}

.pet-start-v24 .pet-match-field-v22 {
    gap: 6px;
    font-size: 12px;
}

.pet-start-v24 .pet-match-field-v22 > span {
    min-height: 18px;
}

.pet-start-v24 .pet-match-field-v22 input,
.pet-start-v24 .pet-match-field-v22 select,
.pet-start-v24 .pet-match-field-v22 textarea {
    min-height: 46px;
    padding: 9px 12px;
    border-radius: 11px;
    border-color: #d1dfdb;
    font-size: 14px;
    font-weight: 700;
}

.pet-start-v24 .pet-match-field-v22 textarea {
    min-height: 84px;
}

.pet-start-v24 .pet-match-pet-types-v22 {
    gap: 8px;
}

.pet-start-v24 .pet-match-pet-type-v22,
.pet-start-v24 .pet-match-pet-type-v22 > span {
    min-height: 76px;
}

.pet-start-v24 .pet-match-pet-type-v22 > span {
    padding: 11px;
    border-radius: 12px;
}

.pet-start-v24 .pet-match-pet-type-v22 b {
    font-size: 14px;
}

.pet-start-v24 .pet-match-pet-type-v22 small {
    font-size: 10px;
}

.pet-start-v24 .pet-match-task-grid-v22,
.pet-start-v24 .pet-match-alert-grid-v22 {
    gap: 7px;
}

.pet-start-v24 .pet-match-check-v22 {
    min-height: 43px;
    padding: 8px 10px;
    border-radius: 11px;
    font-size: 12px;
}

.pet-start-v24 .pet-match-details-v22 {
    margin-bottom: 12px;
    border-radius: 12px;
}

.pet-start-v24 .pet-match-details-v22 summary {
    min-height: 43px;
    padding: 10px 12px;
    font-size: 12px;
}

.pet-start-v24 .pet-match-detail-body-v22 {
    padding: 0 12px 12px;
}

.pet-start-v24 .pet-match-review-v22 {
    gap: 9px;
    margin-top: 14px;
}

.pet-start-v24 .pet-match-review-v22 > div,
.pet-start-v24 .pet-match-confirm-v22 {
    padding: 12px 13px;
    border-radius: 12px;
}

.pet-start-v24 .pet-match-review-v22 > div strong {
    font-size: 16px;
}

.pet-start-v24 .pet-match-actions-v22 {
    margin-top: 20px;
    padding-top: 15px;
}

.pet-start-v24 .pet-match-next-v22,
.pet-start-v24 .pet-match-submit-v22,
.pet-start-v24 .pet-match-back-step-v22 {
    min-height: 44px;
    padding: 0 17px;
    border-radius: 11px;
    font-size: 13px;
}

.pet-start-v24 .pet-match-next-v22,
.pet-start-v24 .pet-match-submit-v22 {
    box-shadow: 0 8px 18px rgba(11, 141, 114, .14);
}

@media (max-width: 980px) {
    .pet-start-v24 .pet-match-page-v22 {
        width: min(100% - 26px, 860px);
    }

    .pet-start-v24 .pet-match-intro-v22 {
        grid-template-columns: 1fr;
    }

    .pet-start-v24 .pet-match-state-v22 {
        grid-template-columns: auto 1fr;
        align-items: center;
    }

    .pet-start-v24 .pet-match-state-v22 small {
        grid-column: 1 / -1;
    }

    .pet-start-v24 .pet-match-workspace-v22 {
        grid-template-columns: 1fr;
    }

    .pet-start-v24 .pet-match-sidebar-v24 {
        display: grid;
        grid-template-columns: 1fr;
    }

    .pet-start-v24 .pet-match-sidebar-head-v24,
    .pet-start-v24 .pet-match-stage-card-v24 {
        display: none;
    }

    .pet-start-v24 .pet-match-steps-v22 {
        grid-template-columns: repeat(4, 1fr);
        gap: 4px;
        padding: 8px;
    }

    .pet-start-v24 .pet-match-step-v22 {
        grid-template-columns: 30px 1fr;
        min-height: 52px;
        padding: 7px;
    }

    .pet-start-v24 .pet-match-step-v22 > b {
        width: 30px;
        height: 30px;
    }

    .pet-start-v24 .pet-match-step-v22 small {
        display: none;
    }

    .pet-start-v24 .pet-match-info-v22 {
        display: none;
    }
}

@media (max-width: 680px) {
    .pet-start-v24 .pet-match-page-v22 {
        width: min(100% - 16px, 620px);
        padding-top: 12px;
    }

    .pet-start-v24 .pet-match-header-v22 {
        margin-bottom: 8px;
    }

    .pet-start-v24 .pet-match-intro-v22 {
        gap: 12px;
        padding: 16px;
        border-radius: 16px;
    }

    .pet-start-v24 .pet-match-title-v24 {
        grid-template-columns: 46px 1fr;
        gap: 12px;
    }

    .pet-start-v24 .pet-match-icon-v24 {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        font-size: 16px;
    }

    .pet-start-v24 .pet-match-intro-v22 h1 {
        font-size: 27px;
    }

    .pet-start-v24 .pet-match-intro-v22 p {
        font-size: 13px;
    }

    .pet-start-v24 .pet-match-state-v22 {
        display: none;
    }

    .pet-start-v24 .pet-match-sidebar-v24,
    .pet-start-v24 .pet-match-main-v24 {
        border-radius: 16px;
    }

    .pet-start-v24 .pet-match-steps-v22 {
        padding: 6px;
    }

    .pet-start-v24 .pet-match-step-v22 {
        grid-template-columns: 1fr;
        justify-items: center;
        min-height: 46px;
        padding: 7px 3px;
        text-align: center;
    }

    .pet-start-v24 .pet-match-step-v22 span {
        display: none;
    }

    .pet-start-v24 .pet-match-form-v22 {
        padding: 18px 14px 20px;
    }

    .pet-start-v24 .pet-match-panel-head-v22 {
        display: block;
    }

    .pet-start-v24 .pet-match-panel-head-v22 p {
        margin-top: 6px;
        text-align: left;
    }

    .pet-start-v24 .pet-match-grid-2-v22,
    .pet-start-v24 .pet-match-grid-3-v22,
    .pet-start-v24 .pet-match-pet-types-v22,
    .pet-start-v24 .pet-match-task-grid-v22,
    .pet-start-v24 .pet-match-alert-grid-v22 {
        grid-template-columns: 1fr;
    }

    .pet-start-v24 .pet-match-span-2-v22,
    .pet-start-v24 .pet-match-span-3-v24 {
        grid-column: auto;
    }
}

/* 會員端：確認寵物到府照顧媒合（四步驟正式版） */
.pet-match-confirm{
    width:min(1320px,calc(100% - 36px));
    margin:0 auto;
    padding:30px 0 72px;
    color:#123047;
}
.pet-match-confirm__topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}
.pet-match-confirm__back,
.pet-match-confirm__top-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 18px;
    border:1px solid #c7ddd7;
    border-radius:14px;
    background:#fff;
    color:#087d69;
    text-decoration:none;
    font-weight:900;
}
.pet-match-confirm__top-actions{display:flex;gap:10px;flex-wrap:wrap}
.pet-match-confirm__alert{
    margin-bottom:16px;
    padding:14px 18px;
    border:1px solid #f6c978;
    border-radius:14px;
    background:#fff8e8;
    color:#8b5a00;
    font-weight:850;
}
.pet-match-confirm__hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) 390px;
    gap:24px;
    padding:30px;
    border:1px solid #d8e7e2;
    border-radius:26px;
    background:#fff;
    box-shadow:0 18px 46px rgba(27,72,68,.08);
}
.pet-match-confirm__eyebrow{
    display:inline-flex;
    padding:7px 11px;
    border-radius:999px;
    background:#eaf8f4;
    color:#087d69;
    font-size:13px;
    font-weight:950;
}
.pet-match-confirm__hero h1{
    margin:12px 0 8px;
    font-size:clamp(34px,4.2vw,54px);
    line-height:1.12;
    letter-spacing:-.04em;
    font-weight:950;
}
.pet-match-confirm__hero-copy>p{
    max-width:820px;
    margin:0;
    color:#64748b;
    line-height:1.75;
    font-size:17px;
}
.pet-match-confirm__state{
    display:flex;
    align-items:center;
    gap:10px;
    width:max-content;
    margin-top:18px;
    padding:9px 12px;
    border:1px solid #f4d08a;
    border-radius:12px;
    background:#fff9ea;
    color:#936200;
}
.pet-match-confirm__state b{font-size:13px}
.pet-match-confirm__state span{font-weight:900}
.pet-match-confirm__provider{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:18px;
    align-items:center;
    padding:18px;
    border:1px solid #cfe5df;
    border-radius:22px;
    background:#f4fbf9;
}
.pet-match-confirm__provider img{
    width:112px;
    height:112px;
    object-fit:cover;
    border-radius:20px;
}
.pet-match-confirm__provider span{color:#087d69;font-size:13px;font-weight:900}
.pet-match-confirm__provider h2{margin:6px 0;font-size:24px;line-height:1.3;font-weight:950}
.pet-match-confirm__provider p{margin:0;color:#65758b;font-weight:800}
.pet-match-confirm__summary{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin:18px 0 0;
    overflow:hidden;
    border:1px solid #d8e7e2;
    border-radius:20px;
    background:#fff;
}
.pet-match-confirm__summary article{padding:18px 20px;border-right:1px solid #e0ebe7}
.pet-match-confirm__summary article:last-child{border-right:0}
.pet-match-confirm__summary span,
.pet-match-confirm__proposal-grid span,
.pet-match-confirm__text-grid span,
.pet-match-confirm__pet-summary span,
.pet-match-confirm__security-grid span,
.pet-match-confirm__payment span,
.pet-match-confirm__final-summary span{
    display:block;
    margin-bottom:6px;
    color:#087d69;
    font-size:13px;
    font-weight:950;
}
.pet-match-confirm__summary b{display:block;font-size:20px;line-height:1.35}
.pet-match-confirm__summary small{display:block;margin-top:5px;color:#718096;line-height:1.45}
.pet-match-confirm__notice{
    display:flex;
    align-items:center;
    gap:10px;
    margin:14px 0 18px;
    padding:13px 16px;
    border-left:4px solid #d99b17;
    border-radius:12px;
    background:#fff8e9;
    color:#845400;
}
.pet-match-confirm__notice span{color:#9a6a12}
.pet-match-confirm__form{display:grid;gap:16px}
.pet-match-confirm__steps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    overflow:hidden;
    border:1px solid #d8e7e2;
    border-radius:20px;
    background:#fff;
    box-shadow:0 14px 34px rgba(27,72,68,.06);
    position:sticky;
    top:78px;
    z-index:12;
}
.pet-match-confirm__steps button{
    display:grid;
    grid-template-columns:42px 1fr;
    grid-template-rows:auto auto;
    column-gap:10px;
    align-items:center;
    min-height:82px;
    padding:14px 16px;
    border:0;
    border-right:1px solid #e0ebe7;
    background:#fff;
    color:#728095;
    text-align:left;
    cursor:pointer;
}
.pet-match-confirm__steps button:last-child{border-right:0}
.pet-match-confirm__steps button>span{
    grid-row:1/3;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid #cfe0dc;
    border-radius:13px;
    background:#fff;
    color:#56706a;
    font-size:18px;
    font-weight:950;
}
.pet-match-confirm__steps b{color:inherit;font-size:15px}
.pet-match-confirm__steps small{color:#8a98a8;font-weight:750}
.pet-match-confirm__steps button.is-active{background:#ecf8f5;color:#087d69;box-shadow:inset 0 -3px #0f9a83}
.pet-match-confirm__steps button.is-active>span{border-color:#0f9a83;background:#0f9a83;color:#fff}
.pet-match-confirm__steps button.is-complete{color:#0a806d}
.pet-match-confirm__steps button.is-complete>span{background:#e1f5ef;color:#087d69}
.pet-match-confirm__panel{
    padding:32px;
    border:1px solid #d8e7e2;
    border-radius:24px;
    background:#fff;
    box-shadow:0 18px 46px rgba(27,72,68,.07);
}
.pet-match-confirm__panel[hidden]{display:none!important}
.pet-match-confirm__panel>header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:24px;
    padding-bottom:18px;
    border-bottom:1px solid #e1ebe8;
}
.pet-match-confirm__panel>header span{color:#087d69;font-size:13px;font-weight:950}
.pet-match-confirm__panel>header h2{margin:5px 0 0;font-size:32px;line-height:1.25;font-weight:950}
.pet-match-confirm__panel>header em{
    padding:8px 11px;
    border:1px solid #bfe0d8;
    border-radius:999px;
    background:#f4fbf9;
    color:#087d69;
    font-size:13px;
    font-style:normal;
    font-weight:900;
}
.pet-match-confirm__proposal-grid,
.pet-match-confirm__pet-summary,
.pet-match-confirm__final-summary{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}
.pet-match-confirm__proposal-grid article,
.pet-match-confirm__pet-summary article,
.pet-match-confirm__final-summary article,
.pet-match-confirm__security-grid article,
.pet-match-confirm__payment article{
    padding:18px;
    border:1px solid #d8e7e2;
    border-radius:18px;
    background:#f8fbfa;
}
.pet-match-confirm__proposal-grid b,
.pet-match-confirm__pet-summary b,
.pet-match-confirm__security-grid b,
.pet-match-confirm__payment b,
.pet-match-confirm__final-summary b{display:block;font-size:20px;line-height:1.45}
.pet-match-confirm__proposal-grid .is-price{background:#effaf6}
.pet-match-confirm__proposal-grid .is-price b{color:#087d69;font-size:28px}
.pet-match-confirm__text-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:14px;
}
.pet-match-confirm__text-grid article{
    padding:18px;
    border:1px solid #d8e7e2;
    border-radius:18px;
    background:#fff;
}
.pet-match-confirm__text-grid p,
.pet-match-confirm__payment p,
.pet-match-confirm__details p{margin:0;color:#637487;line-height:1.75}
.pet-match-confirm__services{margin-top:18px}
.pet-match-confirm__services h3{margin:0 0 12px;font-size:20px;font-weight:950}
.pet-match-confirm__services>div{display:flex;flex-wrap:wrap;gap:10px}
.pet-match-confirm__services>div span{
    padding:10px 14px;
    border:1px solid #a9dcd1;
    border-radius:999px;
    background:#effaf6;
    color:#087d69;
    font-weight:900;
}
.pet-match-confirm__security-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}
.pet-match-confirm__security-grid small{display:block;margin-top:6px;color:#718096;line-height:1.55}
.pet-match-confirm__payment{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:14px;
}
.pet-match-confirm__details{
    margin-top:16px;
    border:1px solid #d8e7e2;
    border-radius:15px;
    background:#fbfdfc;
}
.pet-match-confirm__details summary{
    padding:14px 16px;
    color:#087d69;
    font-weight:950;
    cursor:pointer;
}
.pet-match-confirm__details p{padding:0 16px 16px}
.pet-match-confirm__agreements{display:grid;gap:12px;margin-top:18px}
.pet-match-confirm__agreements label{
    display:grid;
    grid-template-columns:24px 1fr;
    gap:12px;
    align-items:flex-start;
    padding:16px;
    border:1px solid #bfe0d8;
    border-radius:16px;
    background:#f3fbf8;
    cursor:pointer;
}
.pet-match-confirm__agreements input{width:20px;height:20px;margin-top:2px}
.pet-match-confirm__agreements b{display:block;color:#0b6f5f;font-size:17px}
.pet-match-confirm__agreements small{display:block;margin-top:4px;color:#65758b;line-height:1.55}
.pet-match-confirm__create-order{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    margin-top:20px;
    padding:22px;
    border-radius:20px;
    background:#063f38;
    color:#fff;
}
.pet-match-confirm__create-order span{display:block;color:#9ce6d6;font-size:13px;font-weight:950}
.pet-match-confirm__create-order strong{display:block;margin-top:4px;font-size:23px;line-height:1.35}
.pet-match-confirm__create-order small{display:block;margin-top:5px;color:#cce9e2;line-height:1.55}
.pet-match-confirm__submit,
.pet-match-confirm__primary,
.pet-match-confirm__secondary{
    min-height:50px;
    padding:0 20px;
    border-radius:14px;
    font:inherit;
    font-weight:950;
    cursor:pointer;
}
.pet-match-confirm__submit,
.pet-match-confirm__primary{border:0;background:#0f9a83;color:#fff;box-shadow:0 12px 26px rgba(15,154,131,.2)}
.pet-match-confirm__submit{min-width:260px}
.pet-match-confirm__secondary{border:1px solid #bad8d1;background:#fff;color:#087d69}
.pet-match-confirm__panel-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid #e1ebe8;
}
.pet-match-confirm__panel-actions.is-end{justify-content:flex-end}
.pet-match-confirm__panel-actions.is-start{justify-content:flex-start}

@media(max-width:1050px){
    .pet-match-confirm__hero{grid-template-columns:1fr}
    .pet-match-confirm__summary{grid-template-columns:repeat(2,1fr)}
    .pet-match-confirm__summary article:nth-child(2){border-right:0}
    .pet-match-confirm__summary article:nth-child(-n+2){border-bottom:1px solid #e0ebe7}
    .pet-match-confirm__steps{position:static;grid-template-columns:repeat(2,1fr)}
    .pet-match-confirm__steps button:nth-child(2){border-right:0}
    .pet-match-confirm__steps button:nth-child(-n+2){border-bottom:1px solid #e0ebe7}
}
@media(max-width:760px){
    .pet-match-confirm{width:min(100% - 20px,1320px);padding-top:18px}
    .pet-match-confirm__topbar{align-items:stretch;flex-direction:column}
    .pet-match-confirm__top-actions{display:grid;grid-template-columns:1fr 1fr}
    .pet-match-confirm__hero,.pet-match-confirm__panel{padding:20px;border-radius:20px}
    .pet-match-confirm__provider{grid-template-columns:82px 1fr}
    .pet-match-confirm__provider img{width:82px;height:82px;border-radius:16px}
    .pet-match-confirm__summary{grid-template-columns:1fr}
    .pet-match-confirm__summary article{border-right:0;border-bottom:1px solid #e0ebe7}
    .pet-match-confirm__summary article:last-child{border-bottom:0}
    .pet-match-confirm__notice{align-items:flex-start;flex-direction:column}
    .pet-match-confirm__steps{grid-template-columns:1fr}
    .pet-match-confirm__steps button{border-right:0;border-bottom:1px solid #e0ebe7}
    .pet-match-confirm__steps button:last-child{border-bottom:0}
    .pet-match-confirm__panel>header{display:block}
    .pet-match-confirm__panel>header em{display:inline-flex;margin-top:10px}
    .pet-match-confirm__panel>header h2{font-size:26px}
    .pet-match-confirm__proposal-grid,
    .pet-match-confirm__pet-summary,
    .pet-match-confirm__final-summary,
    .pet-match-confirm__text-grid,
    .pet-match-confirm__security-grid,
    .pet-match-confirm__payment{grid-template-columns:1fr}
    .pet-match-confirm__panel-actions{align-items:stretch;flex-direction:column-reverse}
    .pet-match-confirm__panel-actions button{width:100%}
    .pet-match-confirm__create-order{align-items:stretch;flex-direction:column}
    .pet-match-confirm__submit{width:100%;min-width:0}
}

/* 寵物到府照顧：正式訂單建立結果 */
.pet-order-created{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:38px 0 72px;color:#123047}
.pet-order-created__hero{display:grid;grid-template-columns:84px minmax(0,1fr) 190px;gap:20px;align-items:center;padding:30px;border:1px solid #d8e7e2;border-radius:26px;background:#fff;box-shadow:0 18px 46px rgba(27,72,68,.08)}
.pet-order-created__icon{display:grid;place-items:center;width:70px;height:70px;border-radius:22px;background:#e7f8f3;color:#0f9a83;font-size:38px;font-weight:950}
.pet-order-created__hero>div:nth-child(2)>span{color:#087d69;font-weight:950}
.pet-order-created__hero h1{margin:6px 0 8px;font-size:42px;line-height:1.2;font-weight:950}
.pet-order-created__hero p{margin:0;color:#65758b;line-height:1.7}
.pet-order-created__hero aside{padding:18px;border:1px solid #cfe5df;border-radius:20px;background:#f4fbf9;text-align:center}
.pet-order-created__hero aside span,.pet-order-created__hero aside small{display:block;color:#087d69;font-weight:900}
.pet-order-created__hero aside b{display:block;margin:6px 0;font-size:30px}
.pet-order-created__notice{display:flex;gap:10px;align-items:center;margin:16px 0;padding:14px 17px;border-left:4px solid #d99b17;border-radius:12px;background:#fff8e9;color:#845400}
.pet-order-created__summary{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #d8e7e2;border-radius:20px;background:#fff}
.pet-order-created__summary article{padding:18px;border-right:1px solid #e0ebe7}.pet-order-created__summary article:last-child{border-right:0}
.pet-order-created__summary span{display:block;color:#087d69;font-size:13px;font-weight:950}.pet-order-created__summary b{display:block;margin-top:6px;font-size:19px;line-height:1.4}
.pet-order-created__next{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:18px;padding:26px;border-radius:22px;background:#063f38;color:#fff}
.pet-order-created__next span{color:#9ce6d6;font-size:13px;font-weight:950}.pet-order-created__next h2{margin:5px 0;font-size:28px}.pet-order-created__next p{margin:0;color:#cce9e2;line-height:1.6}
.pet-order-created__actions{display:grid;gap:10px;min-width:280px}.pet-order-created__actions a{display:flex;justify-content:center;align-items:center;min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.34);border-radius:13px;color:#fff;text-decoration:none;font-weight:950}.pet-order-created__actions a.is-primary{border-color:#13b69b;background:#13a98f}
@media(max-width:800px){.pet-order-created__hero{grid-template-columns:1fr;text-align:left}.pet-order-created__hero aside{text-align:left}.pet-order-created__summary{grid-template-columns:1fr}.pet-order-created__summary article{border-right:0;border-bottom:1px solid #e0ebe7}.pet-order-created__summary article:last-child{border-bottom:0}.pet-order-created__next{align-items:stretch;flex-direction:column}.pet-order-created__actions{min-width:0}}

/* v2｜會員端：確認寵物到府照顧媒合－精簡工作區 */
.pet-confirm-v2{
    --confirm-ink:#123247;
    --confirm-muted:#64778a;
    --confirm-line:#d8e6e2;
    --confirm-soft:#f4f9f7;
    --confirm-primary:#0b8f78;
    --confirm-primary-dark:#087462;
    --confirm-warn:#9a6500;
    background:
        radial-gradient(circle at 8% 8%,rgba(255,235,205,.62),transparent 30%),
        radial-gradient(circle at 92% 6%,rgba(217,248,237,.68),transparent 30%),
        #f5faf8;
}
.pet-confirm-v2 .pet-match-confirm{
    width:min(1180px,calc(100% - 36px));
    padding:26px 0 64px;
    color:var(--confirm-ink);
}
.pet-confirm-v2 .pet-match-confirm__overview{
    display:grid;
    grid-template-columns:minmax(0,1fr) 270px;
    gap:20px;
    padding:22px;
    border:1px solid var(--confirm-line);
    border-radius:24px;
    background:rgba(255,255,255,.96);
    box-shadow:0 16px 38px rgba(23,65,58,.07);
}
.pet-confirm-v2 .pet-match-confirm__overview-main{min-width:0}
.pet-confirm-v2 .pet-match-confirm__overview-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
}
.pet-confirm-v2 .pet-match-confirm__back,
.pet-confirm-v2 .pet-match-confirm__top-actions a{
    min-height:40px;
    padding:0 14px;
    border-radius:12px;
    font-size:14px;
    box-shadow:none;
}
.pet-confirm-v2 .pet-match-confirm__title-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}
.pet-confirm-v2 .pet-match-confirm__eyebrow{
    padding:6px 10px;
    font-size:12px;
}
.pet-confirm-v2 .pet-match-confirm__title-row h1{
    margin:10px 0 7px;
    font-size:clamp(30px,3.6vw,42px);
    line-height:1.12;
    letter-spacing:-.035em;
    font-weight:950;
}
.pet-confirm-v2 .pet-match-confirm__title-row p{
    max-width:720px;
    margin:0;
    color:var(--confirm-muted);
    font-size:15px;
    line-height:1.65;
}
.pet-confirm-v2 .pet-match-confirm__state{
    display:grid;
    gap:2px;
    flex:0 0 auto;
    width:auto;
    min-width:168px;
    margin:0;
    padding:12px 14px;
    border-radius:14px;
    text-align:left;
}
.pet-confirm-v2 .pet-match-confirm__state span{
    color:#9a6a12;
    font-size:12px;
    font-weight:850;
}
.pet-confirm-v2 .pet-match-confirm__state strong{
    font-size:15px;
    line-height:1.35;
}
.pet-confirm-v2 .pet-match-confirm__provider{
    grid-template-columns:72px minmax(0,1fr);
    align-self:stretch;
    gap:14px;
    padding:16px;
    border-radius:18px;
    background:linear-gradient(155deg,#f1faf7,#fff);
}
.pet-confirm-v2 .pet-match-confirm__provider img{
    width:72px;
    height:72px;
    border-radius:18px;
}
.pet-confirm-v2 .pet-match-confirm__provider h2{
    margin:4px 0;
    font-size:18px;
    line-height:1.35;
}
.pet-confirm-v2 .pet-match-confirm__provider p{font-size:13px}
.pet-confirm-v2 .pet-match-confirm__summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin:18px 0 0;
    border-radius:16px;
    box-shadow:none;
}
.pet-confirm-v2 .pet-match-confirm__summary article{
    min-width:0;
    padding:13px 15px;
}
.pet-confirm-v2 .pet-match-confirm__summary span{margin-bottom:3px;font-size:11px}
.pet-confirm-v2 .pet-match-confirm__summary b{
    overflow-wrap:anywhere;
    font-size:17px;
}
.pet-confirm-v2 .pet-match-confirm__summary b.is-price{color:var(--confirm-primary);font-size:21px}
.pet-confirm-v2 .pet-match-confirm__summary small{margin-top:3px;font-size:11px}
.pet-confirm-v2 .pet-match-confirm__notice{
    margin:12px 0 14px;
    padding:11px 14px;
    border-radius:11px;
    font-size:13px;
}
.pet-confirm-v2 .pet-match-confirm__alert{margin:12px 0 0}
.pet-confirm-v2 .pet-match-confirm__form{display:block}
.pet-confirm-v2 .pet-match-confirm__workspace{
    display:grid;
    grid-template-columns:238px minmax(0,1fr);
    gap:16px;
    align-items:start;
}
.pet-confirm-v2 .pet-match-confirm__rail{
    position:sticky;
    top:88px;
    padding:16px;
    border:1px solid var(--confirm-line);
    border-radius:20px;
    background:rgba(255,255,255,.97);
    box-shadow:0 14px 32px rgba(23,65,58,.06);
}
.pet-confirm-v2 .pet-match-confirm__rail-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 2px 13px;
    border-bottom:1px solid #e5eeeb;
}
.pet-confirm-v2 .pet-match-confirm__rail-head span{
    color:#6c7e8d;
    font-size:12px;
    font-weight:850;
}
.pet-confirm-v2 .pet-match-confirm__rail-head b{
    color:var(--confirm-primary);
    font-size:15px;
}
.pet-confirm-v2 .pet-match-confirm__steps{
    position:static;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:12px;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.pet-confirm-v2 .pet-match-confirm__steps button{
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    grid-template-rows:auto;
    gap:10px;
    min-height:0;
    padding:11px;
    border:1px solid transparent;
    border-radius:14px;
    background:transparent;
}
.pet-confirm-v2 .pet-match-confirm__steps button>span{
    grid-row:auto;
    width:36px;
    height:36px;
    border-radius:12px;
    font-size:15px;
}
.pet-confirm-v2 .pet-match-confirm__steps button>div{min-width:0}
.pet-confirm-v2 .pet-match-confirm__steps b{
    display:block;
    font-size:13px;
    line-height:1.35;
}
.pet-confirm-v2 .pet-match-confirm__steps small{
    display:block;
    margin-top:2px;
    font-size:11px;
    line-height:1.35;
}
.pet-confirm-v2 .pet-match-confirm__steps button.is-active{
    border-color:#b8dfd6;
    background:#eaf8f4;
    box-shadow:none;
}
.pet-confirm-v2 .pet-match-confirm__steps button.is-complete{
    background:#f7fbfa;
}
.pet-confirm-v2 .pet-match-confirm__rail-note{
    display:grid;
    gap:4px;
    margin-top:14px;
    padding:12px;
    border-radius:14px;
    background:#f4f8f7;
}
.pet-confirm-v2 .pet-match-confirm__rail-note span{
    color:#718291;
    font-size:11px;
    font-weight:850;
}
.pet-confirm-v2 .pet-match-confirm__rail-note b{
    font-size:12px;
    line-height:1.45;
}
.pet-confirm-v2 .pet-match-confirm__rail-note small{
    color:#758695;
    font-size:11px;
    line-height:1.45;
}
.pet-confirm-v2 .pet-match-confirm__stage{min-width:0}
.pet-confirm-v2 .pet-match-confirm__panel{
    min-height:520px;
    padding:24px;
    border-radius:20px;
    box-shadow:0 16px 36px rgba(23,65,58,.06);
}
.pet-confirm-v2 .pet-match-confirm__panel>header{
    align-items:flex-start;
    margin-bottom:18px;
    padding-bottom:15px;
}
.pet-confirm-v2 .pet-match-confirm__panel>header h2{
    margin:4px 0 5px;
    font-size:27px;
    line-height:1.2;
}
.pet-confirm-v2 .pet-match-confirm__panel>header p{
    max-width:680px;
    margin:0;
    color:var(--confirm-muted);
    font-size:13px;
    line-height:1.55;
}
.pet-confirm-v2 .pet-match-confirm__panel>header em{
    padding:7px 10px;
    font-size:11px;
}
.pet-confirm-v2 .pet-match-confirm__proposal-grid,
.pet-confirm-v2 .pet-match-confirm__pet-summary,
.pet-confirm-v2 .pet-match-confirm__final-summary{
    gap:12px;
}
.pet-confirm-v2 .pet-match-confirm__final-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.pet-confirm-v2 .pet-match-confirm__proposal-grid article,
.pet-confirm-v2 .pet-match-confirm__pet-summary article,
.pet-confirm-v2 .pet-match-confirm__final-summary article,
.pet-confirm-v2 .pet-match-confirm__security-grid article,
.pet-confirm-v2 .pet-match-confirm__payment article{
    padding:15px;
    border-radius:15px;
}
.pet-confirm-v2 .pet-match-confirm__proposal-grid b,
.pet-confirm-v2 .pet-match-confirm__pet-summary b,
.pet-confirm-v2 .pet-match-confirm__security-grid b,
.pet-confirm-v2 .pet-match-confirm__payment b,
.pet-confirm-v2 .pet-match-confirm__final-summary b{
    font-size:17px;
    line-height:1.45;
}
.pet-confirm-v2 .pet-match-confirm__proposal-grid .is-price b{font-size:25px}
.pet-confirm-v2 .pet-match-confirm__text-grid{
    gap:12px;
    margin-top:12px;
}
.pet-confirm-v2 .pet-match-confirm__text-grid article{
    min-height:118px;
    padding:15px;
    border-radius:15px;
}
.pet-confirm-v2 .pet-match-confirm__text-grid p,
.pet-confirm-v2 .pet-match-confirm__payment p,
.pet-confirm-v2 .pet-match-confirm__details p{
    font-size:13px;
    line-height:1.65;
}
.pet-confirm-v2 .pet-match-confirm__services{margin-top:14px}
.pet-confirm-v2 .pet-match-confirm__services h3{font-size:17px}
.pet-confirm-v2 .pet-match-confirm__services>div{gap:8px}
.pet-confirm-v2 .pet-match-confirm__services>div span{
    padding:8px 11px;
    font-size:13px;
}
.pet-confirm-v2 .pet-match-confirm__security-grid,
.pet-confirm-v2 .pet-match-confirm__payment{gap:12px}
.pet-confirm-v2 .pet-match-confirm__details{margin-top:13px;border-radius:13px}
.pet-confirm-v2 .pet-match-confirm__details summary{padding:12px 14px;font-size:13px}
.pet-confirm-v2 .pet-match-confirm__agreements{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:0;
}
.pet-confirm-v2 .pet-match-confirm__agreements label{
    padding:14px;
    border-radius:14px;
}
.pet-confirm-v2 .pet-match-confirm__agreements b{font-size:15px}
.pet-confirm-v2 .pet-match-confirm__agreements small{font-size:12px}
.pet-confirm-v2 .pet-match-confirm__create-order{
    margin-top:16px;
    padding:18px;
    border-radius:18px;
}
.pet-confirm-v2 .pet-match-confirm__create-order strong{font-size:19px}
.pet-confirm-v2 .pet-match-confirm__create-order small{font-size:12px}
.pet-confirm-v2 .pet-match-confirm__submit{
    min-width:230px;
    min-height:48px;
}
.pet-confirm-v2 .pet-match-confirm__primary,
.pet-confirm-v2 .pet-match-confirm__secondary{
    min-height:46px;
    padding:0 17px;
    border-radius:12px;
    font-size:14px;
}
.pet-confirm-v2 .pet-match-confirm__panel-actions{
    margin-top:18px;
    padding-top:15px;
}

@media(max-width:1040px){
    .pet-confirm-v2 .pet-match-confirm__overview{grid-template-columns:1fr}
    .pet-confirm-v2 .pet-match-confirm__provider{grid-template-columns:62px 1fr}
    .pet-confirm-v2 .pet-match-confirm__provider img{width:62px;height:62px}
    .pet-confirm-v2 .pet-match-confirm__workspace{grid-template-columns:1fr}
    .pet-confirm-v2 .pet-match-confirm__rail{position:static;padding:12px}
    .pet-confirm-v2 .pet-match-confirm__rail-head,
    .pet-confirm-v2 .pet-match-confirm__rail-note{display:none}
    .pet-confirm-v2 .pet-match-confirm__steps{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:6px;
        margin:0;
    }
    .pet-confirm-v2 .pet-match-confirm__steps button{
        grid-template-columns:32px minmax(0,1fr);
        padding:9px;
    }
    .pet-confirm-v2 .pet-match-confirm__steps button>span{width:32px;height:32px}
}
@media(max-width:760px){
    .pet-confirm-v2 .pet-match-confirm{width:min(100% - 18px,1180px);padding:14px 0 44px}
    .pet-confirm-v2 .pet-match-confirm__overview{padding:16px;border-radius:19px}
    .pet-confirm-v2 .pet-match-confirm__overview-nav,
    .pet-confirm-v2 .pet-match-confirm__title-row{align-items:stretch;flex-direction:column}
    .pet-confirm-v2 .pet-match-confirm__top-actions{display:grid;grid-template-columns:1fr 1fr}
    .pet-confirm-v2 .pet-match-confirm__state{min-width:0;width:100%}
    .pet-confirm-v2 .pet-match-confirm__summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .pet-confirm-v2 .pet-match-confirm__summary article:nth-child(2){border-right:0}
    .pet-confirm-v2 .pet-match-confirm__summary article:nth-child(-n+2){border-bottom:1px solid #e0ebe7}
    .pet-confirm-v2 .pet-match-confirm__notice{display:block}
    .pet-confirm-v2 .pet-match-confirm__notice span{display:block;margin-top:3px}
    .pet-confirm-v2 .pet-match-confirm__steps{
        grid-template-columns:1fr 1fr;
    }
    .pet-confirm-v2 .pet-match-confirm__steps button{border:1px solid #e1ebe8}
    .pet-confirm-v2 .pet-match-confirm__steps button div small{display:none}
    .pet-confirm-v2 .pet-match-confirm__panel{min-height:0;padding:18px;border-radius:18px}
    .pet-confirm-v2 .pet-match-confirm__panel>header{display:block}
    .pet-confirm-v2 .pet-match-confirm__panel>header em{display:inline-flex;margin-top:9px}
    .pet-confirm-v2 .pet-match-confirm__panel>header h2{font-size:23px}
    .pet-confirm-v2 .pet-match-confirm__proposal-grid,
    .pet-confirm-v2 .pet-match-confirm__pet-summary,
    .pet-confirm-v2 .pet-match-confirm__final-summary,
    .pet-confirm-v2 .pet-match-confirm__text-grid,
    .pet-confirm-v2 .pet-match-confirm__security-grid,
    .pet-confirm-v2 .pet-match-confirm__payment{grid-template-columns:1fr}
    .pet-confirm-v2 .pet-match-confirm__text-grid article{min-height:0}
    .pet-confirm-v2 .pet-match-confirm__create-order{align-items:stretch;flex-direction:column}
    .pet-confirm-v2 .pet-match-confirm__submit{width:100%;min-width:0}
}

/* 會員端：確認寵物到府照顧媒合 v3（精簡、單欄、水平步驟） */
.pet-confirm-v3{
    --confirm-ink:#102f45;
    --confirm-muted:#66788a;
    --confirm-primary:#0d927c;
    --confirm-primary-dark:#087564;
    --confirm-line:#d8e7e2;
    --confirm-soft:#f3faf8;
    --confirm-warn:#fff8e8;
    background:
        radial-gradient(circle at 12% 0%,rgba(255,232,201,.52),transparent 27%),
        radial-gradient(circle at 88% 7%,rgba(211,249,237,.58),transparent 30%),
        #f6fbfa;
}
.pet-confirm-v3 .pet-match-confirm{
    width:min(1260px,calc(100% - 34px));
    padding:24px 0 58px;
    color:var(--confirm-ink);
}
.pet-confirm-v3 .pet-match-confirm__overview{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:20px;
    align-items:start;
    padding:24px;
    border:1px solid var(--confirm-line);
    border-radius:24px;
    background:rgba(255,255,255,.96);
    box-shadow:0 14px 36px rgba(28,76,70,.07);
}
.pet-confirm-v3 .pet-match-confirm__overview-main{min-width:0}
.pet-confirm-v3 .pet-match-confirm__overview-nav{
    margin-bottom:18px;
}
.pet-confirm-v3 .pet-match-confirm__back,
.pet-confirm-v3 .pet-match-confirm__top-actions a{
    min-height:42px;
    padding:0 16px;
    border-radius:13px;
    font-size:14px;
}
.pet-confirm-v3 .pet-match-confirm__title-row{
    display:block;
}
.pet-confirm-v3 .pet-match-confirm__eyebrow{
    padding:6px 10px;
    font-size:12px;
}
.pet-confirm-v3 .pet-match-confirm__title-row h1{
    margin:10px 0 7px;
    font-size:clamp(34px,3.6vw,48px);
    line-height:1.08;
    letter-spacing:-.035em;
}
.pet-confirm-v3 .pet-match-confirm__title-row p{
    max-width:780px;
    margin:0;
    font-size:15px;
    line-height:1.7;
}
.pet-confirm-v3 .pet-match-confirm__state{
    display:inline-flex;
    align-items:center;
    gap:9px;
    width:auto;
    min-width:0;
    margin-top:14px;
    padding:8px 12px;
    border-radius:12px;
}
.pet-confirm-v3 .pet-match-confirm__state span,
.pet-confirm-v3 .pet-match-confirm__state strong{
    font-size:13px;
}
.pet-confirm-v3 .pet-match-confirm__provider{
    align-self:start;
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    gap:14px;
    align-items:center;
    min-height:0;
    padding:16px;
    border-radius:18px;
    background:linear-gradient(145deg,#f2faf8,#fff);
}
.pet-confirm-v3 .pet-match-confirm__provider img{
    width:76px;
    height:76px;
    border-radius:16px;
}
.pet-confirm-v3 .pet-match-confirm__provider span{font-size:12px}
.pet-confirm-v3 .pet-match-confirm__provider h2{
    margin:4px 0 3px;
    font-size:18px;
    line-height:1.35;
}
.pet-confirm-v3 .pet-match-confirm__provider p{
    font-size:12px;
}
.pet-confirm-v3 .pet-match-confirm__summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-top:18px;
    border-radius:16px;
}
.pet-confirm-v3 .pet-match-confirm__summary article{
    min-height:98px;
    padding:15px 17px;
}
.pet-confirm-v3 .pet-match-confirm__summary span{font-size:11px}
.pet-confirm-v3 .pet-match-confirm__summary b{
    font-size:18px;
    line-height:1.35;
}
.pet-confirm-v3 .pet-match-confirm__summary b.is-price{font-size:22px}
.pet-confirm-v3 .pet-match-confirm__summary small{font-size:11px}
.pet-confirm-v3 .pet-match-confirm__notice{
    margin:14px 0;
    padding:11px 15px;
    border-radius:11px;
    font-size:13px;
}
.pet-confirm-v3 .pet-match-confirm__workspace{
    display:block;
}
.pet-confirm-v3 .pet-match-confirm__rail{
    position:static;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.pet-confirm-v3 .pet-match-confirm__rail-head,
.pet-confirm-v3 .pet-match-confirm__rail-note{
    display:none;
}
.pet-confirm-v3 .pet-match-confirm__steps{
    position:sticky;
    top:78px;
    z-index:12;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin:0 0 14px;
    overflow:hidden;
    border:1px solid var(--confirm-line);
    border-radius:18px;
    background:rgba(255,255,255,.96);
    box-shadow:0 10px 26px rgba(27,72,68,.06);
    backdrop-filter:blur(8px);
}
.pet-confirm-v3 .pet-match-confirm__steps button{
    grid-template-columns:36px minmax(0,1fr);
    min-height:72px;
    padding:12px 14px;
    border:0;
    border-right:1px solid #e1ebe8;
    border-radius:0;
    background:#fff;
}
.pet-confirm-v3 .pet-match-confirm__steps button:last-child{border-right:0}
.pet-confirm-v3 .pet-match-confirm__steps button>span{
    width:36px;
    height:36px;
    border-radius:12px;
    font-size:16px;
}
.pet-confirm-v3 .pet-match-confirm__steps b{
    font-size:14px;
    line-height:1.3;
}
.pet-confirm-v3 .pet-match-confirm__steps small{
    margin-top:2px;
    font-size:11px;
    line-height:1.3;
}
.pet-confirm-v3 .pet-match-confirm__steps button.is-active{
    background:#edf9f6;
    box-shadow:inset 0 -3px var(--confirm-primary);
}
.pet-confirm-v3 .pet-match-confirm__stage{min-width:0}
.pet-confirm-v3 .pet-match-confirm__panel{
    min-height:0;
    padding:25px 28px;
    border-radius:22px;
    box-shadow:0 14px 36px rgba(27,72,68,.06);
}
.pet-confirm-v3 .pet-match-confirm__panel>header{
    margin-bottom:20px;
    padding-bottom:16px;
}
.pet-confirm-v3 .pet-match-confirm__panel>header h2{
    margin-top:4px;
    font-size:28px;
}
.pet-confirm-v3 .pet-match-confirm__panel>header p{
    margin-top:6px;
    font-size:13px;
    line-height:1.65;
}
.pet-confirm-v3 .pet-match-confirm__panel>header em{
    padding:7px 10px;
    font-size:12px;
}
.pet-confirm-v3 .pet-match-confirm__proposal-grid,
.pet-confirm-v3 .pet-match-confirm__pet-summary,
.pet-confirm-v3 .pet-match-confirm__final-summary{
    gap:12px;
}
.pet-confirm-v3 .pet-match-confirm__proposal-grid article,
.pet-confirm-v3 .pet-match-confirm__pet-summary article,
.pet-confirm-v3 .pet-match-confirm__final-summary article,
.pet-confirm-v3 .pet-match-confirm__security-grid article,
.pet-confirm-v3 .pet-match-confirm__payment article{
    min-height:104px;
    padding:16px;
    border-radius:16px;
}
.pet-confirm-v3 .pet-match-confirm__proposal-grid b,
.pet-confirm-v3 .pet-match-confirm__pet-summary b,
.pet-confirm-v3 .pet-match-confirm__security-grid b,
.pet-confirm-v3 .pet-match-confirm__payment b,
.pet-confirm-v3 .pet-match-confirm__final-summary b{
    font-size:18px;
}
.pet-confirm-v3 .pet-match-confirm__proposal-grid .is-price b{font-size:26px}
.pet-confirm-v3 .pet-match-confirm__text-grid{
    gap:12px;
    margin-top:12px;
}
.pet-confirm-v3 .pet-match-confirm__text-grid article{
    min-height:118px;
    padding:16px;
    border-radius:16px;
}
.pet-confirm-v3 .pet-match-confirm__text-grid p,
.pet-confirm-v3 .pet-match-confirm__payment p,
.pet-confirm-v3 .pet-match-confirm__details p{
    font-size:13px;
    line-height:1.65;
}
.pet-confirm-v3 .pet-match-confirm__panel-actions{
    margin-top:18px;
    padding-top:16px;
}
.pet-confirm-v3 .pet-match-confirm__primary,
.pet-confirm-v3 .pet-match-confirm__secondary{
    min-height:48px;
    padding:0 20px;
    border-radius:14px;
    font-size:14px;
}
.pet-confirm-v3 .pet-match-confirm__primary{
    min-width:245px;
}
.pet-confirm-v3 .pet-match-confirm__create-order{
    padding:20px;
    border-radius:18px;
}
.pet-confirm-v3 .pet-match-confirm__submit{
    min-width:280px;
    min-height:50px;
    border-radius:14px;
}
@media(max-width:980px){
    .pet-confirm-v3 .pet-match-confirm__overview{
        grid-template-columns:1fr;
    }
    .pet-confirm-v3 .pet-match-confirm__provider{
        grid-template-columns:64px 1fr;
    }
    .pet-confirm-v3 .pet-match-confirm__provider img{
        width:64px;
        height:64px;
    }
    .pet-confirm-v3 .pet-match-confirm__summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .pet-confirm-v3 .pet-match-confirm__summary article:nth-child(2){border-right:0}
    .pet-confirm-v3 .pet-match-confirm__summary article:nth-child(-n+2){border-bottom:1px solid #e0ebe7}
    .pet-confirm-v3 .pet-match-confirm__steps{
        position:static;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .pet-confirm-v3 .pet-match-confirm__steps button:nth-child(2){border-right:0}
    .pet-confirm-v3 .pet-match-confirm__steps button:nth-child(-n+2){border-bottom:1px solid #e1ebe8}
}
@media(max-width:680px){
    .pet-confirm-v3 .pet-match-confirm{
        width:min(100% - 16px,1260px);
        padding:12px 0 40px;
    }
    .pet-confirm-v3 .pet-match-confirm__overview{
        padding:16px;
        border-radius:18px;
    }
    .pet-confirm-v3 .pet-match-confirm__overview-nav,
    .pet-confirm-v3 .pet-match-confirm__top-actions{
        width:100%;
    }
    .pet-confirm-v3 .pet-match-confirm__overview-nav{
        align-items:stretch;
        flex-direction:column;
    }
    .pet-confirm-v3 .pet-match-confirm__top-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .pet-confirm-v3 .pet-match-confirm__title-row h1{font-size:31px}
    .pet-confirm-v3 .pet-match-confirm__summary{grid-template-columns:1fr}
    .pet-confirm-v3 .pet-match-confirm__summary article{
        min-height:0;
        border-right:0;
        border-bottom:1px solid #e0ebe7;
    }
    .pet-confirm-v3 .pet-match-confirm__summary article:last-child{border-bottom:0}
    .pet-confirm-v3 .pet-match-confirm__steps{grid-template-columns:1fr 1fr}
    .pet-confirm-v3 .pet-match-confirm__steps button{
        min-height:64px;
        padding:10px;
    }
    .pet-confirm-v3 .pet-match-confirm__steps button div small{display:none}
    .pet-confirm-v3 .pet-match-confirm__panel{
        padding:18px;
        border-radius:18px;
    }
    .pet-confirm-v3 .pet-match-confirm__panel>header{display:block}
    .pet-confirm-v3 .pet-match-confirm__panel>header em{display:inline-flex;margin-top:9px}
    .pet-confirm-v3 .pet-match-confirm__panel>header h2{font-size:23px}
    .pet-confirm-v3 .pet-match-confirm__proposal-grid,
    .pet-confirm-v3 .pet-match-confirm__pet-summary,
    .pet-confirm-v3 .pet-match-confirm__final-summary,
    .pet-confirm-v3 .pet-match-confirm__text-grid,
    .pet-confirm-v3 .pet-match-confirm__security-grid,
    .pet-confirm-v3 .pet-match-confirm__payment{
        grid-template-columns:1fr;
    }
    .pet-confirm-v3 .pet-match-confirm__proposal-grid article,
    .pet-confirm-v3 .pet-match-confirm__text-grid article{
        min-height:0;
    }
    .pet-confirm-v3 .pet-match-confirm__panel-actions,
    .pet-confirm-v3 .pet-match-confirm__create-order{
        align-items:stretch;
        flex-direction:column;
    }
    .pet-confirm-v3 .pet-match-confirm__primary,
    .pet-confirm-v3 .pet-match-confirm__secondary,
    .pet-confirm-v3 .pet-match-confirm__submit{
        width:100%;
        min-width:0;
    }
}

/* 寵物到府照顧服務者回覆比較：正式版 */
.pet-replies-final-page{
    width:min(1240px,calc(100% - 32px));
    padding-top:24px;
}
.pet-replies-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}
.pet-replies-back{margin:0}
.pet-replies-stage-pill{
    display:inline-flex;
    align-items:center;
    border:1px solid #f5d48b;
    border-radius:999px;
    background:#fff9e9;
    color:#9a6500;
    padding:9px 14px;
    font-size:13px;
    font-weight:900;
}
.pet-replies-overview{
    overflow:hidden;
    border:1px solid rgba(148,163,184,.24);
    border-radius:30px;
    background:rgba(255,255,255,.96);
    box-shadow:0 20px 55px rgba(15,23,42,.08);
    margin-bottom:18px;
}
.pet-replies-overview-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) 270px;
    gap:28px;
    align-items:center;
    padding:28px 30px 24px;
}
.pet-replies-kicker{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    background:#e8f8f2;
    color:#087b68;
    padding:7px 11px;
    font-size:13px;
    font-weight:950;
}
.pet-replies-overview h1{
    margin:12px 0 8px;
    color:#102a43;
    font-size:clamp(32px,4vw,48px);
    line-height:1.12;
    font-weight:950;
    letter-spacing:-.035em;
}
.pet-replies-overview-head p{
    max-width:800px;
    margin:0;
    color:#5f6f7f;
    font-size:17px;
    line-height:1.75;
}
.pet-replies-current-status{
    display:grid;
    gap:7px;
    border:1px solid #cde7df;
    border-radius:22px;
    background:#f0faf7;
    padding:18px 20px;
}
.pet-replies-current-status span{
    color:#0b7a67;
    font-size:12px;
    font-weight:950;
    letter-spacing:.06em;
}
.pet-replies-current-status strong{
    color:#15364a;
    font-size:22px;
    line-height:1.35;
}
.pet-replies-current-status small{
    color:#6b7b87;
    line-height:1.55;
}
.pet-replies-request-summary{
    display:grid;
    grid-template-columns:.75fr 1.25fr 1fr 1.2fr .95fr;
    border-top:1px solid #dfebe7;
    background:#fbfefd;
}
.pet-replies-request-summary article{
    min-width:0;
    padding:17px 20px;
    border-right:1px solid #dfebe7;
}
.pet-replies-request-summary article:last-child{border-right:0}
.pet-replies-request-summary span{
    display:block;
    color:#0b7a67;
    font-size:12px;
    font-weight:950;
}
.pet-replies-request-summary strong{
    display:block;
    margin-top:6px;
    color:#18364a;
    font-size:18px;
    line-height:1.45;
    overflow-wrap:anywhere;
}
.pet-replies-request-summary small{
    display:block;
    margin-top:4px;
    color:#71808d;
    line-height:1.45;
}
.pet-replies-stage-note{
    display:flex;
    align-items:center;
    gap:12px;
    border-top:1px solid #f0dfaf;
    background:#fff9eb;
    padding:13px 20px;
    color:#8b5d00;
    line-height:1.6;
}
.pet-replies-stage-note b{white-space:nowrap}
.pet-replies-results{
    border:1px solid rgba(148,163,184,.24);
    border-radius:30px;
    background:rgba(255,255,255,.94);
    box-shadow:0 20px 55px rgba(15,23,42,.07);
    padding:24px;
}
.pet-replies-results-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding:0 2px 18px;
    border-bottom:1px solid #e2ece8;
}
.pet-replies-results-head>div>span{
    color:#0b7a67;
    font-size:13px;
    font-weight:950;
}
.pet-replies-results-head h2{
    margin:4px 0 3px;
    color:#143247;
    font-size:30px;
    font-weight:950;
}
.pet-replies-results-head p{margin:0;color:#70808d}
.pet-replies-results .pet-reply-sort-tabs{
    margin:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px;
}
.pet-replies-results .pet-reply-sort-tabs a{
    border:1px solid #cde2dc;
    border-radius:999px;
    background:#fff;
    color:#49616d;
    padding:9px 13px;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
}
.pet-replies-results .pet-reply-sort-tabs a.active{
    border-color:#0f8f79;
    background:#0f8f79;
    color:#fff;
}
.pet-replies-results .pet-reply-list{
    gap:16px;
    margin-top:18px;
}
.pet-reply-card-final{
    display:block;
    padding:0;
    overflow:hidden;
    border:1px solid #d9e6e1;
    border-radius:26px;
    background:#fff;
    box-shadow:none;
}
.pet-reply-card-final.needs-confirmation{border-color:#efd8a5}
.pet-reply-card-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) 220px;
    gap:22px;
    align-items:center;
    padding:22px 24px;
    border-bottom:1px solid #e3ece9;
    background:linear-gradient(135deg,#ffffff,#f8fcfb);
}
.pet-reply-provider-identity{
    display:grid;
    grid-template-columns:82px minmax(0,1fr);
    gap:16px;
    align-items:center;
    min-width:0;
}
.pet-reply-provider-identity img{
    width:82px;
    height:82px;
    object-fit:cover;
    border-radius:22px;
    background:#f1f5f4;
}
.pet-reply-provider-identity h3{
    margin:7px 0 3px;
    color:#122f43;
    font-size:24px;
    font-weight:950;
    line-height:1.3;
}
.pet-reply-provider-identity p{
    margin:0;
    color:#6b7b87;
    line-height:1.55;
}
.pet-reply-real-data-pill{
    display:inline-flex;
    border-radius:999px;
    background:#edf8f5;
    color:#0b7a67;
    padding:6px 10px;
    font-size:12px;
    font-weight:900;
}
.pet-reply-provider-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px 16px;
    margin-top:10px;
    color:#667884;
    font-size:13px;
}
.pet-reply-provider-meta span{position:relative}
.pet-reply-provider-meta span+span:before{
    content:"";
    position:absolute;
    left:-9px;
    top:50%;
    width:3px;
    height:3px;
    border-radius:50%;
    background:#9cb0aa;
}
.pet-reply-provider-meta b{color:#16384b}
.pet-reply-quote-panel{
    display:grid;
    gap:5px;
    border:1px solid #bfe5d9;
    border-radius:20px;
    background:#eefaf6;
    padding:15px 18px;
}
.pet-reply-quote-panel span{
    color:#0b7a67;
    font-size:12px;
    font-weight:950;
}
.pet-reply-quote-panel strong{
    color:#087c68;
    font-size:28px;
    line-height:1.25;
}
.pet-reply-quote-panel small{color:#637884}
.pet-reply-condition-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:14px 24px;
    border-bottom:1px solid #e4ece9;
    background:#fbfdfc;
}
.pet-reply-condition-row span{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:7px 11px;
    font-size:12px;
    font-weight:900;
}
.pet-reply-condition-row .is-ready{
    border:1px solid #b9e5d8;
    background:#edf9f5;
    color:#087b68;
}
.pet-reply-condition-row .is-ready:before{content:"✓";margin-right:5px}
.pet-reply-condition-row .is-pending{
    border:1px solid #f1d99d;
    background:#fff9e9;
    color:#986300;
}
.pet-reply-condition-row .is-pending:before{content:"!";margin-right:5px}
.pet-reply-core-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin:0 24px;
    border:1px solid #dfe9e5;
    border-radius:20px;
    overflow:hidden;
}
.pet-reply-core-grid article{
    min-width:0;
    min-height:112px;
    padding:15px 17px;
    border-right:1px solid #dfe9e5;
    border-bottom:1px solid #dfe9e5;
    background:#fff;
}
.pet-reply-core-grid article:nth-child(3n){border-right:0}
.pet-reply-core-grid article:nth-last-child(-n+3){border-bottom:0}
.pet-reply-core-grid span,
.pet-reply-response-grid span{
    display:block;
    color:#0b7a67;
    font-size:12px;
    font-weight:950;
}
.pet-reply-core-grid strong{
    display:block;
    margin-top:7px;
    color:#17384b;
    font-size:15px;
    line-height:1.65;
    overflow-wrap:anywhere;
}
.pet-reply-tags-compact{
    margin:8px 0 0;
    gap:6px;
}
.pet-reply-tags-compact em{
    display:inline-flex;
    border:1px solid #cce6df;
    border-radius:999px;
    background:#f3faf8;
    color:#1a6f62;
    padding:5px 8px;
    font-size:12px;
    font-style:normal;
    font-weight:850;
}
.pet-reply-response-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    padding:16px 24px 0;
}
.pet-reply-response-grid article{
    border:1px solid #dfe9e5;
    border-radius:18px;
    background:#fbfdfc;
    padding:15px 17px;
}
.pet-reply-response-grid p{
    margin:7px 0 0;
    color:#536874;
    line-height:1.7;
    overflow-wrap:anywhere;
}
.pet-reply-card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:18px 24px 22px;
}
.pet-reply-card-footer>p{
    max-width:560px;
    margin:0;
    color:#6a7a86;
    line-height:1.6;
}
.pet-reply-actions-final{
    display:grid;
    grid-template-columns:auto auto auto;
    gap:9px;
    margin:0;
    flex:0 0 auto;
}
.pet-reply-actions-final .pet-btn{
    min-height:44px;
    border-radius:14px;
    padding:10px 14px;
    white-space:nowrap;
}
.pet-btn-disabled{
    border:1px solid #e8d29d;
    background:#fff8e8;
    color:#946100;
    cursor:not-allowed;
}
.pet-replies-empty{
    padding:44px 24px;
    border-style:solid;
}
.pet-replies-empty h2{margin:10px 0 8px;font-size:30px;font-weight:950;color:#16364a}
.pet-replies-empty p{max-width:700px;margin:0 auto 18px}
.pet-empty-icon{font-size:34px}
.pet-replies-reminder{
    margin-top:18px;
    border:1px solid #d7e5e0;
    border-radius:24px;
    background:rgba(255,255,255,.94);
    box-shadow:0 16px 40px rgba(15,23,42,.06);
    overflow:hidden;
}
.pet-replies-reminder summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:18px 22px;
    cursor:pointer;
    list-style:none;
}
.pet-replies-reminder summary::-webkit-details-marker{display:none}
.pet-replies-reminder summary span{display:grid;gap:3px}
.pet-replies-reminder summary b{color:#15384b;font-size:18px}
.pet-replies-reminder summary small{color:#70808d}
.pet-replies-reminder summary em{
    border-radius:999px;
    background:#edf8f5;
    color:#0b7a67;
    padding:7px 11px;
    font-size:12px;
    font-style:normal;
    font-weight:900;
}
.pet-replies-reminder[open] summary{border-bottom:1px solid #dfe9e5}
.pet-replies-reminder[open] summary em:after{content:"收合"}
.pet-replies-reminder[open] summary em{font-size:0}
.pet-replies-reminder[open] summary em:after{font-size:12px}
.pet-replies-reminder-content{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:22px;
    padding:22px;
}
.pet-replies-reminder-content h3{
    margin:0 0 12px;
    color:#16364a;
    font-size:19px;
    font-weight:950;
}
.pet-replies-reminder-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.pet-replies-reminder-grid article{
    border:1px solid #dfe9e5;
    border-radius:16px;
    background:#f9fcfb;
    padding:14px;
}
.pet-replies-reminder-grid span{
    display:inline-flex;
    border-radius:999px;
    background:#eaf8f3;
    color:#0b7a67;
    padding:5px 8px;
    font-size:11px;
    font-weight:900;
}
.pet-replies-reminder-grid strong{
    display:block;
    margin-top:8px;
    color:#17384b;
}
.pet-replies-reminder-grid p{
    margin:5px 0 0;
    color:#6a7a86;
    line-height:1.55;
}
.pet-replies-check-list{gap:8px}
.pet-replies-check-list li{padding-top:10px;padding-bottom:10px}
.pet-replies-cash-note{
    display:grid;
    gap:5px;
    margin-top:10px;
    border:1px solid #f0d99f;
    border-radius:16px;
    background:#fff9eb;
    padding:13px 15px;
    color:#865c0a;
    line-height:1.55;
}

@media(max-width:1080px){
    .pet-replies-overview-head{grid-template-columns:1fr}
    .pet-replies-current-status{grid-template-columns:auto 1fr;align-items:center}
    .pet-replies-current-status small{grid-column:1/-1}
    .pet-replies-request-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .pet-replies-request-summary article{border-bottom:1px solid #dfebe7}
    .pet-replies-request-summary article:nth-child(2n){border-right:0}
    .pet-replies-request-summary article:last-child{grid-column:1/-1;border-bottom:0}
    .pet-replies-results-head{align-items:flex-start;flex-direction:column}
    .pet-replies-results .pet-reply-sort-tabs{justify-content:flex-start}
    .pet-reply-card-head{grid-template-columns:1fr}
    .pet-reply-quote-panel{grid-template-columns:auto 1fr auto;align-items:center}
    .pet-reply-quote-panel strong{justify-self:start}
    .pet-reply-core-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .pet-reply-core-grid article:nth-child(3n){border-right:1px solid #dfe9e5}
    .pet-reply-core-grid article:nth-child(2n){border-right:0}
    .pet-reply-core-grid article:nth-last-child(-n+3){border-bottom:1px solid #dfe9e5}
    .pet-reply-core-grid article:nth-last-child(-n+2){border-bottom:0}
    .pet-reply-card-footer{align-items:flex-start;flex-direction:column}
    .pet-reply-actions-final{width:100%;grid-template-columns:repeat(3,1fr)}
    .pet-replies-reminder-content{grid-template-columns:1fr}
}
@media(max-width:720px){
    .pet-replies-final-page{width:min(100% - 20px,1240px);padding-top:14px}
    .pet-replies-topbar{align-items:flex-start;flex-direction:column}
    .pet-replies-stage-pill{white-space:normal}
    .pet-replies-overview,.pet-replies-results,.pet-replies-reminder{border-radius:22px}
    .pet-replies-overview-head{padding:22px 18px 18px}
    .pet-replies-overview h1{font-size:32px}
    .pet-replies-request-summary{grid-template-columns:1fr}
    .pet-replies-request-summary article,
    .pet-replies-request-summary article:nth-child(2n){border-right:0;border-bottom:1px solid #dfebe7}
    .pet-replies-stage-note{align-items:flex-start;flex-direction:column;gap:3px}
    .pet-replies-stage-note b{white-space:normal}
    .pet-replies-results{padding:17px 14px}
    .pet-replies-results .pet-reply-sort-tabs a{flex:1 1 calc(50% - 8px);text-align:center}
    .pet-reply-card-head{padding:18px}
    .pet-reply-provider-identity{grid-template-columns:64px minmax(0,1fr);align-items:start}
    .pet-reply-provider-identity img{width:64px;height:64px;border-radius:18px}
    .pet-reply-provider-identity h3{font-size:20px}
    .pet-reply-provider-meta{gap:5px 12px}
    .pet-reply-quote-panel{grid-template-columns:1fr}
    .pet-reply-condition-row{padding:12px 18px}
    .pet-reply-core-grid{grid-template-columns:1fr;margin:0 18px}
    .pet-reply-core-grid article,
    .pet-reply-core-grid article:nth-child(2n),
    .pet-reply-core-grid article:nth-child(3n){border-right:0;border-bottom:1px solid #dfe9e5}
    .pet-reply-core-grid article:last-child{border-bottom:0}
    .pet-reply-response-grid{grid-template-columns:1fr;padding:14px 18px 0}
    .pet-reply-card-footer{padding:16px 18px 20px}
    .pet-reply-actions-final{grid-template-columns:1fr}
    .pet-reply-actions-final .pet-btn{width:100%}
    .pet-replies-reminder-content{padding:16px}
    .pet-replies-reminder-grid{grid-template-columns:1fr}
}

/* 寵物到府照顧服務者回覆比較：v2 精簡比較版 */
.pet-replies-v2{
    width:min(1240px,calc(100% - 32px));
    padding-top:20px;
    padding-bottom:44px;
}
.pet-replies-v2-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:12px;
}
.pet-replies-v2-stage{
    display:inline-flex;
    align-items:center;
    border:1px solid #efd69c;
    border-radius:999px;
    background:#fff9e9;
    color:#936100;
    padding:8px 13px;
    font-size:13px;
    font-weight:900;
}
.pet-replies-v2-overview,
.pet-replies-v2-results,
.pet-replies-v2-reminder{
    border:1px solid rgba(148,163,184,.24);
    background:rgba(255,255,255,.96);
    box-shadow:0 16px 40px rgba(15,23,42,.07);
}
.pet-replies-v2-overview{
    overflow:hidden;
    border-radius:26px;
    margin-bottom:16px;
}
.pet-replies-v2-heading{
    display:grid;
    grid-template-columns:minmax(0,1fr) 250px;
    gap:22px;
    align-items:center;
    padding:22px 24px 18px;
}
.pet-replies-v2-kicker{
    display:inline-flex;
    border-radius:999px;
    background:#eaf8f3;
    color:#087b68;
    padding:6px 10px;
    font-size:12px;
    font-weight:950;
}
.pet-replies-v2-title h1{
    margin:9px 0 6px;
    color:#102d42;
    font-size:clamp(30px,3.5vw,42px);
    line-height:1.15;
    font-weight:950;
    letter-spacing:-.03em;
}
.pet-replies-v2-title p{
    margin:0;
    color:#607381;
    font-size:16px;
    line-height:1.65;
}
.pet-replies-v2-status{
    display:grid;
    gap:5px;
    border:1px solid #cde6df;
    border-radius:18px;
    background:#f3faf8;
    padding:15px 17px;
}
.pet-replies-v2-status span{
    color:#0b7a67;
    font-size:12px;
    font-weight:950;
}
.pet-replies-v2-status strong{
    color:#15364a;
    font-size:19px;
    line-height:1.35;
}
.pet-replies-v2-status small{
    color:#6f7e88;
    line-height:1.45;
}
.pet-replies-v2-summary{
    display:grid;
    grid-template-columns:.72fr 1.25fr 1fr .92fr;
    border-top:1px solid #dfeae6;
    background:#fbfefd;
}
.pet-replies-v2-summary article{
    min-width:0;
    padding:14px 18px;
    border-right:1px solid #dfeae6;
}
.pet-replies-v2-summary article:last-child{border-right:0}
.pet-replies-v2-summary span,
.pet-replies-v2-facts span,
.pet-replies-v2-services>span,
.pet-replies-v2-messages span,
.pet-replies-v2-side-item span{
    display:block;
    color:#0b7a67;
    font-size:12px;
    font-weight:950;
}
.pet-replies-v2-summary strong{
    display:block;
    margin-top:5px;
    color:#17384b;
    font-size:17px;
    line-height:1.35;
    overflow-wrap:anywhere;
}
.pet-replies-v2-summary small{
    display:block;
    margin-top:3px;
    color:#74818b;
    line-height:1.4;
}
.pet-replies-v2-note{
    display:flex;
    align-items:center;
    gap:10px;
    border-top:1px solid #efdcab;
    background:#fff9eb;
    padding:11px 18px;
    color:#865b06;
    line-height:1.55;
}
.pet-replies-v2-note b{white-space:nowrap}
.pet-replies-v2-results{
    border-radius:26px;
    padding:20px;
}
.pet-replies-v2-results-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:0 2px 15px;
    border-bottom:1px solid #e1ebe7;
}
.pet-replies-v2-results-head>div>span{
    color:#0b7a67;
    font-size:12px;
    font-weight:950;
}
.pet-replies-v2-results-head h2{
    margin:4px 0 0;
    color:#15364a;
    font-size:26px;
    font-weight:950;
}
.pet-replies-v2-sort{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:7px;
}
.pet-replies-v2-sort a{
    border:1px solid #cfe2dc;
    border-radius:999px;
    background:#fff;
    color:#536a75;
    padding:8px 12px;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
}
.pet-replies-v2-sort a.active{
    border-color:#0f8f79;
    background:#0f8f79;
    color:#fff;
}
.pet-replies-v2-list{
    display:grid;
    gap:14px;
    margin-top:16px;
}
.pet-replies-v2-card{
    overflow:hidden;
    border:1px solid #d9e6e1;
    border-radius:22px;
    background:#fff;
}
.pet-replies-v2-card.needs-confirmation{border-color:#ead39a}
.pet-replies-v2-card-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) 205px;
    gap:18px;
    align-items:center;
    padding:18px 20px;
    border-bottom:1px solid #e2ebe8;
    background:linear-gradient(135deg,#fff,#f8fcfb);
}
.pet-replies-v2-provider{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:14px;
    align-items:center;
    min-width:0;
}
.pet-replies-v2-provider img{
    width:72px;
    height:72px;
    border-radius:18px;
    object-fit:cover;
    background:#eef3f2;
}
.pet-replies-v2-labels{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
.pet-replies-v2-labels>span:not(.reply-status-pill){
    display:inline-flex;
    border-radius:999px;
    background:#edf8f5;
    color:#0b7a67;
    padding:5px 9px;
    font-size:11px;
    font-weight:900;
}
.pet-replies-v2-provider h3{
    margin:6px 0 2px;
    color:#123247;
    font-size:22px;
    line-height:1.3;
    font-weight:950;
}
.pet-replies-v2-provider p{
    margin:0;
    color:#687b87;
    line-height:1.45;
}
.pet-replies-v2-meta{
    display:flex;
    flex-wrap:wrap;
    gap:5px 14px;
    margin-top:8px;
    color:#667986;
    font-size:12px;
}
.pet-replies-v2-meta b{color:#15384b}
.pet-replies-v2-price{
    display:grid;
    gap:4px;
    border:1px solid #bfe4d8;
    border-radius:18px;
    background:#effaf6;
    padding:14px 16px;
}
.pet-replies-v2-price span{
    color:#0b7a67;
    font-size:12px;
    font-weight:950;
}
.pet-replies-v2-price strong{
    color:#087d69;
    font-size:27px;
    line-height:1.2;
}
.pet-replies-v2-price small{color:#647985}
.pet-replies-v2-card-body{
    display:grid;
    grid-template-columns:minmax(0,1fr) 260px;
    gap:16px;
    padding:16px 20px;
}
.pet-replies-v2-main{min-width:0}
.pet-replies-v2-facts{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    overflow:hidden;
    border:1px solid #dfe9e5;
    border-radius:16px;
}
.pet-replies-v2-facts article{
    min-width:0;
    min-height:82px;
    padding:12px 14px;
    border-right:1px solid #dfe9e5;
    background:#fbfdfc;
}
.pet-replies-v2-facts article:last-child{border-right:0}
.pet-replies-v2-facts strong{
    display:block;
    margin-top:6px;
    color:#17384b;
    font-size:14px;
    line-height:1.5;
    overflow-wrap:anywhere;
}
.pet-replies-v2-services{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-top:12px;
    border:1px solid #dfe9e5;
    border-radius:16px;
    background:#fbfdfc;
    padding:12px 14px;
}
.pet-replies-v2-services>span{
    flex:0 0 auto;
    padding-top:5px;
}
.pet-replies-v2-services>div{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
.pet-replies-v2-services em{
    display:inline-flex;
    border:1px solid #cae5dd;
    border-radius:999px;
    background:#f1faf7;
    color:#176f61;
    padding:5px 8px;
    font-size:12px;
    font-style:normal;
    font-weight:850;
}
.pet-replies-v2-messages{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:12px;
}
.pet-replies-v2-messages article{
    min-height:104px;
    border:1px solid #dfe9e5;
    border-radius:16px;
    background:#fff;
    padding:13px 15px;
}
.pet-replies-v2-messages p{
    margin:6px 0 0;
    color:#566b77;
    line-height:1.6;
    overflow-wrap:anywhere;
}
.pet-replies-v2-checks{
    display:grid;
    align-content:start;
    gap:11px;
    border:1px solid #dfe9e5;
    border-radius:18px;
    background:#f8fcfb;
    padding:14px;
}
.pet-replies-v2-checks h4{
    margin:0;
    color:#15364a;
    font-size:16px;
    font-weight:950;
}
.pet-replies-v2-condition-list{
    display:grid;
    gap:7px;
}
.pet-replies-v2-condition-list span{
    display:flex;
    align-items:flex-start;
    border-radius:12px;
    padding:8px 10px;
    font-size:12px;
    font-weight:850;
    line-height:1.45;
}
.pet-replies-v2-condition-list .is-ready{
    border:1px solid #bde5da;
    background:#edf9f5;
    color:#087b68;
}
.pet-replies-v2-condition-list .is-ready:before{content:"✓";margin-right:6px}
.pet-replies-v2-condition-list .is-pending{
    border:1px solid #efd89d;
    background:#fff9e9;
    color:#956100;
}
.pet-replies-v2-condition-list .is-pending:before{content:"!";margin-right:6px}
.pet-replies-v2-side-item{
    border-top:1px solid #dfe9e5;
    padding-top:10px;
}
.pet-replies-v2-side-item strong{
    display:block;
    margin-top:5px;
    color:#17384b;
    font-size:13px;
    line-height:1.5;
}
.pet-replies-v2-checks>p{
    margin:0;
    color:#6b7a85;
    font-size:12px;
    line-height:1.55;
}
.pet-replies-v2-card-footer{
    display:grid;
    grid-template-columns:1fr 1fr 1.25fr;
    gap:9px;
    padding:0 20px 18px;
}
.pet-replies-v2-card-footer .pet-btn{
    min-height:44px;
    border-radius:14px;
    padding:10px 13px;
    text-align:center;
}
.pet-replies-v2-reminder{
    margin-top:16px;
    border-radius:22px;
    overflow:hidden;
}
.pet-replies-v2-reminder summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 20px;
    cursor:pointer;
    list-style:none;
}
.pet-replies-v2-reminder summary::-webkit-details-marker{display:none}
.pet-replies-v2-reminder summary span{display:grid;gap:2px}
.pet-replies-v2-reminder summary b{color:#15364a;font-size:17px}
.pet-replies-v2-reminder summary small{color:#72808a}
.pet-replies-v2-reminder summary em{
    border-radius:999px;
    background:#edf8f5;
    color:#0b7a67;
    padding:6px 10px;
    font-size:12px;
    font-style:normal;
    font-weight:900;
}
.pet-replies-v2-reminder[open] summary{border-bottom:1px solid #dfe9e5}
.pet-replies-v2-reminder[open] summary em{font-size:0}
.pet-replies-v2-reminder[open] summary em:after{content:"收合";font-size:12px}
.pet-replies-v2-reminder-content{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:18px;
    padding:18px 20px 20px;
}
.pet-replies-v2-reminder-content h3{
    margin:0 0 10px;
    color:#15364a;
    font-size:18px;
    font-weight:950;
}
.pet-replies-v2-reminder-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}
.pet-replies-v2-reminder-grid article{
    border:1px solid #dfe9e5;
    border-radius:14px;
    background:#f9fcfb;
    padding:12px;
}
.pet-replies-v2-reminder-grid span{
    display:inline-flex;
    border-radius:999px;
    background:#eaf8f3;
    color:#0b7a67;
    padding:4px 7px;
    font-size:11px;
    font-weight:900;
}
.pet-replies-v2-reminder-grid strong{
    display:block;
    margin-top:7px;
    color:#17384b;
}
.pet-replies-v2-reminder-grid p{
    margin:4px 0 0;
    color:#697a86;
    line-height:1.5;
}
.pet-replies-v2-check-list{gap:7px}
.pet-replies-v2-check-list li{padding:9px 11px}
.pet-replies-v2-cash-note{
    display:grid;
    gap:4px;
    margin-top:9px;
    border:1px solid #efd89e;
    border-radius:14px;
    background:#fff9eb;
    padding:11px 13px;
    color:#865b07;
    line-height:1.5;
}

@media(max-width:1050px){
    .pet-replies-v2-heading{grid-template-columns:1fr}
    .pet-replies-v2-status{grid-template-columns:auto 1fr;align-items:center}
    .pet-replies-v2-status small{grid-column:1/-1}
    .pet-replies-v2-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .pet-replies-v2-summary article{border-bottom:1px solid #dfeae6}
    .pet-replies-v2-summary article:nth-child(2n){border-right:0}
    .pet-replies-v2-summary article:nth-last-child(-n+2){border-bottom:0}
    .pet-replies-v2-card-body{grid-template-columns:1fr}
    .pet-replies-v2-checks{grid-template-columns:1fr 1fr}
    .pet-replies-v2-checks h4,.pet-replies-v2-checks>p{grid-column:1/-1}
    .pet-replies-v2-condition-list{grid-template-columns:repeat(2,minmax(0,1fr))}
    .pet-replies-v2-reminder-content{grid-template-columns:1fr}
}
@media(max-width:760px){
    .pet-replies-v2{width:min(100% - 20px,1240px);padding-top:14px}
    .pet-replies-v2-toolbar{align-items:flex-start;flex-direction:column}
    .pet-replies-v2-stage{white-space:normal}
    .pet-replies-v2-overview,.pet-replies-v2-results,.pet-replies-v2-reminder{border-radius:20px}
    .pet-replies-v2-heading{padding:19px 17px 15px}
    .pet-replies-v2-title h1{font-size:30px}
    .pet-replies-v2-summary{grid-template-columns:1fr}
    .pet-replies-v2-summary article,
    .pet-replies-v2-summary article:nth-child(2n){border-right:0;border-bottom:1px solid #dfeae6}
    .pet-replies-v2-summary article:last-child{border-bottom:0}
    .pet-replies-v2-note{align-items:flex-start;flex-direction:column;gap:2px}
    .pet-replies-v2-note b{white-space:normal}
    .pet-replies-v2-results{padding:15px 13px}
    .pet-replies-v2-results-head{align-items:flex-start;flex-direction:column}
    .pet-replies-v2-sort{justify-content:flex-start;width:100%}
    .pet-replies-v2-sort a{flex:1 1 calc(50% - 7px);text-align:center}
    .pet-replies-v2-card-head{grid-template-columns:1fr;padding:16px}
    .pet-replies-v2-provider{grid-template-columns:60px minmax(0,1fr);align-items:start}
    .pet-replies-v2-provider img{width:60px;height:60px;border-radius:16px}
    .pet-replies-v2-provider h3{font-size:19px}
    .pet-replies-v2-price{grid-template-columns:auto 1fr auto;align-items:center}
    .pet-replies-v2-price strong{font-size:23px}
    .pet-replies-v2-card-body{padding:14px 16px}
    .pet-replies-v2-facts{grid-template-columns:1fr 1fr}
    .pet-replies-v2-facts article:nth-child(2n){border-right:0}
    .pet-replies-v2-facts article:nth-child(-n+2){border-bottom:1px solid #dfe9e5}
    .pet-replies-v2-services{align-items:flex-start;flex-direction:column;gap:7px}
    .pet-replies-v2-messages{grid-template-columns:1fr}
    .pet-replies-v2-checks{grid-template-columns:1fr}
    .pet-replies-v2-condition-list{grid-template-columns:1fr}
    .pet-replies-v2-checks h4,.pet-replies-v2-checks>p{grid-column:auto}
    .pet-replies-v2-card-footer{grid-template-columns:1fr;padding:0 16px 16px}
    .pet-replies-v2-card-footer .pet-btn{width:100%}
    .pet-replies-v2-reminder-content{padding:15px}
    .pet-replies-v2-reminder-grid{grid-template-columns:1fr}
}

/* Stage 723 - formal temp pet care order lifecycle */
.pet-order-lifecycle {
    margin: 0 0 22px;
    padding: 22px;
    border-radius: 30px;
    border: 1px solid rgba(148, 163, 184, .24);
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 18px 42px rgba(15, 23, 42, .06);
}
.pet-order-lifecycle-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 18px;
    margin-bottom: 16px;
}
.pet-order-lifecycle-head h2 {
    margin: 8px 0 0;
    color: #10201b;
    font-size: 28px;
    font-weight: 950;
    letter-spacing: -.035em;
}
.pet-order-lifecycle-head p {
    max-width: 600px;
    margin: 0;
    color: #64748b;
    line-height: 1.65;
    font-weight: 700;
    text-align: right;
}
.pet-formal-order-flow {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}
.pet-formal-order-flow article {
    min-height: 94px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    padding: 14px;
    border-radius: 20px;
    background: #f8fafc;
}
.pet-formal-order-flow article b {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #e2e8f0;
    color: #64748b;
}
.pet-formal-order-flow article span {
    color: #334155;
    line-height: 1.45;
}
.pet-formal-order-flow article.done {
    border-color: #bbf7d0;
    background: #f0fdf4;
}
.pet-formal-order-flow article.done b {
    background: #0f766e;
    color: #fff;
}
.pet-formal-order-flow article.current {
    border-color: #7dd3fc;
    background: #f0f9ff;
    box-shadow: inset 0 0 0 1px rgba(14, 165, 233, .06);
}
.pet-formal-order-flow article.current b {
    background: #0284c7;
    color: #fff;
}
.pet-formal-order-flow article.pending {
    opacity: .72;
}
@media (max-width: 1100px) {
    .pet-formal-order-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 760px) {
    .pet-order-lifecycle {
        padding: 18px;
        border-radius: 24px;
    }
    .pet-order-lifecycle-head {
        display: grid;
        align-items: start;
    }
    .pet-order-lifecycle-head p {
        text-align: left;
    }
    .pet-formal-order-flow {
        grid-template-columns: 1fr;
    }
    .pet-formal-order-flow article {
        min-height: auto;
    }
}


/* 寵物到府照顧完成確認：服務驗收與付款狀態分離提示 */
.pet-completion-state-note {
    display: grid;
    gap: .35rem;
    margin: 1rem 0 .25rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(15, 118, 110, .22);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(236, 253, 245, .96), rgba(240, 253, 250, .9));
    color: #315f59;
}
.pet-completion-state-note b {
    color: #075e54;
    font-size: 1rem;
}
.pet-completion-form .pet-btn:disabled {
    cursor: not-allowed;
    opacity: .58;
    box-shadow: none;
    transform: none;
}

/* Temp pet care progress entry */
.pet-match-header-links-v24{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pet-match-progress-link-v24{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid #c5ddd7;border-radius:999px;background:#fff;color:#08735d;font-size:13px;font-weight:900;text-decoration:none}
.pet-match-progress-link-v24:hover{background:#eef8f5;color:#075e4c}
@media(max-width:680px){.pet-match-header-links-v24{width:100%;justify-content:space-between}.pet-match-progress-link-v24{font-size:12px}}