/* ============================================================
   TOMARA CATERING — Wow-Factor Premium Animations
   La Bella Cucina · Muhteşem Görsel Deneyim
   ============================================================ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   LOADING SCREEN
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#pageLoader {
    position: fixed; inset: 0; z-index: 99999;
    background: #1A1208;
    display: flex; align-items: center; justify-content: center;
    flex-direction: column; gap: 1.8rem;
    transition: opacity .8s cubic-bezier(.4,0,.2,1), visibility .8s cubic-bezier(.4,0,.2,1);
}
#pageLoader.hidden {
    opacity: 0; visibility: hidden; pointer-events: none;
}
.loader-logo {
    width: 210px; max-width: 70vw;
    filter: brightness(0) invert(1);
    opacity: 0;
    animation: loaderLogoIn 1s .25s cubic-bezier(.16,1,.3,1) forwards;
}
.loader-tagline {
    font-family: 'Playfair Display', serif;
    font-size: 1.05rem; font-style: italic;
    color: rgba(200,151,58,.65);
    letter-spacing: 3px;
    opacity: 0;
    animation: loaderLogoIn .9s .65s cubic-bezier(.16,1,.3,1) forwards;
}
.loader-progress {
    width: 140px; height: 2px;
    background: rgba(200,151,58,.14);
    border-radius: 2px; overflow: hidden;
    opacity: 0;
    animation: loaderLogoIn .6s .8s ease forwards;
}
.loader-progress-fill {
    height: 100%; width: 0;
    background: linear-gradient(90deg, #D4622A, #C8973A);
    border-radius: 2px;
    animation: loaderBarFill 1.1s .9s cubic-bezier(.4,0,.2,1) forwards;
}
@keyframes loaderLogoIn {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes loaderBarFill {
    to { width: 100%; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SCROLL PROGRESS BAR
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#scrollProgress {
    position: fixed; top: 0; left: 0; z-index: 9999;
    height: 3px; width: 0%;
    background: linear-gradient(90deg, #D4622A 0%, #C8973A 60%, #D4622A 100%);
    background-size: 200% 100%;
    pointer-events: none;
    border-radius: 0 3px 3px 0;
    box-shadow: 0 0 12px rgba(212,98,42,.5);
    animation: progressGlow 3s linear infinite;
}
@keyframes progressGlow {
    0%   { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   CUSTOM CURSOR  (sadece gerçek pointer cihazlarda)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.custom-cursor-active,
body.custom-cursor-active * { cursor: none !important; }

#cursorDot {
    position: fixed; top: 0; left: 0; z-index: 99998;
    width: 8px; height: 8px; border-radius: 50%;
    background: #D4622A;
    pointer-events: none;
    will-change: transform;
    transition: opacity .3s ease, transform .1s ease;
}
#cursorRing {
    position: fixed; top: 0; left: 0; z-index: 99997;
    width: 36px; height: 36px; border-radius: 50%;
    border: 1.5px solid rgba(212,98,42,.55);
    pointer-events: none;
    will-change: transform;
    transition: transform .16s ease-out,
                width .35s cubic-bezier(.4,0,.2,1),
                height .35s cubic-bezier(.4,0,.2,1),
                border-color .35s ease,
                background .35s ease;
}
#cursorRing.hovering {
    width: 52px; height: 52px;
    border-color: rgba(200,151,58,.8);
    background: rgba(200,151,58,.06);
}
#cursorDot.clicking  { transform: translate(calc(var(--mx, 0px) - 50%), calc(var(--my, 0px) - 50%)) scale(.5) !important; }
#cursorRing.clicking { width: 24px; height: 24px; background: rgba(212,98,42,.15); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   HERO — PARALLAX BG OVERRIDE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.hero-bg {
    transform: scale(1.08) !important;
    transition: none !important;
    will-change: transform;
}
.hero:hover .hero-bg { transform: scale(1.08) !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   HERO — YÜZEN YEMEK İKONLARI
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.hero-deco {
    position: absolute; pointer-events: none; z-index: 1;
    will-change: transform;
}
.hero-deco i { display: block; }

/* ── Animasyon ── */
@keyframes decoFloat {
    0%,100% { transform: translateY(0)    rotate(0deg); }
    40%      { transform: translateY(-16px) rotate(6deg); }
    70%      { transform: translateY(-8px)  rotate(-4deg); }
}

