/* BERBIN V8.6: two-column desktop services; mobile cards retained */
@media (min-width: 768px) {
  #service-rows.service-rows {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(16px, 2vw, 28px) !important;
    margin-top: clamp(36px, 4vw, 65px) !important;
    align-items: stretch !important;
  }
  #service-rows .service-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: 'number arrow' 'title title' 'description description' !important;
    align-content: start !important;
    align-items: start !important;
    justify-items: start !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 245px !important;
    padding: clamp(23px, 2.6vw, 38px) !important;
    border: 1px solid rgba(180, 211, 212, .16) !important;
    border-radius: 26px !important;
    background: rgba(255,255,255,.045) !important;
    box-shadow: 0 12px 38px rgba(0,0,0,.055) !important;
    text-align: start !important;
    transition: opacity .85s ease, transform .85s cubic-bezier(.18,.85,.19,1), border-color .25s ease, background .25s ease, box-shadow .25s ease !important;
  }
  #service-rows .service-row .service-num {grid-area:number !important; margin:0 0 24px !important; font-size:12px !important;line-height:1.5!important;}
  #service-rows .service-row h3 {grid-area:title !important; margin:0 0 15px !important; width:100% !important;max-width:none!important;font-size:clamp(22px,2.1vw,32px)!important;line-height:1.45!important;letter-spacing:0!important;}
  #service-rows .service-row p {grid-area:description !important; max-width:60ch !important;width:100%!important;margin:0!important;font-size:clamp(13px,1vw,16px)!important;line-height:1.8!important;color:#cbdadd!important;}
  #service-rows .service-row .service-arrow {grid-area:arrow !important;justify-self:end!important;align-self:start!important;font-size:24px!important;line-height:1!important;}
  #service-rows .service-row:hover {background:rgba(255,255,255,.085)!important;border-color:rgba(162,222,222,.40)!important;box-shadow:0 22px 55px rgba(0,0,0,.14)!important;}
  #service-rows .service-row.reveal:nth-child(odd):not(.visible) {transform:translateX(-42px)!important;opacity:0!important;}
  #service-rows .service-row.reveal:nth-child(even):not(.visible) {transform:translateX(42px)!important;opacity:0!important;}
  #service-rows .service-row.reveal.visible {transform:translateX(0)!important;opacity:1!important;}
  html[dir='rtl'] #service-rows .service-row.reveal:nth-child(odd):not(.visible) {transform:translateX(42px)!important;}
  html[dir='rtl'] #service-rows .service-row.reveal:nth-child(even):not(.visible) {transform:translateX(-42px)!important;}
}
@media (min-width:768px) and (max-width:900px) {
  #service-rows.service-rows {gap:14px!important;}
  #service-rows .service-row {padding:22px!important;min-height:260px!important;}
  #service-rows .service-row h3 {font-size:22px!important;}
}
@media (prefers-reduced-motion:reduce) {
  #service-rows .service-row.reveal {opacity:1!important;transform:none!important;transition:none!important;}
}