/* Desktop-only Services layout: keep the approved mobile card language, remove the bulky 3x2 desktop grid. */
@media (min-width:761px){
  body:has(.nav-center) .service-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
  }

  body:has(.nav-center) .service-list article.service-item,
  body:has(.nav-center) .service-list article.service-item:nth-child(n){
    min-height:0!important;
    width:100%!important;
    border:1px solid rgba(220,229,237,.14)!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,rgba(22,29,37,.96),rgba(7,11,16,.99))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.12)!important;
    overflow:hidden!important;
    transform:none!important;
  }

  body:has(.nav-center) .service-list article.service-item:nth-child(2),
  body:has(.nav-center) .service-list article.service-item:nth-child(5){
    background:linear-gradient(145deg,rgba(20,34,32,.96),rgba(7,14,14,.99))!important;
  }
  body:has(.nav-center) .service-list article.service-item:nth-child(3),
  body:has(.nav-center) .service-list article.service-item:nth-child(6){
    background:linear-gradient(145deg,rgba(24,30,40,.96),rgba(7,10,16,.99))!important;
  }
  body:has(.nav-center) .service-list article.service-item:nth-child(4){
    background:linear-gradient(145deg,rgba(34,28,22,.96),rgba(13,10,8,.99))!important;
  }

  body:has(.nav-center) .service-list article.service-item:hover{
    border-color:rgba(221,188,116,.30)!important;
    transform:translateX(3px)!important;
  }

  body:has(.nav-center) .service-item>button{
    display:grid!important;
    grid-template-columns:38px minmax(180px,.62fr) minmax(240px,1fr) 26px!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    column-gap:18px!important;
    width:100%!important;
    min-height:0!important;
    padding:20px 22px!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    background:transparent!important;
    color:inherit!important;
  }

  body:has(.nav-center) .service-item>button span{
    grid-column:1!important;
    margin:0!important;
    padding:0!important;
    color:#dcb971!important;
    font:700 9px/1 "DM Sans",Arial,sans-serif!important;
    letter-spacing:1.1px!important;
  }

  body:has(.nav-center) .service-item>button h3{
    grid-column:2!important;
    max-width:none!important;
    margin:0!important;
    color:#f0f2ef!important;
    font:600 21px/1.08 "DM Sans",Arial,sans-serif!important;
    letter-spacing:-.55px!important;
    overflow-wrap:anywhere!important;
  }

  body:has(.nav-center) .service-item>button p{
    grid-column:3!important;
    max-width:46ch!important;
    margin:0!important;
    color:#aeb8bf!important;
    font:400 12.5px/1.5 "DM Sans",Arial,sans-serif!important;
    overflow-wrap:anywhere!important;
  }

  body:has(.nav-center) .service-item>button b{
    display:block!important;
    grid-column:4!important;
    margin:0!important;
    color:#d8b873!important;
    font-size:20px!important;
    font-weight:400!important;
    line-height:1!important;
    transition:transform .3s ease!important;
  }

  body:has(.nav-center) .service-item>button:after{display:none!important}
  body:has(.nav-center) .service-item.open>button b{transform:rotate(45deg)!important}

  body:has(.nav-center) .service-detail{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:28px!important;
    align-items:end!important;
    max-height:0!important;
    opacity:0!important;
    overflow:hidden!important;
    padding:0 64px 0 78px!important;
    transition:max-height .45s ease,opacity .28s ease,padding .45s ease!important;
  }

  body:has(.nav-center) .service-item.open .service-detail{
    max-height:240px!important;
    opacity:1!important;
    padding:2px 64px 20px 78px!important;
  }

  body:has(.nav-center) .service-detail p{
    max-width:68ch!important;
    margin:0!important;
    color:#b9c2c8!important;
    font-size:12.5px!important;
    line-height:1.65!important;
  }

  body:has(.nav-center) .service-detail a{
    white-space:nowrap!important;
    color:#d6bd87!important;
    font-size:9px!important;
    font-weight:700!important;
  }
}

@media (min-width:761px) and (max-width:1120px){
  body:has(.nav-center) .service-item>button{
    grid-template-columns:34px minmax(160px,.72fr) minmax(180px,1fr) 24px!important;
    column-gap:14px!important;
    padding:18px!important;
  }
  body:has(.nav-center) .service-item>button h3{font-size:19px!important}
  body:has(.nav-center) .service-item>button p{font-size:11.5px!important}
  body:has(.nav-center) .service-detail{padding-left:66px!important;padding-right:46px!important}
  body:has(.nav-center) .service-item.open .service-detail{padding-left:66px!important;padding-right:46px!important}
}