:root{--section-py:4rem;--section-py-md:5rem;--section-gap-title:2.5rem;--header-height:7rem;--bottom-nav-height:0px;--mobile-header-height:4rem}.btn{border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-weight:700;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--primary-light)}.btn-accent{background:var(--accent);color:var(--primary-dark);box-shadow:var(--shadow-md)}.btn-accent:hover{background:var(--accent-light)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-secondary{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.btn-secondary:hover{color:#111827;background:#e5e7eb}.card{border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;transition:border-color .15s,box-shadow .15s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-glass{border:1px solid var(--border);background:#fff}.progress-bar{background:var(--border);border-radius:var(--radius-full);width:100%;height:12px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--primary)0%,var(--donation-progress)100%);border-radius:var(--radius-full);height:100%;transition:width 1s ease-out;position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}.gradient-text{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.urgent-badge{background:var(--donation-urgent);color:#fff;border-radius:var(--radius-full);text-transform:uppercase;border:1px solid #ffffff26;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.donation-amount-btn{border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);cursor:pointer;background:#fff;padding:1rem 1.5rem;font-size:1.25rem;font-weight:700;transition:all .3s}.donation-amount-btn:hover{border-color:var(--primary);color:var(--primary)}.donation-amount-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 14px #1b43324d}.mobile-header-shell{height:var(--mobile-header-height,4.5rem)}.mobile-header-drawer{top:var(--mobile-header-height,4.5rem);bottom:var(--bottom-nav-height,4rem);max-height:calc(100dvh - var(--mobile-header-height,4.5rem) - var(--bottom-nav-height,4rem))}.footer-bottom-spacer{height:calc(var(--bottom-nav-height,4rem) + 6rem)}.notification-bottom-offset{bottom:calc(var(--bottom-nav-height,0px) + .875rem)}
@media (max-width:767px){:root{--header-height:var(--mobile-header-height);--mobile-header-height:4.75rem;--bottom-nav-height:calc(4rem + env(safe-area-inset-bottom,0px));--section-py:2rem;--section-gap-title:1.5rem}*{-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:contain}.overflow-x-auto{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.card:active{transition:transform .1s;transform:scale(.98)}.scroll-progress-bar{top:var(--mobile-header-height)!important}.mobile-bottom-nav,.mobile-donate-bar{border-top:1px solid var(--border);background:#fff;box-shadow:0 -2px 8px #0000000f}button,a,input,select,textarea{min-height:44px}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}nav[aria-label=التنقل],nav[aria-label=مسار\ التنقل]{font-size:11px}.footer-scrolltop-btn{display:flex!important}.detail-grid{flex-direction:column!important;display:flex!important}.detail-sidebar{order:-1!important}.detail-hero{height:220px!important;margin-bottom:2rem!important}h1,h2,h3{overflow-wrap:break-word;word-break:break-word}.card,.btn{backface-visibility:hidden;transform:translateZ(0)}.animate-fade-in-up-soft{animation-duration:.5s}.animate-scale-in,.animate-slide-in-bottom{animation-duration:.48s}section[id]{scroll-margin-top:var(--mobile-header-height,4.75rem)}.scroll-snap-row{scroll-snap-type:x mandatory;scroll-padding-inline:1rem}.scroll-snap-row>*{scroll-snap-align:start}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}