/* public/services/services.css */
body {
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
margin: auto;
padding: 0;
background: hsl(220 24% 95%) !important;
color: #111;
}

a { text-decoration: none; }

.services-page-shell { margin:auto; }
.services-category-intro-wrap, .services-category-links-wrap { max-width:1240px; margin:auto; }
.services-category-intro, .services-category-links { padding:10px; }
.services-category-intro h2, .services-category-links h2 { margin:0; color:#0f172a; font-size:27px; font-weight:400; line-height:1; }
.services-category-intro p, .services-category-links p { color:#000; font-size:17px !important; line-height:1.45; margin:17px 0 0; font-weight:300; }
.services-category-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.services-category-chip-list { display:flex; flex-wrap:wrap; gap:4px; margin-top:14px; }
.services-category-chip { display:inline-flex; align-items:center; justify-content:center; gap:11px; padding:7px 10px; border-radius:999px; background:#fff; color:#334155; font-size:13px; line-height:1; }
.services-category-chip:hover { color:#0f172a; }
.services-category-chip__meta { font-size:11px; font-weight:700; color:#007d6b; background:#d4eded; border-radius:999px; padding:3px 6px; }
.services-category-chip.is-free .services-category-chip__meta { color:#059083; background:#11c5b81a; }

.services-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(235px, 1fr)); gap:20px; justify-items:center; margin:0 0 30px; padding:0; }
.services-card { position:relative; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; width:100%; max-width:330px; border-radius:20px; background:#fff; box-shadow:0 0 20px 0 #0000002e; transform:translateY(0); transition:.16s ease; }
.services-card:hover { transform:translateY(-5px); }
.services-card__link { display:flex; flex-direction:column; color:inherit; }
.services-card__image { width:100%; aspect-ratio:30/31; object-fit:cover; background:#eef2f7; }
.services-card__meta { display:flex; flex-direction:column; gap:9px; padding:12px 12px 0; }
.services-card__name { min-height:40px; max-height:44px; overflow:hidden; color:#000; font-size:16px; line-height:1.25; font-weight:400; word-break:break-word; }
.services-card__price { display:flex; flex-wrap:wrap; align-items:center; gap:7px; color:#000; font-size:16px; line-height:1.2; font-weight:700; }
.services-card__price-label { color:#00a58e; font-size:12px; font-weight:800; }
.services-card__badges { display:flex; flex-wrap:wrap; gap:6px; }
.services-card__badge { display:inline-flex; align-items:center; max-width:100%; padding:4px 8px; border-radius:999px; background:#edf7f6; color:#007d6b; font-size:12px; line-height:1; }
.services-card__badge--muted { background:#f3f5f9; color:#667085; }
.services-card__seller-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:10px 0 0; padding:7px 9px; border-radius:6px 6px 13px 13px; background:#f3f5f9; }
.services-seller-pill { display:inline-flex; align-items:center; gap:8px; min-width:0; color:#555; }
.services-seller-pill__avatar { width:30px; height:30px; flex:0 0 30px; object-fit:cover; border-radius:999px; }
.services-seller-pill__content { display:flex; flex-direction:column; gap:1px; min-width:0; }
.services-seller-pill__login { display:block; max-width:128px; overflow:hidden; color:#26303d; font-size:14px; line-height:1.2; white-space:nowrap; text-overflow:ellipsis; }
.services-seller-pill__rating { display:inline-flex; align-items:center; gap:3px; color:#1f2937; font-size:12px; line-height:1; font-weight:700; }
.services-seller-pill__star { color:#f9d873; font-size:14px; line-height:1; }
.services-seller-pill__reviews { color:#667085; font-weight:200; }
.services-top-badge { position:absolute; top:8px; left:8px; z-index:2; display:inline-flex; align-items:center; justify-content:center; max-width:calc(100% - 16px); padding:5px 9px; border-radius:999px; background:#11c5b8; color:#fff; font-size:10px; line-height:1; font-weight:800; box-shadow:0 8px 20px #11c5b840; }
.services-card__order-icon { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:999px; background:hsl(172 100% 25% / 1); color:#fff; font-size:18px; }
.services-card__portfolio { position:absolute; top:8px; right:8px; z-index:2; padding:5px 9px; border-radius:999px; background:#0f172acc; color:#fff; font-size:10px; font-weight:800; }

.services-empty { max-width:720px; margin:30px auto; padding:24px; border-radius:20px; background:#fff; box-shadow:0 10px 35px rgba(15,23,42,.08); text-align:center; }
.services-empty h2 { margin:0 0 8px; font-size:26px; font-weight:500; }
.services-empty p { margin:0; color:#64748b; line-height:1.5; }

.services-pager { display:flex; align-items:center; justify-content:center; gap:12px; margin:8px auto 36px; }
.services-pager__link { display: inline-flex; align-items: center; justify-content: center; padding: 8px 19px; border-radius: 6px; background: #fff; color: #000; font-weight: 400; font-size: 14px; }
.services-pager__link.is-disabled, .services-pager__link[aria-disabled="true"] { opacity:.45; pointer-events:none; }
.services-pager__info { color:#64748b; font-size:13px; }

@media (max-width:760px) {
.services-grid { grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:12px; }
.services-card__name { font-size:14px; }
.services-card__price { font-size:14px; }
}


/* Контейнер отдельного модального меню категорий услуг */
.service-category-menu-host {
max-width: 1240px;
margin: auto;
padding: 10px;
border-radius: 14px;
}

.service-category-menu-host:empty {
display: none;
}

.service-category-menu-host .service-category-menu {
margin: 0;
}

@media (max-width: 720px) {
.service-category-menu-host {
margin: 4px 0 12px;
padding: 8px;
border-radius: 12px;
}
}