/* ── 6 sofra ikonu — hepsi altın, hepsi aynı animasyon ── */
.hero-deco-1 { top: 10%; right: 6%;  font-size: 4.5rem; animation: decoFloat  8s ease-in-out infinite; }
.hero-deco-2 { top: 52%; right: 8%;  font-size: 3.5rem; animation: decoFloat 10s ease-in-out infinite; animation-delay: 2s; }
.hero-deco-3 { bottom: 14%; right: 6%; font-size: 4rem; animation: decoFloat  9s ease-in-out infinite; animation-delay: 1s; }
.hero-deco-4 { top: 18%; left: 5%;  font-size: 3rem;   animation: decoFloat  7s ease-in-out infinite; animation-delay: 3s; }
.hero-deco-5 { bottom: 26%; left: 5%; font-size: 3rem;  animation: decoFloat  8s ease-in-out infinite; animation-delay: 0.8s; }
.hero-deco-6 { top: 36%; right: 22%; font-size: 2.5rem; animation: decoFloat  6.5s ease-in-out infinite; animation-delay: 4s; }

.hero-deco-1, .hero-deco-2, .hero-deco-3,
.hero-deco-4, .hero-deco-5, .hero-deco-6 {
    color: rgba(200,151,58,.22);
    filter: drop-shadow(0 3px 12px rgba(200,151,58,.2));
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   HERO WORD REVEAL
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.hero-word { display: inline-block; overflow: hidden; vertical-align: bottom; }
.hero-word-inner {
    display: inline-block;
    opacity: 0;
    animation: wordReveal .9s cubic-bezier(.16,1,.3,1) both;
}
@keyframes wordReveal {
    from { transform: translateY(115%); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SECTION HEADER — ANIMATED GOLD UNDERLINE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.section-header.center { position: relative; }
.section-header.center::before {
    content: ''; display: block;
    width: 0; height: 3px; margin: 0 auto 1.5rem;
    background: linear-gradient(90deg, #D4622A, #C8973A);
    border-radius: 3px;
    transition: width 1.3s cubic-bezier(.16,1,.3,1);
}
.section-header.center.gold-line-visible::before { width: 80px; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SECTION LABEL — SHIMMER
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.section-label { position: relative; overflow: hidden; }
.section-label::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(
        105deg,
        transparent 35%,
        rgba(255,255,255,.6) 50%,
        transparent 65%
    );
    transform: translateX(-200%);
    animation: shimmerLabel 6s ease-in-out infinite;
    pointer-events: none;
}
@keyframes shimmerLabel {
    0%,65%,100% { transform: translateX(-200%); }
    75%          { transform: translateX(200%); }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   STATS SECTION — ANIMATED GRADIENT BACKGROUND
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.stats-section {
    background: linear-gradient(135deg, #0F0A04 0%, #1A1208 30%, #2D1F0E 65%, #1A1208 100%) !important;
    background-size: 300% 300% !important;
    animation: statsBgFlow 12s ease infinite;
}
@keyframes statsBgFlow {
    0%   { background-position: 0%   50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0%   50%; }
}

/* Stat number glow when counting finishes */
.stat-number.count-done {
    animation: numGlow .55s cubic-bezier(.16,1,.3,1);
}
@keyframes numGlow {
    0%   { text-shadow: 0 0  0 rgba(200,151,58,0);   transform: scale(1); }
    40%  { text-shadow: 0 0 35px rgba(200,151,58,.9); transform: scale(1.08); }
    100% { text-shadow: 0 0 20px rgba(200,151,58,.4); transform: scale(1); }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ABOUT — IMAGE SCALE REVEAL
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.about-image .about-img-wrapper img {
    transform: scale(1.06);
    transition: transform 1.8s cubic-bezier(.16,1,.3,1) !important;
}
.about-image.visible .about-img-wrapper img { transform: scale(1); }
.about-image.visible .about-img-wrapper:hover img { transform: scale(1.025); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SERVICE CARDS — 3D TILT + ENHANCED HOVER
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.service-card, .why-card {
    transform-style: preserve-3d;
    will-change: transform;
    transition: box-shadow .4s ease, border-color .4s ease, transform .4s cubic-bezier(.16,1,.3,1);
}
/* 3D tilt transition is handled by JS with RAF; CSS only for mouse-leave reset */
.service-card.tilt-reset { transition: transform .5s cubic-bezier(.16,1,.3,1) !important; }
.why-card.tilt-reset     { transition: transform .5s cubic-bezier(.16,1,.3,1) !important; }

/* Inner shadow shimmer on service card hover */
.service-card::after {
    content: ''; position: absolute; inset: 0; z-index: 0;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(212,98,42,.07) 0%, rgba(200,151,58,.05) 100%);
    opacity: 0; transition: opacity .5s ease;
    pointer-events: none;
}
.service-card:hover::after { opacity: 1; }
.service-card { position: relative; overflow: hidden; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   WHY CARDS — MOUSE SPOTLIGHT
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.why-card {
    position: relative; overflow: hidden;
}
.why-card::before {
    content: ''; position: absolute; inset: 0; z-index: 0;
    border-radius: 20px;
    background: radial-gradient(
        circle at var(--mx, 50%) var(--my, 50%),
        rgba(212,98,42,.18) 0%,
        transparent 62%
    );
    opacity: 0; transition: opacity .45s ease;
    pointer-events: none;
}
.why-card:hover::before { opacity: 1; }
.why-card > * { position: relative; z-index: 1; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   TESTIMONIAL CARDS — SUBTLE LIFT
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.testimonial-card.visible:nth-child(1) { animation: floatCardA 8s ease-in-out infinite; }
.testimonial-card.visible:nth-child(2) { animation: floatCardB 8s ease-in-out 2s infinite; }
.testimonial-card.visible:nth-child(3) { animation: floatCardC 8s ease-in-out 4s infinite; }
.testimonial-card:hover { animation: none !important; }
@keyframes floatCardA { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-9px)} }
@keyframes floatCardB { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-13px)} }
@keyframes floatCardC { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   GALLERY — WARM GOLD HOVER OVERLAY
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.gallery-item { isolation: isolate; }
.gallery-item::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(
        135deg,
        rgba(212,98,42,.15) 0%,
        rgba(200,151,58,.12) 100%
    );
    border-radius: 16px;
    opacity: 0; transition: opacity .45s ease;
    pointer-events: none; z-index: 1;
}
.gallery-item:hover::after { opacity: 1; }
.gallery-overlay { z-index: 2; position: relative; }

/* Gallery item scale-in on reveal */
.gallery-item.animate-on-scroll { transform: translateY(28px) scale(.97); }
.gallery-item.animate-on-scroll.visible { transform: translateY(0) scale(1); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   BUTTON RIPPLE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.btn { overflow: hidden; position: relative; }
.btn-ripple {
    position: absolute; border-radius: 50%;
    background: rgba(255,255,255,.28);
    transform: scale(0);
    animation: rippleExpand .7s linear;
    pointer-events: none;
}
@keyframes rippleExpand { to { transform: scale(4); opacity: 0; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   FLOATING WHATSAPP — PULSE RING
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.floating-whatsapp::before {
    content: ''; position: absolute; inset: -5px; z-index: -1;
    border-radius: 50%;
    background: rgba(37,211,102,.35);
    animation: waPulse 2.8s ease-out infinite;
}
.floating-whatsapp { position: fixed !important; }
@keyframes waPulse {
    0%   { transform: scale(1);   opacity: .7; }
    100% { transform: scale(1.75); opacity: 0; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   FOOTER — ANIMATED GRADIENT TOP BORDER
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.footer { position: relative; }
.footer::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #D4622A, #C8973A, #4B7C54, #C8973A, #D4622A);
    background-size: 300% 100%;
    animation: footerGradient 6s linear infinite;
}
@keyframes footerGradient {
    0%   { background-position: 0%   0%; }
    100% { background-position: 300% 0%; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   REFERENCE CARDS — ENHANCED HOVER
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.reference-card {
    position: relative; overflow: hidden;
    transition: transform .35s cubic-bezier(.16,1,.3,1),
                border-color .35s ease, box-shadow .35s ease;
}
.reference-card::before {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(135deg, rgba(212,98,42,.07) 0%, rgba(200,151,58,.05) 100%);
    opacity: 0; transition: opacity .35s ease;
    pointer-events: none;
}
.reference-card:hover::before { opacity: 1; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   NAV — ACTIVE LINK GLOW
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.nav-cta { position: relative; overflow: hidden; }
.nav-cta::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent);
    transform: translateX(-100%);
    animation: navCtaShine 4s ease-in-out infinite;
}
@keyframes navCtaShine {
    0%,70%,100% { transform: translateX(-100%); }
    80%          { transform: translateX(100%); }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   CONTACT FORM — INPUT FOCUS GLOW
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    box-shadow: 0 0 0 4px rgba(212,98,42,.1), 0 0 18px rgba(212,98,42,.1) !important;
    transform: translateY(-1px);
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SCROLL-TO-TOP — ENHANCED
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.scroll-to-top.visible {
    animation: scrollBtnIn .4s cubic-bezier(.16,1,.3,1);
}
@keyframes scrollBtnIn {
    from { transform: translateY(20px) scale(.7); opacity: 0; }
    to   { transform: translateY(0)    scale(1);  opacity: 1; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ABOUT BADGES — FLOAT
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.about-img-badge {
    animation: badgeFloat 5s ease-in-out infinite;
}
.about-img-float {
    animation: floatBadge2 6s ease-in-out 1s infinite;
}
@keyframes badgeFloat {
    0%,100% { transform: translateY(0); }
    50%      { transform: translateY(-7px); }
}
@keyframes floatBadge2 {
    0%,100% { transform: translateY(0) rotate(-1deg); }
    50%      { transform: translateY(-9px) rotate(1deg); }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   FEATURE ITEMS — STAGGER ENTRANCE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.about-text.visible .feature-item:nth-child(1) { animation: featIn .7s .1s cubic-bezier(.16,1,.3,1) both; }
.about-text.visible .feature-item:nth-child(2) { animation: featIn .7s .25s cubic-bezier(.16,1,.3,1) both; }
.about-text.visible .feature-item:nth-child(3) { animation: featIn .7s .4s cubic-bezier(.16,1,.3,1) both; }
@keyframes featIn {
    from { opacity: 0; transform: translateX(-20px); }
    to   { opacity: 1; transform: translateX(0); }
}
.feature-item { opacity: 0; }
.about-text.visible .feature-item { opacity: 1; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   WHY US — SECTION BG PARTICLES  (CSS only, subtle)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.why-us-bg::after {
    content: '';
    position: absolute; inset: 0;
    background:
        radial-gradient(circle at 10% 80%, rgba(212,98,42,.05) 0%, transparent 45%),
        radial-gradient(circle at 90% 20%, rgba(200,151,58,.05) 0%, transparent 45%),
        radial-gradient(circle at 50% 50%, rgba(75,124,84,.03)  0%, transparent 55%);
    animation: whyBgPulse 8s ease-in-out infinite alternate;
}
@keyframes whyBgPulse {
    from { opacity: .6; transform: scale(1); }
    to   { opacity: 1;  transform: scale(1.05); }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   CONTACT INFO CARD — GRADIENT GLOW
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contact-info {
    position: relative; overflow: hidden;
}
.contact-info::before {
    content: '';
    position: absolute; top: -50%; right: -20%; z-index: 0;
    width: 300px; height: 300px; border-radius: 50%;
    background: radial-gradient(circle, rgba(200,151,58,.07) 0%, transparent 70%);
    animation: contactGlow 7s ease-in-out infinite alternate;
    pointer-events: none;
}
.contact-info > * { position: relative; z-index: 1; }
@keyframes contactGlow {
    from { transform: translate(0, 0); }
    to   { transform: translate(-30px, 30px); }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   RESPONSIVE & REDUCED MOTION
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 768px) {
    #cursorDot, #cursorRing { display: none !important; }
    .hero-deco { display: none !important; }
    .testimonial-card.visible:nth-child(1),
    .testimonial-card.visible:nth-child(2),
    .testimonial-card.visible:nth-child(3) { animation: none; }
    .about-img-badge { animation: none; }
    .about-img-float { animation: none; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-deco      { animation: none !important; }
    .loader-logo, .loader-tagline, .loader-progress { animation: none !important; opacity: 1; }
    .loader-progress-fill { animation: none !important; width: 100%; }
    .section-label::after { animation: none !important; }
    .footer::before { animation: none !important; }
    .stats-section  { animation: none !important; }
    .floating-whatsapp::before { animation: none !important; }
    .about-img-badge, .about-img-float { animation: none !important; }
    .testimonial-card.visible:nth-child(n) { animation: none !important; }
    .nav-cta::before { animation: none !important; }
    #scrollProgress { animation: none !important; }
    .why-us-bg::after { animation: none !important; }
    .contact-info::before { animation: none !important; }
}