/* =========================================================================
   de-services — خدمات (zbn-de-services) · طرح: 05-services.html
   وابسته به: de-base.css
   ========================================================================= */

.desv{position:relative;background:var(--zn-bg1);border-bottom:1px solid rgba(var(--zn-line),.10);padding:64px 40px 88px;overflow:hidden;}
.desv-ghost{top:30px;left:-16px;font-size:170px;--ghost-stroke:1.5px;}
.desv-wrap{position:relative;max-width:1160px;margin:0 auto;}

.desv-h2{margin:16px 0 8px;font-size:34px;font-weight:900;line-height:1.6;background:linear-gradient(110deg,var(--sv-h1,var(--zn-t1)) 35%,var(--sv-h2,var(--zn-accent-head)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.desv-lead{margin:0 0 40px;font-size:14.5px;line-height:2;color:var(--zn-t5);max-width:560px;font-weight:500;}

.desv-grid{display:grid;grid-template-columns:repeat(var(--sv-cols,2),1fr);gap:var(--sv-gap,18px);}

.de-scope .desv-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;background:var(--sv-card-bg,rgba(255,255,255,.4));border:1px solid var(--sv-card-bd,rgba(var(--zn-line),.14));border-radius:var(--sv-radius,22px);padding:var(--sv-pad,26px);color:inherit;box-shadow:var(--sv-sh,none);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.de-scope a.desv-card:hover{color:inherit;transform:translateY(var(--sv-lift,-4px));border-color:var(--sv-card-bd-h,rgba(255,59,92,.34));box-shadow:var(--sv-sh-h,var(--de-cardsh-hover));background:var(--sv-card-bg-h,rgba(255,255,255,.6));}

.desv-cghost{position:absolute;bottom:-20px;left:-6px;font-size:var(--sv-cg-size,80px);font-weight:900;color:transparent;-webkit-text-stroke:var(--sv-cg-stroke,1.5px) var(--zn-ghost);line-height:1;pointer-events:none;user-select:none;direction:ltr;}

.desv-num{width:var(--sv-num,60px);height:var(--sv-num,60px);border-radius:var(--sv-num-radius,17px);background:linear-gradient(135deg,var(--n1,var(--zn-rose2)),var(--n2,var(--zn-rose)));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 26px var(--n-glow,rgba(255,59,92,.2));color:var(--sv-num-color,#FFF);font-weight:900;font-size:var(--sv-num-font,19px);line-height:1;}
.desv-num svg{width:1em;height:1em;fill:currentColor;}

.desv-body{flex:1;position:relative;min-width:0;}
.desv-ct{font-size:18px;font-weight:900;color:var(--zn-t1);}
.desv-cd{font-size:13px;color:var(--zn-t5);margin-top:6px;line-height:1.9;font-weight:500;}

.desv-arrow{width:34px;height:34px;border-radius:50%;border:1px solid var(--sv-ar-bd,rgba(var(--zn-line),.28));display:flex;align-items:center;justify-content:center;color:var(--sv-ar-color,var(--zn-t4));font-size:15px;flex-shrink:0;transition:transform .18s ease,border-color .18s ease;}
.de-scope a.desv-card:hover .desv-arrow{transform:translateX(-4px);border-color:var(--sv-ar-bd-h,rgba(255,59,92,.4));}

@media (prefers-reduced-motion:reduce){
  .de-scope .desv-card,.desv-arrow{transition:none;}
  .de-scope a.desv-card:hover{transform:none;}
}