.service-detail-page{min-height:100vh;padding:2rem 1rem;max-width:1000px;margin:0 auto}.service-detail__back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:2rem;transition:all .2s;font-size:.95rem;font-weight:var(--weight-medium)}.service-detail__back-btn:hover{background-color:var(--gray-100);border-color:var(--accent-color)}.service-detail__layout{display:flex;justify-content:center}.service-detail__card{background-color:var(--bg-secondary,#f9f9f9);border-radius:var(--radius-md);overflow:hidden;max-width:600px;width:100%;box-shadow:0 2px 8px rgba(0,0,0,.08)}.service-detail__professional-hero{display:flex;gap:1.5rem;padding:2rem;background-color:var(--white);border-bottom:1px solid var(--border-color)}.service-detail__avatar{width:100px;height:100px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.service-detail__professional-info{display:flex;flex-direction:column;gap:.5rem;flex:1 1}.service-detail__professional-name{font-size:1.1rem;font-weight:var(--weight-bold);margin:0;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.service-detail__verified-icon{color:var(--accent-color)}.service-detail__location{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem}.service-detail__location svg{color:var(--accent-color);flex-shrink:0}.service-detail__rating{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem;font-weight:var(--weight-semibold)}.service-detail__rating svg{flex-shrink:0}.service-detail__body{padding:2rem;background-color:var(--white)}.service-detail__title-large{font-size:1.8rem;font-weight:var(--weight-bold);margin:0 0 1.5rem;color:var(--text-primary);line-height:1.3}.service-detail__section{margin-bottom:2rem}.service-detail__section:last-of-type{margin-bottom:0}.service-detail__section-title{font-size:.95rem;font-weight:var(--weight-semibold);color:var(--text-secondary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.service-detail__desc{color:var(--text-primary);line-height:1.6;margin:0;font-size:1rem}.service-detail__price-large{font-size:1.8rem;font-weight:var(--weight-bold);color:var(--accent-color);margin:0}.service-detail__duration{color:var(--text-primary);font-size:1rem;margin:0;font-weight:var(--weight-medium)}.service-detail__footer{display:flex;gap:1rem;padding:2rem;background-color:var(--bg-secondary,#f9f9f9);border-top:1px solid var(--border-color,#e0e0e0)}.service-detail__button{flex:1 1;padding:1rem;border-radius:var(--radius-sm);font-weight:var(--weight-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;transition:all .2s;font-size:.95rem}.service-detail__button--primary{background-color:var(--accent-color);color:white}.service-detail__button--primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(233,72,35,.3)}.service-detail__button--secondary{background-color:var(--white);color:var(--accent-color);border:1px solid var(--accent-color)}.service-detail__button--secondary:hover{background-color:var(--accent-color);color:white}.service-detail__button--share{background-color:var(--white);color:var(--text-primary);border:1px solid var(--border-color)}.service-detail__button--share:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:var(--surface-soft)}.service-detail-error,.service-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-secondary)}.service-detail-error h2{font-size:1.5rem;margin:0;color:var(--text-primary)}.back-btn{background-color:var(--accent-color);color:white;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--weight-semibold);display:flex;align-items:center;gap:.5rem;transition:all .2s;margin-top:1rem}.back-btn:hover{background-color:var(--accent-hover)}@media (max-width:768px){.service-detail-page{padding:1rem}.service-detail__professional-hero{flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.service-detail__avatar{width:80px;height:80px}.service-detail__title-large{font-size:1.4rem}.service-detail__body{padding:1.5rem}.service-detail__footer{flex-direction:column;padding:1.5rem}}