/* Anastasia: desktop inline services; accepted phone/tablet UI and Price editor unchanged. */
@media (min-width:1024px) {
  body.is-home #services { --services-accent-blue:var(--stasia-blue); }
  body.is-home #services h2 span {color:var(--services-accent-blue);}
  body.is-home #services.desktop-services-inline-ready > .mobile-service-list,
  body.is-home #services.desktop-services-inline-ready > .mobile-choice {
    display:none !important;
  }
  body.is-home #services .desktop-services-inline {
    width:100%; max-width:100%; min-width:0; margin:0;
    font-family:var(--july-font-body);
  }
  body.is-home #services .desktop-services-tabs {
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:var(--july-space-3);margin:0 0 var(--july-space-4);
  }
  body.is-home #services .desktop-services-tab {
    appearance:none;display:flex;align-items:center;gap:var(--july-space-3);
    min-height:62px;min-width:0;width:100%;
    padding:var(--july-space-3);
    border:1px solid #dbe0e9;border-radius:12px;
    background:#fff;color:#262032;text-align:left;
    cursor:pointer;
    box-shadow:none;
    transition:none;
  }
  body.is-home #services .desktop-services-tab:hover {
    background:#f5f8ff;border-color:#a8c0f4;
  }
  body.is-home #services .desktop-services-tab.is-current {
    background:#fff;border-color:var(--services-accent-blue);
    box-shadow:inset 0 -3px var(--services-accent-blue);
  }
  body.is-home #services .desktop-services-tab:focus-visible {
    outline:2px solid var(--services-accent-blue);outline-offset:3px;
  }
  body.is-home #services .desktop-services-tab .mobile-service-icon {
    flex:0 0 28px;display:grid;place-items:center;
    width:28px;height:28px;background:transparent;
    color:var(--services-accent-blue);
  }
  body.is-home #services .desktop-services-tab .mobile-service-icon svg {
    display:block;width:24px;height:24px;
  }
  body.is-home #services .desktop-services-tab-label {
    min-width:0;flex:1;
    font:700 17px/1.35 Manrope,Arial,sans-serif;
    overflow-wrap:normal;
  }
  body.is-home #services .desktop-services-region {min-width:0;}
  body.is-home #services .desktop-services-cards {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:1fr;align-items:stretch;
    gap:var(--july-space-4);
    width:100%;
  }
  body.is-home #services .desktop-services-card {
    box-sizing:border-box;min-width:0;
    display:flex;flex-direction:column;align-items:flex-start;
    padding:var(--july-space-4);
    border:1px solid #e0e5ed;border-radius:14px;
    background:#fff;
    box-shadow:none;
    color:#25202f;
  }
  body.is-home #services .desktop-services-card-name {
    margin:0 0 var(--july-space-2);
    font:700 19px/1.25 Manrope,Arial,sans-serif;
    color:#25202f;overflow-wrap:break-word;
  }
  body.is-home #services .desktop-services-card-price {
    margin:0 0 var(--july-space-2);
    font:700 17px/1.45 Manrope,Arial,sans-serif;
    color:var(--services-accent-blue);
  }
  body.is-home #services .desktop-services-card-price-mark {
    background:none;padding:0;
    box-decoration-break:slice;
    -webkit-box-decoration-break:slice;
  }
  body.is-home #services .desktop-services-card-copy {
    margin:0;font:400 17px/1.5 Manrope,Arial,sans-serif;
    color:#51495c;max-width:54ch;
    overflow-wrap:break-word;
  }
  body.is-home #services .desktop-services-note {
    margin:var(--july-space-4) 0 0;
    font:400 14px/1.4 Manrope,Arial,sans-serif;
    color:#756e7d;
  }
  body.is-home #services .desktop-services-note[hidden] {display:none;}

}
@media (min-width:1024px) and (max-width:1199px) {
  body.is-home #services .desktop-services-tab {padding:var(--july-space-3);gap:8px;}
  body.is-home #services .desktop-services-tab-label {font-size:16px;}
  body.is-home #services .desktop-services-card {padding:var(--july-space-4);}
  body.is-home #services .desktop-services-card-name {font-size:19px;}
}


/* One restrained active-state outline rather than border plus purple inset. */
@media (min-width:1024px) {
  body.is-home #services .desktop-services-tab.is-current {
    border:2px solid var(--services-accent-blue);
    box-shadow:none;
  }
}


/* Compact desktop header row: title at left, three direction controls at
   right. Content cards span the full shared section width below. */
@media (min-width:1024px) {
  body.is-home #services.desktop-services-inline-ready {
    display:grid!important;
    grid-template-columns:max-content minmax(0,1fr);
    align-items:center;
    column-gap:clamp(28px,3vw,44px);
    row-gap:32px;
  }
  body.is-home #services.desktop-services-inline-ready > h2.mobile-only {
    grid-column:1;
    grid-row:1;
    align-self:center;
    margin:0!important;
  }
  body.is-home #services.desktop-services-inline-ready > .desktop-services-inline {
    display:contents!important;
  }
  body.is-home #services.desktop-services-inline-ready .desktop-services-tabs {
    grid-column:2;
    grid-row:1;
    align-self:center;
    min-width:0;
    gap:8px;
    margin:0!important;
  }
  body.is-home #services.desktop-services-inline-ready .desktop-services-region {
    grid-column:1 / -1;
    grid-row:2;
    min-width:0;
  }
  body.is-home #services .desktop-services-tab {
    min-height:56px;
    gap:7px;
    padding:8px 10px;
    border-radius:10px;
  }
  body.is-home #services .desktop-services-tab .mobile-service-icon {
    flex:0 0 20px;
    width:20px;
    height:20px;
  }
  body.is-home #services .desktop-services-tab .mobile-service-icon svg {
    width:20px;
    height:20px;
  }
  body.is-home #services .desktop-services-tab-label {
    font-size:15px!important;
    line-height:1.25;
    overflow-wrap:normal;
  }
}


/* Keep canonical service-card information order despite shared generic
   card rules: title -> approved blue price -> description. */
@media (min-width:1024px) {
  body.is-home #services .desktop-services-card-name {order:0!important;}
  body.is-home #services .desktop-services-card-price {
    order:1!important;
    color:var(--services-accent-blue)!important;
  }
  body.is-home #services .desktop-services-card-price-mark {
    color:inherit!important;
  }
  body.is-home #services .desktop-services-card-copy {order:2!important;}
  body.is-home #services .desktop-services-tab-label {
    text-align:left!important;
  }
}


/* Preserve the approved compact price-card spacing on desktop. */
@media (min-width:1024px) {
  body.is-home #services .desktop-services-card {
    padding:16px!important;
    justify-content:flex-start!important;
  }
  body.is-home #services .desktop-services-card-name {
    margin:0 0 8px!important;
  }
  body.is-home #services .desktop-services-card-price {
    margin:0 0 8px!important;
  }
  body.is-home #services .desktop-services-card-copy {
    flex:0 1 auto!important;
  }
}
