.services{padding-top:18px!important;overflow:visible}
.service-grid{width:min(1120px,100%);margin:0 auto;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 18px 24px;overflow:visible!important;direction:rtl;align-items:stretch;min-height:280px}
.service-grid:empty{display:flex!important;align-items:flex-start;justify-content:center;padding-top:72px}
.service-grid:empty::before{content:'';display:block;width:min(100%,760px);height:180px;border-radius:24px;background:linear-gradient(100deg,#f8f2ec 20%,#fffaf6 38%,#f8f2ec 56%);background-size:220% 100%;animation:rezoServiceSkeleton 1.1s ease-in-out infinite;border:1px solid rgba(116,83,55,.08);box-shadow:0 10px 28px rgba(74,47,27,.04)}
.service-card{min-width:0;width:100%!important;max-width:none!important;height:100%!important;display:flex!important;flex-direction:column;gap:0!important;overflow:hidden;border-radius:26px;background:#fff;border:1px solid rgba(116,83,55,.13);box-shadow:0 18px 46px rgba(74,47,27,.075);opacity:1!important;visibility:visible!important;transform:none!important;direction:rtl;content-visibility:visible!important;contain:none!important}
.service-card .managed-service-media{position:relative;width:100%!important;aspect-ratio:1/1;overflow:hidden;background:#f8f2ec;flex:0 0 auto;margin:0!important;padding:0!important;border:0!important;line-height:0}
.service-card .managed-service-image{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;background:#f8f2ec;opacity:0;transform:scale(1);margin:0!important;padding:0!important;border:0!important}
.service-card .managed-service-image.active{opacity:1}
.rezo-services-rendered .managed-service-image{transition:opacity .7s ease}
.managed-image-count{position:absolute;left:12px;bottom:12px;background:rgba(31,26,22,.72);color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;line-height:1.3;backdrop-filter:blur(10px)}
.service-card .service-content{padding:7px 18px 18px!important;margin:0!important;display:flex;flex:1;flex-direction:column;gap:7px;height:auto!important;min-width:0;background:linear-gradient(180deg,#fff 0%,#fffdfa 100%)}
.service-top{display:flex;align-items:baseline;min-width:0;margin:0!important;padding:0!important}
.service-top>div{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;min-width:0}
.service-top h3{font-size:25px;margin:0!important;color:#171313;line-height:1.12;overflow-wrap:anywhere}
.service-top small{display:inline;color:#7b6758;font-size:13px;font-weight:800;margin:0!important;overflow-wrap:anywhere}
.service-content p{color:#6f6056;font-size:14px;line-height:1.62;margin:0 0 2px!important;min-height:0!important;flex:1}

.managed-session-block{display:grid;gap:6px;margin-top:2px}
.managed-session-label{color:#8a7669;font-weight:900;font-size:12px}
.managed-session-select,.managed-session-fixed{width:100%;min-height:44px;border:1px solid rgba(116,83,55,.12);border-radius:14px;background:linear-gradient(180deg,#fff,#fffaf6);color:#4f443d;padding:0 12px;font:inherit;font-size:12px;font-weight:900;box-shadow:0 6px 18px rgba(74,47,27,.04)}
.managed-session-select{cursor:pointer;appearance:auto}
.managed-session-select:focus{outline:none;border-color:rgba(194,158,116,.45);box-shadow:0 0 0 3px rgba(222,198,168,.18)}
.managed-session-fixed{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block:10px}
.managed-session-fixed span{font-weight:950;color:#5a4d45}
.managed-session-fixed small{color:#8f8178;font-size:10px;font-weight:800}
[data-session-fill]{font-size:11px;font-weight:850;line-height:1.45;color:#7a6b62}
.managed-price-box{display:grid;gap:5px;margin:1px 0 12px;padding:11px 13px;border:1px solid rgba(116,83,55,.09);border-radius:16px;background:linear-gradient(135deg,#fffdfb,#fff9f3)}
.managed-price-box>small:first-child{color:#8a7669;font-weight:850}
.managed-price{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#5b4b42;font-size:17px}
.managed-price strong{font-size:19px}
.managed-sale-end{color:#8a634b;font-weight:800}
.select-service{display:block;width:100%;box-sizing:border-box;margin-top:auto;border:1px solid rgba(179,142,101,.22);border-radius:16px;background:linear-gradient(135deg,#f4e7d7,#ead4bc);color:#4b3d34;padding:12px 16px;font-weight:950;cursor:pointer;box-shadow:0 9px 20px rgba(117,82,54,.08);transition:transform .16s ease,box-shadow .16s ease,background .16s ease;text-decoration:none;text-align:center}
.select-service:hover,.select-service:focus-visible{transform:translateY(-1px);box-shadow:0 12px 24px rgba(117,82,54,.12);outline:none;color:#40352f;text-decoration:none;background:linear-gradient(135deg,#f7ecdf,#e7ceb3)}
.service-load-error{grid-column:1/-1;margin:42px auto;padding:16px 20px;border:1px solid rgba(116,83,55,.12);border-radius:18px;background:#fffaf4;color:#765d4d;font-weight:850;text-align:center}
@media(max-width:900px){.service-grid{gap:14px;padding-inline:14px;min-height:220px}.service-card .service-content{padding:6px 15px 15px!important;gap:6px}.service-top h3{font-size:22px}.managed-price-box{margin-top:1px}}
@media(max-width:760px){
  .services{padding-top:12px!important}
  .service-grid{width:min(100%,560px);grid-template-columns:1fr!important;gap:16px;padding:0 14px 22px;min-height:180px}
  .service-grid:empty{padding-top:46px}
  .service-grid:empty::before{font-size:13px;min-height:44px}
  .service-card{border-radius:22px;box-shadow:0 14px 34px rgba(74,47,27,.07)}
  .service-card .managed-service-media{aspect-ratio:4/3}
  .service-card .service-content{padding:12px 16px 17px!important;gap:9px}
  .service-top>div{gap:7px}
  .service-top h3{font-size:clamp(24px,7vw,30px);line-height:1.15}
  .service-top small{font-size:13px;line-height:1.3}
  .service-content p{font-size:15px;line-height:1.72;margin-bottom:2px!important}
  .managed-session-label{font-size:13px}
  .managed-session-select,.managed-session-fixed{min-height:48px;border-radius:14px;font-size:14px;padding-inline:12px}
  .managed-session-fixed small{font-size:11px}
  [data-session-fill]{font-size:12.5px}
  .managed-price-box{padding:12px 13px;margin:2px 0 10px;border-radius:15px}
  .managed-price-box>small:first-child{font-size:12px}
  .managed-price{font-size:16px;gap:7px}
  .managed-price strong{font-size:20px}
  .rezo-sale-badge{font-size:11px!important}
  .managed-image-count{left:10px;bottom:10px;font-size:10px;padding:5px 8px}
  .select-service{padding:13px 12px;border-radius:14px;font-size:15px}
}
@media(max-width:380px){
  .service-grid{padding-inline:10px;gap:14px}
  .service-card .service-content{padding:11px 13px 15px!important}
  .service-top h3{font-size:23px}
  .service-content p{font-size:14.5px}
}

/* Gentle service-card motion */
.managed-service-card{will-change:transform,opacity;transition:box-shadow .3s ease,border-color .3s ease}
.managed-service-card.rezo-motion-ready{opacity:0!important;transform:translateY(22px) scale(.985)!important}
.managed-service-card.rezo-motion-ready.is-visible{opacity:1!important;transform:translateY(0) scale(1)!important;transition:opacity .62s cubic-bezier(.22,.7,.22,1),transform .62s cubic-bezier(.22,.7,.22,1),box-shadow .3s ease,border-color .3s ease}
.managed-service-card.is-visible .service-top h3{animation:rezoTextLift .62s .08s both}
.managed-service-card.is-visible .service-top small{animation:rezoTextLift .62s .13s both}
.managed-service-card.is-visible .service-content>p{animation:rezoTextLift .64s .17s both}
.managed-service-card.is-visible .managed-session-block{animation:rezoTextLift .64s .22s both}
.managed-service-card.is-visible .managed-price-box{animation:rezoTextLift .64s .27s both}
.managed-service-card.is-visible .select-service{animation:rezoTextLift .64s .32s both}
@keyframes rezoTextLift{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){
  .managed-service-card:hover{transform:translateY(-3px)!important;box-shadow:0 22px 52px rgba(74,47,27,.10)}
  .managed-service-card:hover .managed-service-image.active{transform:scale(1.025)}
  .managed-service-image.active{transition:opacity .7s ease,transform 1.1s ease}
}

@media(prefers-reduced-motion:reduce){.select-service,.rezo-services-rendered .managed-service-image,.managed-service-card{transition:none!important;animation:none!important}.managed-service-card.rezo-motion-ready,.managed-service-card.rezo-motion-ready.is-visible{opacity:1!important;transform:none!important}.managed-service-card *{animation:none!important}}

@keyframes rezoServiceSkeleton{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.service-grid:empty::before{animation:none}}