.service-catalog{display:grid;gap:22px}.service-card{background:var(--surface);border:1px solid #d5b67533;border-radius:12px;padding:25px;overflow:hidden}.service-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.service-heading h2{font:400 1.6rem/1.3 'Playfair Display',Georgia,serif;margin:5px 0 0}.service-category{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.service-heading .price{font-size:1rem;white-space:nowrap;padding-top:7px}.service-description{font-size:1rem;line-height:1.6;color:var(--muted);margin:14px 0 22px;max-width:590px}.service-inclusions{display:flex;flex-wrap:wrap;gap:20px 22px;list-style:none;margin:0;padding:5px 0 24px}.service-inclusions li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;width:112px;text-align:center;font-size:.875rem;line-height:1.4;position:relative}.service-inclusions li:not(:last-child)::after{content:'+';position:absolute;right:-16px;top:30px;color:#d5b67570;font-size:1rem}.feature-illustration{display:block;width:90px;aspect-ratio:9/8;flex-shrink:0;background-image:url('/demo/assets/service-illustrations-v1.png');background-size:400% 300%;background-repeat:no-repeat}.art-cut{background-position:0 0}.art-advice{background-position:33.333333% 0}.art-brows{background-position:66.666667% 0}.art-finish{background-position:100% 0}.art-beard{background-position:0 50%}.art-facial{background-position:33.333333% 50%}.art-massage{background-position:66.666667% 50%}.art-drink{background-position:100% 50%}.art-color{background-position:0 100%}.art-hands{background-position:33.333333% 100%}.art-feet{background-position:66.666667% 100%}.art-assessment{background-position:100% 100%}.service-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:19px;border-top:1px solid var(--line)}.service-availability{font-size:.875rem;line-height:1.5;color:var(--muted)}.service-footer button{flex-shrink:0;min-height:46px}.service-pending{border-color:var(--line)}.tutorial-auto-status{width:100%;font-size:.875rem;line-height:1.6;text-align:center;color:var(--muted);margin:0 0 2px}.tutorial-actions{margin-top:22px}.tutorial-actions .ghost{min-height:44px}
@media(max-width:600px){.service-card{padding:18px}.service-heading{flex-wrap:wrap;gap:7px}.service-heading h2{font-size:1.4rem}.service-heading .price{padding-top:0}.service-inclusions{gap:18px 4%;padding-bottom:20px}.service-inclusions li{width:22%;font-size:.875rem;gap:9px}.feature-illustration{width:100%;max-width:90px}.service-inclusions li:not(:last-child)::after{right:-12%;top:22px;font-size:.875rem}.service-footer{flex-direction:column;align-items:stretch;gap:12px}.service-footer button{width:100%}.service-availability{text-align:center}.service-description{margin-bottom:17px}}
.customer-actions{display:grid;gap:14px;margin:24px 0}.customer-actions input{display:block;width:100%;min-height:48px;margin:12px 0 18px;background:var(--surface);border:1px solid var(--line);color:var(--text);padding:12px;font:inherit;border-radius:8px}.customer-actions label{font-size:1rem}.customer-actions .review-row{grid-template-columns:90px 1fr}.customer-actions strong{overflow-wrap:anywhere}
.preview-note{height:auto;min-height:30px;line-height:1.5}.customer-actions .small{font-size:.875rem;line-height:1.6}