/* ================================================
   SHIWORA Services Page Stylesheet
   Theme: High-End Corporate Premium Space Dark
   Strict Constraint: ZERO Pixels (100% Responsive)
   ================================================ */

:root {
  /* Layout Paddings in REM */
  --svc-wrap-pad: 2.5rem;          /* 40px equivalent */
  --svc-wrap-pad-mobile: 1.25rem;   /* 20px equivalent */
  --svc-sec-pad: 7.5rem;            /* 120px equivalent */
  --svc-sec-pad-mobile: 3.75rem;    /* 60px equivalent */

  /* Sizing and Spacers */
  --svc-radius-lg: 2.5rem;          /* 40px equivalent */
  --svc-radius-md: 1.875rem;        /* 30px equivalent */
  --svc-radius-sm: 1.25rem;         /* 20px equivalent */
  --svc-card-padding: 3.75rem;      /* 60px equivalent */
}

@media (max-width: 48rem) { /* 768px in REM */
  :root {
    --svc-wrap-pad: var(--svc-wrap-pad-mobile);
    --svc-sec-pad: var(--svc-sec-pad-mobile);
    --svc-card-padding: 2.5rem;     /* 40px equivalent */
  }
}

/* ================================================
   📱 RESPONSIVE ADJUSTMENTS FOR SERVICES PAGE
   ================================================ */

@media (max-width: 48rem) {
  /* Custom Solutions Grid Squeezing Fix */
  .svc-clean-grid {
    grid-template-columns: 1fr !important;
    gap: 1.875rem !important;
  }
  .svc-card-premium {
    padding: 3.125rem 1.875rem !important;
  }
}

@media (max-width: 36rem) { /* 576px in REM */
  :root {
    --svc-wrap-pad: 1rem !important;
    --svc-card-padding: 1.25rem !important; /* 20px equivalent, prevents squeezing */
  }
}