/* Shorter page rhythm and touch-friendly mobile carousels */
.intro,.services,.technologies,.process,.trust,.packages,.project-request,.portfolio-section,.faq{padding-top:82px;padding-bottom:86px}
.work-top,.package-heading{margin-bottom:44px}
.floating-actions{position:fixed;left:clamp(16px,2.3vw,34px);bottom:clamp(16px,2.3vw,30px);z-index:40;display:flex;align-items:flex-end;gap:8px;direction:ltr}
.floating-whatsapp,.to-top{min-height:48px;border:1px solid var(--ink);box-shadow:0 7px 22px rgba(17,18,15,.14);font:600 13px "IBM Plex Sans Arabic",sans-serif}
.floating-whatsapp{position:relative;width:64px;height:64px;min-height:64px;display:block;overflow:visible;border-radius:20px;background:#f7f6f0;color:var(--ink);transition:transform .25s ease,box-shadow .25s ease}
.floating-whatsapp img{position:absolute;width:74px;height:auto;max-width:none;left:50%;top:3px;transform:translateX(-50%);pointer-events:none}
.floating-whatsapp span{position:absolute;left:calc(100% + 10px);top:50%;transform:translate(6px,-50%);padding:7px 11px;border:1px solid rgba(17,18,15,.16);background:#f7f6f0;color:var(--ink);box-shadow:0 6px 18px rgba(17,18,15,.1);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease}
.floating-whatsapp i{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border:3px solid #f7f6f0;border-radius:50%;background:#21a366}
.floating-whatsapp:hover,.floating-whatsapp:focus-visible{transform:translateY(-3px);box-shadow:0 11px 28px rgba(17,18,15,.18)}
.floating-whatsapp:hover span,.floating-whatsapp:focus-visible span{opacity:1;visibility:visible;transform:translate(0,-50%)}
.to-top{width:48px;padding:0;background:var(--paper);color:var(--ink);cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.to-top.visible{opacity:1;transform:none;pointer-events:auto}
footer a:hover{text-decoration:underline}
@media(min-width:1051px){
  .package-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#919bb6;border:1px solid #919bb6}
  .package-list article{padding:28px 24px;background:#d8e0f7;border:0}
  .package-top{display:flex;min-height:205px;flex-direction:column;gap:7px}
  .package-top>span{padding:0}
  .package-top strong{margin-top:auto;text-align:right;font-size:52px}
  .package-list ul{min-height:236px;margin:22px 0;grid-template-columns:1fr;gap:7px}
  .package-list article>a{width:100%;margin-right:0}
  .package-list .selected:after{top:22px;left:20px}
  .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .project-body{padding:28px}
  .project-body h3{font-size:42px}
}
@media(max-width:700px){
  .intro,.services,.technologies,.process,.trust,.packages,.project-request,.portfolio-section,.faq,.payment,.contact{padding-top:58px;padding-bottom:62px}
  .section-title,.work-top,.package-heading{margin-bottom:32px;padding-bottom:0}
  .service-list,.trust-grid,.package-list,.portfolio-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(84vw,390px);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);border:0}
  .service-list::-webkit-scrollbar,.trust-grid::-webkit-scrollbar,.package-list::-webkit-scrollbar,.portfolio-grid::-webkit-scrollbar{display:none}
  .service-list article,.trust-grid article,.package-list article,.project-card{scroll-snap-align:start}
  .service-list article{display:flex;min-height:245px;padding:22px!important;flex-direction:column;align-items:flex-start;border:1px solid #3c3d3a}
  .service-list h3{margin:auto 0 10px}
  .service-list p{grid-column:auto}
  .trust-grid{margin-top:34px}
  .trust-grid article{min-height:205px}
  .package-list article{min-height:560px;padding:25px 20px;border:1px solid #919bb6}
  .package-top,.package-top strong{grid-column:auto}
  .package-list ul{margin-right:0}
  .package-list article>a{width:100%;margin-right:0}
  .portfolio-grid{grid-auto-columns:min(88vw,420px)}
  .project-body{padding:24px}
  .project-details:not([open]){margin-top:18px}
  .floating-actions{left:14px;bottom:14px}
  .floating-whatsapp{width:58px;height:58px;min-height:58px;border-radius:18px}
  .floating-whatsapp img{width:68px;top:3px}
  .floating-whatsapp span{display:none}
}
@media(prefers-reduced-motion:reduce){.to-top{transition:none}}