/* ═══════════════════════════════════════
   QUENARA FOUNDATION v3 - THEME CSS
   ═══════════════════════════════════════ */

/* ── Button Shine Animation ── */
@keyframes btnShine{0%,75%{left:-100%}100%{left:150%}}

/* ── Variables ── */
:root {
  --emerald-900:#064e3b; --emerald-800:#065f46; --emerald-700:#047857;
  --emerald-600:#059669; --emerald-500:#10b981; --emerald-400:#34d399;
  --emerald-300:#6ee7b7; --emerald-200:#a7f3d0; --emerald-100:#d1fae5; --emerald-50:#ecfdf5;
  --gold-700:#b45309; --gold-600:#d97706; --gold-500:#f59e0b;
  --gold-400:#fbbf24; --gold-300:#fcd34d; --gold-200:#fde68a; --gold-100:#fef3c7;
  --red:#dc2626;
  --dark:#0f172a; --dark-700:#1e293b; --dark-600:#334155;
  --gray-500:#64748b; --gray-400:#94a3b8; --gray-300:#cbd5e1;
  --gray-200:#e2e8f0; --gray-100:#f1f5f9; --gray-50:#f8fafc;
  --white:#ffffff;
  --font:'Inter','Noto Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shadow-sm:0 1px 2px rgba(0,0,0,.05);
  --shadow:0 4px 6px -1px rgba(0,0,0,.1);
  --shadow-md:0 10px 15px -3px rgba(0,0,0,.1);
  --shadow-lg:0 20px 25px -5px rgba(0,0,0,.1);
  --shadow-xl:0 25px 50px -12px rgba(0,0,0,.25);
  --radius:10px; --radius-sm:6px; --radius-lg:16px; --radius-xl:24px; --radius-full:9999px;
  --ease:cubic-bezier(.4,0,.2,1);
  --header-h:72px;
  --announce-h:40px;
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:var(--dark);background:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;font-variant-ligatures:none;font-feature-settings:'liga' 0,'clig' 0}
img{max-width:100%;height:auto;display:block;image-rendering:auto}
/* Global optimized image rendering */
img[loading="lazy"]{content-visibility:auto}
.q-img-filter img{filter:brightness(1.03) contrast(1.06) saturate(1.12)}
a{text-decoration:none;color:inherit;transition:all .3s var(--ease)}
button{cursor:pointer;border:none;background:none;font-family:var(--font)}
ul,ol{list-style:none}
input,textarea,select{font-family:var(--font)}
::selection{background:var(--emerald-200);color:var(--emerald-900)}

/* ── Utility ── */
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-weight:600;font-size:.938rem;transition:all .3s var(--ease);border:none;cursor:pointer;text-decoration:none;line-height:1.4}
.btn--primary{background:linear-gradient(135deg,var(--emerald-800),var(--emerald-600));color:var(--white);position:relative;overflow:hidden}
.btn--primary::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:btnShine 4s ease-in-out infinite}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}
.btn--gold{
  background:linear-gradient(135deg,var(--gold-600),var(--gold-400));color:var(--dark);
  position:relative;overflow:hidden;
}
.btn--gold::after{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  animation:btnShine 4s ease-in-out infinite;
}
.btn--gold:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(217,119,6,.3)}
.btn--outline{background:transparent;border:2px solid var(--emerald-600);color:var(--emerald-700);position:relative;overflow:hidden}
.btn--outline::before{
  content:'';position:absolute;inset:0;background:var(--emerald-600);
  transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:-1;
}
.btn--outline:hover::before{transform:scaleX(1)}
.btn--outline:hover{color:var(--white);border-color:var(--emerald-600)}
.btn--white{background:var(--white);color:var(--emerald-800);position:relative;overflow:hidden}
.btn--white::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.12),transparent);animation:btnShine 5s ease-in-out infinite}
.btn--white:hover{background:var(--gray-100);transform:translateY(-2px)}
.btn--sm{padding:8px 16px;font-size:.813rem}
.btn--lg{padding:16px 32px;font-size:1.063rem}
.btn--dark{background:var(--dark);color:var(--white);position:relative;overflow:hidden}
.btn--dark::before{
  content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;
  background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);
  opacity:0;transition:opacity .3s;
}
.btn--dark:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.3)}
.btn--dark:hover::before{opacity:1}
.btn--full{width:100%;margin-top:8px}
.btn svg{flex-shrink:0}

/* ══════════════════════════════════
   ANNOUNCEMENT BAR
   ══════════════════════════════════ */
.qbar{
  background:linear-gradient(90deg,#0c0c0c,#1a1a2e,#16213e,#1a1a2e,#0c0c0c);
  background-size:300% 100%;animation:qbar-bg 12s ease infinite;
  color:var(--white);height:var(--announce-h);overflow:hidden;
  position:relative;z-index:1000;display:flex;align-items:center;
  border-bottom:1px solid rgba(255,255,255,.06);
}
@keyframes qbar-bg{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.qbar__live{
  display:flex;align-items:center;gap:6px;padding:0 14px;
  font-size:.7rem;font-weight:800;letter-spacing:.08em;color:#ef4444;
  flex-shrink:0;border-right:1px solid rgba(255,255,255,.08);height:100%;
  text-transform:uppercase;z-index:2;background:rgba(0,0,0,.3);
}
.qbar__dot{
  width:7px;height:7px;border-radius:50%;background:#ef4444;
  animation:qbar-pulse 1.5s ease-in-out infinite;
  box-shadow:0 0 6px #ef4444,0 0 12px rgba(239,68,68,.4);
}
@keyframes qbar-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.qbar__track{overflow:hidden;height:100%;flex:1;position:relative}
.qbar__track::before,.qbar__track::after{
  content:'';position:absolute;top:0;bottom:0;width:40px;z-index:3;pointer-events:none;
}
.qbar__track::before{left:0;background:linear-gradient(90deg,#0c0c0c,transparent)}
.qbar__track::after{right:0;background:linear-gradient(270deg,#0c0c0c,transparent)}
.qbar__scroll{
  display:flex;white-space:nowrap;height:100%;
  will-change:transform;
}
.qbar__item{
  display:inline-flex;align-items:center;gap:8px;padding:0 28px;
  font-size:.78rem;font-weight:500;color:rgba(255,255,255,.85);flex-shrink:0;
  height:100%;border-right:1px solid rgba(255,255,255,.04);
  transition:background .3s;cursor:default;
}
.qbar__item:hover{background:rgba(255,255,255,.04)}
.qbar__item--loading{width:320px;position:relative;overflow:hidden}
.qbar__shimmer{
  position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);
  animation:qbar-shimmer 1.5s ease infinite;
}
@keyframes qbar-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.qbar__sev{
  display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;
  font-size:.6rem;font-weight:800;letter-spacing:.06em;color:#fff;flex-shrink:0;
  text-transform:uppercase;
}
.qbar__sev-dot{
  width:5px;height:5px;border-radius:50%;animation:qbar-pulse 2s ease-in-out infinite;
}
.qbar__flag{
  width:22px;height:15px;border-radius:2px;object-fit:cover;flex-shrink:0;
  box-shadow:0 1px 3px rgba(0,0,0,.3);
}
.qbar__icon{
  display:inline-flex;align-items:center;flex-shrink:0;
}
.qbar__icon svg{width:15px;height:15px;color:#f59e0b;filter:drop-shadow(0 0 3px rgba(245,158,11,.4))}
.qbar__type{font-weight:700;color:#fbbf24;font-size:.76rem;flex-shrink:0}
.qbar__sep{color:rgba(255,255,255,.2);font-size:.7rem}
.qbar__desc{color:rgba(255,255,255,.65);font-size:.73rem;max-width:350px;overflow:hidden;text-overflow:ellipsis}
.qbar__arrow{font-weight:700;font-size:.875rem;transition:transform .3s}
.qbar__item:hover .qbar__arrow{transform:translateX(4px)}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ══════════════════════════════════
   HEADER
   ══════════════════════════════════ */
.qh{
  position:sticky;top:0;z-index:900;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--gray-200);
  height:var(--header-h);
  transition:box-shadow .3s var(--ease);
}
.qh.scrolled{box-shadow:var(--shadow-md)}
.qh__inner{
  display:flex;align-items:center;justify-content:space-between;
  height:100%;max-width:1400px;margin:0 auto;padding:0 16px;gap:4px;
}
/* Logo */
.qh__logo{display:flex;align-items:center;gap:8px;flex-shrink:0;text-decoration:none;position:relative;z-index:10}
.qh__logo img{height:50px;width:auto;display:block}
.qh__logo-wrap{
  display:flex;align-items:center;background:var(--white);padding:6px 10px;border-radius:14px;
  box-shadow:0 6px 20px rgba(0,0,0,.12);transition:transform .3s var(--ease),box-shadow .3s;
}
.qh__logo-wrap:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.qh__logo-img{height:46px;width:auto;object-fit:contain;display:block}

/* ── Desktop Nav (GAME-LIKE DYNAMIC) ── */
.qh__nav{display:flex;align-items:center;gap:0;flex:1;justify-content:flex-end;overflow:visible;margin-right:8px}
.qh__menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.qh__nav-item,.qh__item{position:relative}
.qh__micon{
  width:18px;height:18px;flex-shrink:0;
  filter:drop-shadow(0 0 0 transparent);
  transition:filter .35s,transform .35s cubic-bezier(.4,0,.2,1),color .3s;
  color:var(--emerald-600);
}
.qh__item:hover .qh__micon{
  filter:drop-shadow(0 0 8px rgba(16,185,129,.7));
  transform:scale(1.3) rotate(-8deg);
  color:var(--emerald-400);
}
.qh__item > a,
.qh__nav-link{
  display:flex;align-items:center;gap:5px;padding:10px 10px;
  font-size:.8125rem;font-weight:700;color:var(--dark-600);white-space:nowrap;
  text-decoration:none;position:relative;
  transition:color .25s,transform .3s cubic-bezier(.4,0,.2,1);
}
/* Hover glow pill behind item */
.qh__item::before{
  content:'';position:absolute;inset:4px -2px;border-radius:12px;
  background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(245,158,11,.05));
  opacity:0;transform:scale(.85);pointer-events:none;z-index:-1;
  transition:opacity .3s,transform .3s cubic-bezier(.4,0,.2,1);
}
.qh__item:hover::before{opacity:1;transform:scale(1)}
/* Animated gradient underline */
.qh__item > a::after{
  content:'';position:absolute;bottom:2px;left:10px;right:10px;height:3px;
  background:linear-gradient(90deg,#10b981,#f59e0b,#ec4899);background-size:200% 100%;
  border-radius:3px;transform:scaleX(0);transform-origin:left;
  transition:transform .35s cubic-bezier(.4,0,.2,1);
}
.qh__item:hover > a::after{transform:scaleX(1);animation:gradient-shift 2s linear infinite}
@keyframes gradient-shift{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.qh__item > a:hover,.qh__nav-link:hover{color:var(--emerald-700);transform:translateY(-2px)}
.qh__caret{opacity:.5;transition:transform .35s cubic-bezier(.4,0,.2,1)}
.qh__has-sub:hover > a .qh__caret,
.qh__has-mega:hover > a .qh__caret{transform:rotate(180deg);opacity:1}
.qh__nav-icon{display:flex;align-items:center}
.qh__nav-icon svg{width:16px;height:16px}

/* ── DROPDOWN (Animated slide-in) ── */
.qh__dropdown{
  position:absolute;top:100%;left:50%;
  transform:translateX(-50%) translateY(10px);
  min-width:260px;max-width:400px;
  background:var(--white);border-radius:16px;
  box-shadow:0 20px 50px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);
  z-index:950;padding:8px;padding-top:14px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .25s ease,transform .25s cubic-bezier(.4,0,.2,1),visibility .25s;
}
/* Bridge: invisible hover area between nav item and dropdown */
.qh__has-sub{position:relative}
.qh__has-sub::after{
  content:'';position:absolute;top:100%;left:-20px;right:-20px;height:20px;
  background:transparent;z-index:949;
}
.qh__has-mega{position:relative}
.qh__has-mega::after{
  content:'';position:absolute;top:100%;left:-20px;right:-20px;height:20px;
  background:transparent;z-index:949;
}
.qh__dropdown--wide{min-width:340px}
.qh__dropdown::before{
  content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%) rotate(45deg);
  width:12px;height:12px;background:var(--white);
  box-shadow:-1px -1px 0 rgba(0,0,0,.05);border-radius:2px;
}
.qh__has-sub:hover > .qh__dropdown{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.qh__dropdown a{
  display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:10px;
  font-size:.875rem;font-weight:600;color:var(--dark);text-decoration:none;
  transition:all .2s cubic-bezier(.4,0,.2,1);
}
.qh__dropdown a:hover{
  background:linear-gradient(135deg,var(--emerald-50),rgba(16,185,129,.08));
  color:var(--emerald-800);transform:translateX(6px);
  box-shadow:0 4px 12px rgba(16,185,129,.12);
}
.qh__dropdown a svg{flex-shrink:0;transition:transform .3s}
.qh__dropdown a:hover svg{transform:scale(1.15) rotate(-5deg)}
/* Stagger animation for dropdown items */
.qh__has-sub:hover .qh__dropdown a{animation:dd-in .3s cubic-bezier(.16,1,.3,1) both}
.qh__has-sub:hover .qh__dropdown a:nth-child(1){animation-delay:0s}
.qh__has-sub:hover .qh__dropdown a:nth-child(2){animation-delay:.04s}
.qh__has-sub:hover .qh__dropdown a:nth-child(3){animation-delay:.08s}
.qh__has-sub:hover .qh__dropdown a:nth-child(4){animation-delay:.12s}
.qh__has-sub:hover .qh__dropdown a:nth-child(5){animation-delay:.16s}
.qh__has-sub:hover .qh__dropdown a:nth-child(6){animation-delay:.2s}
.qh__has-sub:hover .qh__dropdown a:nth-child(7){animation-delay:.24s}
.qh__has-sub:hover .qh__dropdown a:nth-child(8){animation-delay:.28s}
@keyframes dd-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.qh__dropdown-inner{padding:20px}
.qh__dropdown-header{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--gray-200);
}
.qh__dropdown-header h3{font-size:.938rem;font-weight:700;color:var(--dark)}
.qh__dropdown-header a{font-size:.813rem;font-weight:600;color:var(--emerald-600)}
.qh__dropdown-header a:hover{text-decoration:underline}
.qh__dropdown-grid{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;
}
.qh__dropdown-link{
  padding:8px 12px;border-radius:var(--radius-sm);font-size:.813rem;
  color:var(--dark-600);transition:all .15s;
}
.qh__dropdown-link:hover{background:var(--emerald-50);color:var(--emerald-800)}

/* ── Header Actions (Dynamic) ── */
.qh__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.qh__action-btn{
  display:inline-flex;align-items:center;gap:6px;padding:8px 14px;
  border-radius:var(--radius);font-size:.813rem;font-weight:700;
  text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;
  position:relative;overflow:hidden;
}
.qh__action-btn--outline{
  border:1.5px solid var(--gray-300);color:var(--dark);background:transparent;
}
.qh__action-btn--outline:hover{
  border-color:var(--emerald-500);color:var(--emerald-700);
  box-shadow:0 0 20px rgba(16,185,129,.15);transform:translateY(-1px);
}
/* Login Button Dynamic */
.qh__login-btn{
  border:2px solid var(--emerald-200);background:linear-gradient(135deg,rgba(16,185,129,.04),rgba(245,158,11,.02));
  border-radius:var(--radius-full);padding:8px 16px;gap:8px;
  transition:all .4s cubic-bezier(.4,0,.2,1);
}
.qh__login-btn:hover{
  border-color:var(--emerald-500);background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(245,158,11,.05));
  box-shadow:0 4px 20px rgba(16,185,129,.2),0 0 0 4px rgba(16,185,129,.05);
  transform:translateY(-2px) scale(1.03);
}
.qh__login-btn svg{transition:transform .3s}
.qh__login-btn:hover svg{transform:scale(1.15) rotate(-5deg)}
.qh__lang{display:flex;align-items:center;gap:2px;padding:3px;background:var(--gray-100);border-radius:var(--radius-full);position:relative;overflow:hidden}
.qh__lang::after{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(245,158,11,.1));
  opacity:0;transition:opacity .3s;
}
.qh__lang:hover::after{opacity:1}
.qh__lang-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;
  text-decoration:none;color:var(--gray-500);transition:all .3s cubic-bezier(.4,0,.2,1);
  position:relative;z-index:1;
}
.qh__lang-btn.active{
  background:var(--emerald-600);color:var(--white);
  box-shadow:0 2px 8px rgba(16,185,129,.4);
}
.qh__lang-btn:hover:not(.active){color:var(--emerald-700);transform:scale(1.05)}
.qh__cart-btn{
  position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;
  border:none;background:transparent;cursor:pointer;border-radius:var(--radius);
}
.qh__cart-btn:hover{background:var(--gray-100)}
.qh__cart-count{
  position:absolute;top:2px;right:2px;width:18px;height:18px;
  border-radius:50%;background:var(--emerald-600);color:var(--white);
  font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;
}
.qh__btn{
  display:flex;align-items:center;justify-content:center;gap:4px;
  width:40px;height:40px;border-radius:var(--radius);color:var(--dark-600);
  transition:all .2s;position:relative;
}
.qh__btn:hover{background:var(--gray-100);color:var(--emerald-700)}
.qh__lang{width:auto;padding:0 10px;font-size:.75rem;font-weight:600}
.qh__badge{
  position:absolute;top:4px;right:2px;
  background:var(--red);color:var(--white);
  font-size:.625rem;font-weight:700;min-width:18px;height:18px;
  border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;
  line-height:1;
}
.qh__badge:empty,.qh__badge[data-count="0"]{display:none}
.qh__cart-btn{position:relative}
.qh__donate-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:10px 22px;border-radius:var(--radius-full);
  background:linear-gradient(135deg,#065f46,#10b981,#059669);background-size:200% 200%;
  color:var(--white);font-size:.813rem;font-weight:800;white-space:nowrap;
  transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;
  text-transform:uppercase;letter-spacing:.5px;
  animation:btnBgShift 4s ease infinite;
}
@keyframes btnBgShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.qh__donate-btn::before{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
  animation:btnShine 4s ease-in-out infinite;
}
.qh__donate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.35)}
.qh__donate-btn svg{width:14px;height:14px;animation:heartbeat 1.5s ease-in-out infinite}
@keyframes heartbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}

/* ── Burger ── */
.qh__burger{display:none;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.qh__burger span{display:block;width:22px;height:2px;background:var(--dark);border-radius:2px;transition:all .3s}

/* ══════════════════════════════════
   MOBILE MENU
   ══════════════════════════════════ */
.qmob{position:fixed;inset:0;z-index:9999;pointer-events:none;visibility:hidden}
.qmob.is-open,.qmob.open{pointer-events:auto;visibility:visible}
.qmob__overlay{
  position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;
  transition:opacity .3s;
}
.qmob.is-open .qmob__overlay,.qmob.open .qmob__overlay{opacity:1}
.qmob__panel{
  position:absolute;top:0;right:0;bottom:0;width:320px;max-width:85vw;
  background:var(--white);transform:translateX(100%);
  transition:transform .3s var(--ease);overflow-y:auto;
  display:flex;flex-direction:column;
}
.qmob.is-open .qmob__panel,.qmob.open .qmob__panel{transform:translateX(0)}
.qmob__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-200)}
.qmob__head button{width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.qmob__logo{font-size:1rem;font-weight:800;color:var(--emerald-900)}
.qmob__logo img{height:36px;width:auto}
.qmob__search{padding:12px 20px}
.qmob__search input{width:100%;padding:10px 14px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.875rem}
.qmob__donate{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin:0 20px 12px;padding:12px;border-radius:var(--radius);
  background:linear-gradient(135deg,var(--emerald-800),var(--emerald-600));
  color:var(--white);font-weight:600;font-size:.938rem;
}
.qmob__nav{flex:1;overflow-y:auto;padding:0 12px}
/* Mobile Accordion - Div-based single-tap toggle */
.qmob__acc,.qmob__accordion{border-bottom:1px solid var(--gray-100);overflow:hidden}
.qmob__acc-btn,.qmob__accordion > summary{
  display:flex;align-items:center;gap:10px;width:100%;padding:14px 12px;
  font-size:.938rem;font-weight:700;color:var(--dark);cursor:pointer;list-style:none;
  transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:10px;text-align:left;
  background:transparent;border:none;font-family:inherit;
}
.qmob__accordion > summary::-webkit-details-marker{display:none}
.qmob__acc-btn:hover,.qmob__accordion > summary:hover{
  background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(245,158,11,.05));
  transform:translateX(4px);
}
.qmob__acc-btn svg:last-child{margin-left:auto;transition:transform .35s cubic-bezier(.4,0,.2,1)}
.qmob__acc.is-open .qmob__acc-btn svg:last-child{transform:rotate(180deg)}
/* Open state */
.qmob__accordion[open] > summary,.qmob__acc.is-open .qmob__acc-btn{
  background:linear-gradient(135deg,#064e3b,#047857);color:white;border-radius:12px 12px 0 0;
  box-shadow:0 4px 16px rgba(4,120,87,.3);
}
/* Sub panel - hidden by default via max-height */
.qmob__acc > .qmob__sub{
  max-height:0;opacity:0;overflow:hidden;
  transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;
  background:linear-gradient(180deg,#ecfdf5,#ffffff);border-radius:0 0 12px 12px;
  padding:0 0 0 8px;
}
.qmob__acc.is-open > .qmob__sub{opacity:1;padding:6px 0 10px 8px}
.qmob__accordion > .qmob__sub{
  padding:6px 0 10px 8px;
  background:linear-gradient(180deg,#ecfdf5,#ffffff);border-radius:0 0 12px 12px;
}
.qmob__acc-panel{display:none;padding:0 8px 12px 12px;background:linear-gradient(180deg,#ecfdf5,#ffffff);border-radius:0 0 12px 12px}
.qmob__acc.is-open .qmob__acc-panel{display:block}
.qmob__acc-panel a,.qmob__sub a{
  display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:.875rem;color:var(--dark-600);
  border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);
  font-weight:600;text-decoration:none;
  animation:mob-item-in .35s cubic-bezier(.16,1,.3,1) both;
}
.qmob__sub a:nth-child(1){animation-delay:.03s}
.qmob__sub a:nth-child(2){animation-delay:.06s}
.qmob__sub a:nth-child(3){animation-delay:.09s}
.qmob__sub a:nth-child(4){animation-delay:.12s}
.qmob__sub a:nth-child(5){animation-delay:.15s}
.qmob__sub a:nth-child(6){animation-delay:.18s}
.qmob__sub a:nth-child(7){animation-delay:.21s}
.qmob__sub a:nth-child(8){animation-delay:.24s}
.qmob__sub a:nth-child(9){animation-delay:.27s}
.qmob__sub a:nth-child(10){animation-delay:.3s}
@keyframes mob-item-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
.qmob__acc-panel a:hover,.qmob__sub a:hover{
  background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(245,158,11,.06));
  color:var(--emerald-800);transform:translateX(6px);
}
/* Animated dot */
.qmob__sub a::before{content:'';width:6px;height:6px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#10b981,#f59e0b);transition:transform .3s}
.qmob__sub a:hover::before{transform:scale(1.5)}
.qmob__link{display:flex;align-items:center;gap:10px;padding:14px 12px;font-size:.938rem;font-weight:700;color:var(--dark);text-decoration:none;transition:all .3s;border-radius:10px}
.qmob__link:hover{background:rgba(16,185,129,.06);transform:translateX(4px)}
.qmob__viewall{color:var(--emerald-600) !important;font-weight:600}
.qmob__foot{padding:20px;border-top:1px solid var(--gray-200)}
.qmob__langs{display:flex;gap:8px}
.qmob__langs button{flex:1;padding:10px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.813rem;font-weight:600;text-align:center}

/* ══════════════════════════════════
   SEARCH OVERLAY
   ══════════════════════════════════ */
.qsearch{
  position:fixed;inset:0;z-index:10000;
  background:rgba(0,0,0,.8);backdrop-filter:blur(8px);
  display:none;align-items:center;justify-content:center;
}
.qsearch.is-open{display:flex}
.qsearch__inner{width:90%;max-width:600px;position:relative}
.qsearch__inner form{display:flex;gap:12px}
.qsearch__inner input{
  flex:1;padding:18px 24px;border:none;border-radius:var(--radius-lg);
  font-size:1.25rem;background:var(--white);color:var(--dark);outline:none;
}
.qsearch__inner button[type="submit"]{
  padding:18px;border-radius:var(--radius-lg);background:var(--emerald-600);color:var(--white);
}
.qsearch__close{
  position:absolute;top:-50px;right:0;color:var(--white);
  padding:8px;
}

/* ══════════════════════════════════
   STICKY CART WIDGET
   ══════════════════════════════════ */
.qcart-widget{position:fixed;bottom:80px;right:20px;z-index:800}
.qcart-widget__toggle{
  width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,var(--emerald-800),var(--emerald-600));
  color:var(--white);display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-lg);position:relative;
  transition:transform .3s;
}
.qcart-widget__toggle:hover{transform:scale(1.1)}
.qcart-widget__count{
  position:absolute;top:-4px;right:-4px;
  background:var(--red);color:var(--white);
  font-size:.625rem;font-weight:700;
  min-width:20px;height:20px;border-radius:var(--radius-full);
  display:flex;align-items:center;justify-content:center;
}
.qcart-widget__panel{
  position:absolute;bottom:70px;right:0;
  width:320px;background:var(--white);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);
  overflow:hidden;
}
.qcart-widget__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;border-bottom:1px solid var(--gray-200);
}
.qcart-widget__head button{font-size:1.25rem;color:var(--gray-500);padding:4px}
.qcart-widget__items{max-height:200px;overflow-y:auto;padding:12px 16px}
.qcart-widget__total{
  display:flex;justify-content:space-between;padding:12px 16px;
  border-top:1px solid var(--gray-200);font-size:.938rem;
}
.qcart-widget__total strong{color:var(--emerald-800);font-size:1.125rem}

/* ══════════════════════════════════
   COOKIE BANNER
   ══════════════════════════════════ */
.qcookie{
  position:fixed;bottom:0;left:0;right:0;z-index:9990;
  background:var(--white);border-top:1px solid var(--gray-200);
  box-shadow:0 -4px 20px rgba(0,0,0,.1);
  padding:16px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;
}
.qcookie p{font-size:.875rem;color:var(--dark-600);flex:1}
.qcookie div{display:flex;align-items:center;gap:12px}
.qcookie a{font-size:.813rem;color:var(--emerald-600);white-space:nowrap}

/* ══════════════════════════════════
   TRUST MARQUEE BAR
   ══════════════════════════════════ */
.qtrust-bar{/* Legacy - now uses .qimpact classes */display:none}
.qtrust-bar__scroll,.qtrust-bar__item,.qtrust-bar__icon{display:none}

/* ══════════════════════════════════
   FOOTER CTA
   ══════════════════════════════════ */
.qfcta{
  padding:80px 20px;text-align:center;
  background:linear-gradient(135deg,var(--emerald-50),var(--gold-100));
}
.qfcta h2{font-size:2rem;font-weight:800;color:var(--dark);margin-bottom:12px}
.qfcta p{font-size:1.063rem;color:var(--gray-500);margin-bottom:28px}

/* ══════════════════════════════════
   FOOTER
   ══════════════════════════════════ */
/* ═══ FOOTER — EMERALD GRADIENT v2.0 ═══ */
.qfoot{position:relative;overflow-x:clip;overflow-y:visible;padding:70px 0 130px;color:rgba(255,255,255,.85);font-family:var(--font);background:linear-gradient(165deg,#022c22 0%,#064e3b 30%,#065f46 55%,#047857 80%,#059669 100%)}
.qfoot__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.qfoot__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:qfOrb 12s ease-in-out infinite}
.qfoot__orb--1{width:400px;height:400px;background:radial-gradient(circle,#34d399,transparent);top:-10%;left:-5%;animation-delay:0s}
.qfoot__orb--2{width:350px;height:350px;background:radial-gradient(circle,#6ee7b7,transparent);bottom:10%;right:-8%;animation-delay:4s}
.qfoot__orb--3{width:250px;height:250px;background:radial-gradient(circle,#a7f3d0,transparent);top:50%;left:40%;animation-delay:8s}
@keyframes qfOrb{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(20px,-15px) scale(1.1)}66%{transform:translate(-15px,20px) scale(.95)}}

/* Top: Brand + Trust */
.qfoot__top{display:flex;justify-content:space-between;align-items:flex-start;gap:50px;padding-bottom:40px;flex-wrap:wrap}
.qfoot__brand{flex:1;min-width:280px;max-width:480px}
.qfoot__logo-wrap{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.qfoot__logo-circle{width:72px;height:72px;border-radius:18px;background:#fff;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.08)}
.qfoot__logo-img{width:68px;height:68px;object-fit:contain;border-radius:14px}
.qfoot__logo-name{display:block;font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.01em}
.qfoot__logo-sub{display:block;font-size:.75rem;color:rgba(167,243,208,.7);font-weight:500;margin-top:2px}
.qfoot__desc{font-size:.875rem;line-height:1.75;color:rgba(255,255,255,.6);margin-bottom:20px}

/* Social Icons */
.qfoot__socials{display:flex;gap:8px;flex-wrap:wrap}
.qfoot__soc{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);transition:all .35s cubic-bezier(.34,1.56,.64,1);text-decoration:none}
.qfoot__soc:hover{background:rgba(255,255,255,.18);border-color:rgba(110,231,183,.4);color:#6ee7b7;transform:translateY(-3px);box-shadow:0 6px 20px rgba(16,185,129,.2)}

/* Trust Badges */
.qfoot__trust{display:flex;flex-direction:column;gap:14px;flex-shrink:0;min-width:220px}
.qfoot__candid{display:flex;align-items:center;gap:12px;text-decoration:none;padding:14px 18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;transition:all .35s}
.qfoot__candid:hover{background:rgba(255,255,255,.12);border-color:rgba(110,231,183,.3);transform:translateY(-3px)}
.qfoot__candid img{width:80px;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}
.qfoot__candid span{font-size:.7rem;font-weight:700;color:rgba(167,243,208,.8);text-transform:uppercase;letter-spacing:.08em}

.qfoot__ein{padding:16px 20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px}
.qfoot__ein-badge{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.85);margin-bottom:8px}
.qfoot__ein-badge strong{display:block;font-size:.82rem;color:#fff}
.qfoot__ein-badge span{display:block;font-size:.75rem;color:rgba(167,243,208,.7);font-family:var(--font)}
.qfoot__irs-link{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:rgba(167,243,208,.8);text-decoration:none;font-weight:600;transition:color .3s}
.qfoot__irs-link:hover{color:#6ee7b7}

/* Divider */
.qfoot__divider{height:1px;background:linear-gradient(90deg,transparent,rgba(110,231,183,.2) 30%,rgba(110,231,183,.2) 70%,transparent);margin:0 0}

/* Link Grid */
.qfoot__grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px;padding:40px 0}
.qfoot__col h4{font-size:.875rem;font-weight:700;color:#fff;margin-bottom:16px;text-transform:uppercase;letter-spacing:.06em}
.qfoot__col ul{display:flex;flex-direction:column;gap:8px}
.qfoot__col li a{font-size:.838rem;color:rgba(255,255,255,.55);transition:all .25s;text-decoration:none;display:inline-block}
.qfoot__col li a:hover{color:#6ee7b7;transform:translateX(3px)}

/* Bottom */
.qfoot__bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0 30px;flex-wrap:wrap;gap:16px}
.qfoot__copy p{font-size:.8rem;color:rgba(255,255,255,.5);margin:0}
.qfoot__legal-small{font-size:.72rem!important;color:rgba(255,255,255,.35)!important;margin-top:4px!important;max-width:540px;line-height:1.5}
.qfoot__pays{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;padding-top:10px}
.qfoot__pcard{display:inline-flex;align-items:center;justify-content:center;width:52px;height:32px;padding:4px 6px;background:#fff;border-radius:5px;transition:transform .2s;box-sizing:border-box}
.qfoot__pcard:hover{transform:translateY(-1px)}
.qfoot__pcard img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
/* old footer styles removed - see new .qfoot above */

/* ══════════════════════════════════
   MOBILE BOTTOM NAV
   ══════════════════════════════════ */
.qbnav{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:900;
  background:var(--white);border-top:1px solid var(--gray-200);
  height:64px;
  box-shadow:0 -2px 10px rgba(0,0,0,.08);
}
.qbnav a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  flex:1;font-size:.625rem;color:var(--gray-500);position:relative;padding:8px 0;text-decoration:none;
}
.qbnav a:hover,.qbnav a.active{color:var(--emerald-700)}
.qbnav__center{margin-top:-20px;position:relative;z-index:801}
.qbnav__circle{
  width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,var(--emerald-800),var(--emerald-500));
  display:flex;align-items:center;justify-content:center;color:var(--white);
  box-shadow:0 4px 16px rgba(6,78,59,.4);
  animation:heartbeat 1.5s ease-in-out infinite;
}
@keyframes heartbeat{
  0%,100%{transform:scale(1);box-shadow:0 4px 16px rgba(6,78,59,.4)}
  15%{transform:scale(1.15);box-shadow:0 6px 24px rgba(6,78,59,.6)}
  30%{transform:scale(1);box-shadow:0 4px 16px rgba(6,78,59,.4)}
  45%{transform:scale(1.1);box-shadow:0 5px 20px rgba(6,78,59,.5)}
  60%{transform:scale(1)}
}
.qbnav__badge{
  position:absolute;top:4px;right:50%;transform:translateX(14px);
  background:var(--red);color:var(--white);font-size:.563rem;font-weight:700;
  min-width:16px;height:16px;border-radius:var(--radius-full);
  display:flex;align-items:center;justify-content:center;
}
.qbnav__badge:empty{display:none}

/* ══════════════════════════════════
   HERO SECTION
   ══════════════════════════════════ */
.qhero-wrap{position:relative;z-index:1;overflow:hidden}
.qhero{position:relative;overflow:visible;min-height:660px}
.qhero .swiper{height:660px;overflow:hidden}
.qhero .swiper-slide{position:relative;overflow:hidden;display:flex;align-items:center}
.qhero__bg{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
}
.qhero__bg--emerald{background:linear-gradient(135deg,#064e3b 0%,#047857 50%,#10b981 100%)}
.qhero__bg--red{background:linear-gradient(135deg,#991b1b,#dc2626,#f87171)}
.qhero__bg--pink{background:linear-gradient(135deg,#831843,#db2777,#f472b6)}
.qhero__bg--blue{background:linear-gradient(135deg,#0c4a6e,#0284c7,#38bdf8)}
.qhero__content{
  position:relative;z-index:2;max-width:680px;padding:0 60px;color:var(--white);
}
.qhero__badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 16px;border-radius:var(--radius-full);
  background:rgba(255,255,255,.15);backdrop-filter:blur(4px);
  font-size:.75rem;font-weight:600;margin-bottom:16px;
}
.qhero__title{font-size:2.75rem;font-weight:800;line-height:1.15;margin-bottom:16px}
.qhero__title span{color:var(--gold-400)}
.qhero__desc{font-size:1.063rem;opacity:.9;margin-bottom:28px;max-width:520px;line-height:1.7}
.qhero__actions{display:flex;gap:12px;flex-wrap:wrap}
.qhero__stats{
  position:absolute;right:60px;bottom:40px;z-index:2;
  display:flex;flex-direction:column;gap:10px;
}
.qhero__stat{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:var(--radius-full);
  background:rgba(255,255,255,.12);backdrop-filter:blur(8px);
  font-size:.813rem;font-weight:600;color:var(--white);
}
.qhero__stat-dot{width:8px;height:8px;border-radius:50%;background:var(--gold-400)}
/* Hero Swiper Controls */
.qhero .swiper-pagination{bottom:20px !important}
.qhero .swiper-pagination-bullet{width:10px;height:10px;background:rgba(255,255,255,.4);opacity:1}
.qhero .swiper-pagination-bullet-active{background:var(--white);width:32px;border-radius:5px}
.qhero .swiper-button-prev,.qhero .swiper-button-next{
  color:var(--white);width:44px;height:44px;
  background:rgba(255,255,255,.12);border-radius:50%;
  backdrop-filter:blur(4px);
}
.qhero .swiper-button-prev::after,.qhero .swiper-button-next::after{font-size:16px}

/* ══════════════════════════════════
   SECTION HEADERS
   ══════════════════════════════════ */
.qsec{padding:80px 0;overflow:hidden}
.qsec--gray{background:var(--gray-50)}
.qsec__head{text-align:center;margin-bottom:48px}
.qsec__title{font-size:2rem;font-weight:800;color:var(--dark);line-height:1.3;padding-bottom:2px}
.qsec__title span{color:var(--emerald-600)}
.qsec__sub{font-size:1rem;color:var(--gray-500);margin-top:8px}

/* ══════════════════════════════════
   CATEGORIES SLIDER
   ══════════════════════════════════ */
.qcats-slider{position:relative;padding:0 40px}
.qcat-card{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  padding:24px 16px;border-radius:var(--radius-lg);
  background:var(--white);border:1px solid var(--gray-200);
  text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);text-align:center;
  position:relative;overflow:hidden;
}
.qcat-card::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at center,var(--emerald-50) 0%,transparent 70%);
  opacity:0;transition:opacity .4s;
}
.qcat-card:hover{
  transform:translateY(-8px) scale(1.02);
  box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:var(--emerald-200);
}
.qcat-card:hover::before{opacity:1}
.qcat-card__icon{
  width:56px;height:56px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;z-index:1;
}
.qcat-card:hover .qcat-card__icon{transform:scale(1.15) rotate(-5deg)}
.qcat-card__name{font-size:.813rem;font-weight:700;color:var(--dark);position:relative;z-index:1;display:block;text-align:center;margin-top:4px}
.qcats-slider .swiper-button-prev,.qcats-slider .swiper-button-next{
  color:var(--emerald-700);width:36px;height:36px;
  background:var(--white);border-radius:50%;box-shadow:var(--shadow);
}
.qcats-slider .swiper-button-prev{left:0}
.qcats-slider .swiper-button-next{right:0}
.qcats-slider .swiper-button-prev::after,.qcats-slider .swiper-button-next::after{font-size:14px}

/* ══════════════════════════════════
   CATEGORY CAROUSEL v7 — LIGHT JEWEL DESIGN
   White base + emerald, peach, aubergine, rose, ruby, pink accents
   Beige neutrals for warmth
   ══════════════════════════════════ */

/*
  JEWEL PALETTE:
  Base:       #ffffff / #faf8f5 (warm white)
  Neutral:    #f5f0eb (beige) / #e8e0d8 (warm sand) / #6b5e54 (warm brown text)
  Emerald:    #047857 / #059669 / #10b981
  Peach:      #fb923c / #fdba74
  Aubergine:  #7e22ce / #9333ea
  Rose:       #e11d48 / #f43f5e
  Ruby:       #be123c
  Pink:       #ec4899 / #f472b6
*/

/* ─── SECTION — matches featured donations bg ─── */
.qcx{position:relative;background:var(--gray-50,#f8fafc);padding:10px 0 0;overflow:visible}

/* Hero transition — clean seamless, no green */
.qcx-fade{display:none}

/* ─── PILL — simple category label, click to scroll ─── */
.qcx-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 20px;border-radius:var(--radius-full,9999px);
  background:rgba(4,120,87,.06);border:1.5px solid rgba(4,120,87,.15);
  color:#047857;font-size:.7rem;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;cursor:pointer;
  transition:all .4s cubic-bezier(.16,1,.3,1);
  margin-bottom:14px;
}
.qcx-pill:hover{background:rgba(4,120,87,.12);border-color:rgba(4,120,87,.3);transform:translateY(-2px);box-shadow:0 4px 16px rgba(4,120,87,.12)}
.qcx-pill-ico{opacity:.8;animation:qcxPillIco 4s ease-in-out infinite}
@keyframes qcxPillIco{0%,100%{transform:rotate(0)}50%{transform:rotate(8deg) scale(1.1)}}

/* Ambient orbs — jewel tones, ultra subtle */
.qcx-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.qcx-orb{position:absolute;border-radius:50%;filter:blur(140px)}
.qcx-orb--a{width:500px;height:500px;top:-15%;left:-10%;background:radial-gradient(circle,rgba(16,185,129,.06),transparent 70%);animation:qcxOrb 25s ease-in-out infinite}
.qcx-orb--b{width:400px;height:400px;bottom:-15%;right:-10%;background:radial-gradient(circle,rgba(236,72,153,.04),transparent 70%);animation:qcxOrb 25s ease-in-out infinite reverse;animation-delay:10s}
@keyframes qcxOrb{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,20px) scale(1.08)}66%{transform:translate(-25px,30px) scale(.94)}}

/* ─── HEADING ─── */
.qcx-head{text-align:center;margin-bottom:38px;padding-top:4px;position:relative;z-index:2}

/* Pill — emerald tinted */
/* pill removed — replaced by bridge CTA */
/* pill animations removed */

/* Title — warm dark brown + gradient italic */
.qcx-title{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:900;color:#2d2420;margin-bottom:10px;letter-spacing:-.02em;animation:qcxFadeUp .8s ease both}
@keyframes qcxFadeUp{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
.qcx-title em{font-style:normal;background:linear-gradient(135deg,#047857 0%,#10b981 30%,#7e22ce 60%,#e11d48 100%);background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:qcxGrad 6s linear infinite}
@keyframes qcxGrad{0%{background-position:0% center}100%{background-position:250% center}}

/* Subtitle */
.qcx-sub{color:#8b7e74;font-size:.92rem;animation:qcxFadeUp .8s .12s ease both}

/* ─── SLIDER ─── */
.qcx-slider{position:relative;max-width:940px;margin:0 auto;padding:0 56px}
.qcx-viewport{position:relative;overflow:hidden;border-radius:22px}
.qcx-track{display:flex;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}
.qcx-slide{min-width:100%;box-sizing:border-box}

/* ─── CARD — warm white glass with soft shadow ─── */
.qcx-card{display:grid;grid-template-columns:1fr 1.15fr;background:#fff;border:1px solid #e2e8f0;border-radius:22px;overflow:hidden;min-height:400px;transition:border-color .5s,box-shadow .5s}
.qcx-card:hover{border-color:#cbd5e1;box-shadow:0 16px 50px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.03)}

/* ─── VISUAL (left) — warm beige bg ─── */
.qcx-vis{position:relative;overflow:hidden;min-height:290px;background:linear-gradient(150deg,#f1f5f9,#e8eef4)}
.qcx-photo{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1),filter .5s}
.qcx-card:hover .qcx-photo{transform:scale(1.05);filter:brightness(1.03)}
.qcx-photo-grad{position:absolute;inset:0;background:linear-gradient(0deg,rgba(248,250,252,.85) 0%,rgba(248,250,252,.15) 35%,transparent 65%);pointer-events:none}

/* Icon fallback */
.qcx-icn-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.qcx-icn-pulse{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,var(--cc,#10b981),transparent 70%);opacity:.08;animation:qcxPulse 5s ease-in-out infinite}
@keyframes qcxPulse{0%,100%{transform:scale(.7);opacity:.05}50%{transform:scale(1.15);opacity:.12}}
.qcx-icn{position:relative;z-index:2;animation:qcxFloat 5s ease-in-out infinite}
.qcx-icn svg{width:80px;height:80px;filter:drop-shadow(0 6px 20px rgba(0,0,0,.08));transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.qcx-card:hover .qcx-icn svg{transform:scale(1.1) rotate(-4deg)}
@keyframes qcxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.qcx-icn-ring{position:absolute;width:120px;height:120px;border:1.5px dashed rgba(0,0,0,.04);border-radius:50%;animation:qcxRingSpin 35s linear infinite}
@keyframes qcxRingSpin{to{transform:rotate(360deg)}}

/* Floating icon — top right */
.qcx-vis-float{position:absolute;top:12px;right:12px;z-index:4;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);border-radius:10px;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 8px rgba(0,0,0,.04);animation:qcxVisFloat 6s ease-in-out infinite}
.qcx-vis-float svg{width:18px;height:18px;opacity:.5}
@keyframes qcxVisFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(2deg)}}

/* Badge — bottom left */
.qcx-vis-badge{position:absolute;bottom:12px;left:12px;z-index:5;display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:18px;background:rgba(255,255,255,.75);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.04);color:#4a3f37;font-size:.74rem;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.qcx-slide.on .qcx-vis-badge{animation:qcxBadgeIn .5s .1s ease both}
@keyframes qcxBadgeIn{0%{opacity:0;transform:translateX(-12px)}100%{opacity:1;transform:translateX(0)}}
.qcx-vis-badge i{width:5px;height:5px;border-radius:50%;background:var(--cc,#10b981);flex-shrink:0;display:block;animation:qcxBlink 2.5s ease-in-out infinite}
@keyframes qcxBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.5)}}

/* Particles — warm, barely visible */
.qcx-pts{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.qcx-pts s{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(45,36,32,.04);display:block;animation:qcxPt 7s linear infinite}
.qcx-pts s:nth-child(1){left:12%;animation-delay:0s;animation-duration:6.2s}
.qcx-pts s:nth-child(2){left:28%;animation-delay:1.3s;animation-duration:7s}
.qcx-pts s:nth-child(3){left:45%;animation-delay:2.5s;animation-duration:5.6s}
.qcx-pts s:nth-child(4){left:63%;animation-delay:.5s;animation-duration:7.4s}
.qcx-pts s:nth-child(5){left:78%;animation-delay:3s;animation-duration:6s}
.qcx-pts s:nth-child(6){left:90%;animation-delay:1.8s;animation-duration:5.8s}
@keyframes qcxPt{0%{bottom:-3%;opacity:0;transform:translateX(0)}12%{opacity:.2}88%{opacity:.06}100%{bottom:103%;opacity:0;transform:translateX(10px)}}

/* ─── CONTENT (right) ─── */
.qcx-body{padding:24px 22px;display:flex;flex-direction:column;justify-content:center}

/* Category tag — category color chip */
.qcx-cat-tag{display:inline-flex;padding:3px 9px;border-radius:10px;background:#f0fdf4;border:1px solid #d1fae5;color:var(--cc,#047857);font-size:.56rem;font-weight:800;letter-spacing:.1em;width:fit-content;margin-bottom:6px}

/* Name — warm dark */
.qcx-name{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:clamp(1.1rem,2.2vw,1.45rem);font-weight:900;color:#2d2420;margin-bottom:6px;line-height:1.25}
.qcx-slide.on .qcx-name{animation:qcxNameIn .4s ease both}
@keyframes qcxNameIn{0%{opacity:0;transform:translateX(-8px)}100%{opacity:1;transform:translateX(0)}}

/* Description — warm brown */
.qcx-desc{color:#8b7e74;font-size:.78rem;line-height:1.6;margin-bottom:10px}
.qcx-slide.on .qcx-desc{animation:qcxDescIn .4s .08s ease both}
@keyframes qcxDescIn{0%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:translateY(0)}}

/* ─── FEATURES — animated SVG check icons ─── */
.qcx-feats{list-style:none;padding:0;margin:0 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:5px}
.qcx-feats li{display:flex;align-items:center;gap:5px;color:#6b5e54;font-size:.72rem;font-weight:500}
.qcx-slide.on .qcx-feats li{animation:qcxFeatIn .35s calc(var(--d,0ms) + .1s) ease both}
@keyframes qcxFeatIn{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}

/* Animated check — circle draw + tick draw */
.qcx-ck{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px}
.qcx-ck svg{display:block}
.qcx-ck-circ{stroke-dasharray:56.5;stroke-dashoffset:56.5}
.qcx-ck-path{stroke-dasharray:14;stroke-dashoffset:14}
.qcx-slide.on .qcx-ck-circ{stroke-dashoffset:0}
.qcx-slide.on .qcx-ck-path{stroke-dashoffset:0}
.qcx-slide.on .qcx-feats li:nth-child(1) .qcx-ck-circ{transition:stroke-dashoffset .5s 0s ease}
.qcx-slide.on .qcx-feats li:nth-child(2) .qcx-ck-circ{transition:stroke-dashoffset .5s .1s ease}
.qcx-slide.on .qcx-feats li:nth-child(3) .qcx-ck-circ{transition:stroke-dashoffset .5s .2s ease}
.qcx-slide.on .qcx-feats li:nth-child(4) .qcx-ck-circ{transition:stroke-dashoffset .5s .3s ease}
.qcx-slide.on .qcx-feats li:nth-child(1) .qcx-ck-path{transition:stroke-dashoffset .35s .2s ease}
.qcx-slide.on .qcx-feats li:nth-child(2) .qcx-ck-path{transition:stroke-dashoffset .35s .3s ease}
.qcx-slide.on .qcx-feats li:nth-child(3) .qcx-ck-path{transition:stroke-dashoffset .35s .4s ease}
.qcx-slide.on .qcx-feats li:nth-child(4) .qcx-ck-path{transition:stroke-dashoffset .35s .5s ease}

/* ─── AMOUNTS — soft beige with emerald active ─── */
.qcx-amts{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}
.qcx-amt{position:relative;overflow:hidden;padding:6px 14px;border-radius:20px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#6b5e54;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1)}
.qcx-amt span{position:relative;z-index:1}
.qcx-amt::after{content:'';position:absolute;inset:0;border-radius:20px;background:var(--cc,#10b981);opacity:0;transition:opacity .35s}
.qcx-amt:hover{border-color:#cbd5e1;color:#374151;transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.qcx-amt.sel{border-color:var(--cc,#10b981);color:#fff;transform:translateY(-2px);box-shadow:0 3px 12px rgba(0,0,0,.12)}
.qcx-amt.sel::after{opacity:1}
.qcx-amt:active{transform:translateY(0) scale(.95)}
.qcx-rip{position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4);animation:qcxRip .7s ease-out;pointer-events:none;z-index:2}
@keyframes qcxRip{0%{transform:scale(0);opacity:1}100%{transform:scale(18);opacity:0}}

/* ─── BUTTONS ─── */
.qcx-btns{display:flex;gap:8px;flex-wrap:wrap}

/* Donate CTA — category color */
.qcx-cta-don{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:32px;background:var(--cc,#10b981);color:#fff;font-size:.78rem;font-weight:700;border:none;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px rgba(0,0,0,.12)}
.qcx-cta-don svg{animation:qcxHeart 1.3s ease-in-out infinite}
@keyframes qcxHeart{0%,100%{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.08)}56%{transform:scale(1)}}
.qcx-cta-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:qcxShine 4s ease-in-out infinite}
@keyframes qcxShine{0%{left:-100%}30%{left:120%}100%{left:120%}}
.qcx-cta-don:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(0,0,0,.16)}
.qcx-cta-don:active{transform:translateY(0) scale(.97)}
.qcx-cta-don.ld{pointer-events:none;opacity:.7}
.qcx-cta-don.ld span{visibility:hidden}
.qcx-cta-don.ld::before{content:'';position:absolute;width:15px;height:15px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:qcxSpin .6s linear infinite}
@keyframes qcxSpin{to{transform:rotate(360deg)}}
.qcx-cta-don.ok{background:var(--cc,#7e22ce);filter:brightness(.85)}
.qcx-cta-don.ok span::before{content:'✓ '}

/* Browse all — aubergine hover */
.qcx-cta-all{display:inline-flex;align-items:center;gap:5px;padding:9px 16px;border-radius:32px;color:#6b5e54;background:#f8fafc;border:1px solid #e2e8f0;font-size:.78rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}
.qcx-cta-all:hover{color:var(--cc,#7e22ce);border-color:rgba(0,0,0,.08);background:rgba(0,0,0,.02);transform:translateY(-2px);box-shadow:0 3px 10px rgba(0,0,0,.06)}
.qcx-cta-all svg{transition:transform .3s}
.qcx-cta-all:hover svg{transform:translateX(3px);stroke:var(--cc,#7e22ce)}

/* ─── ARROWS — responsive floating pills ─── */
.qcx-arr{position:absolute;top:50%;z-index:10;background:none;border:none;cursor:pointer;padding:0;transition:all .35s cubic-bezier(.16,1,.3,1);opacity:.5;-webkit-tap-highlight-color:transparent}
.qcx-arr:hover{opacity:1;transform:translateY(-50%) scale(1.08)}
.qcx-arr:active{opacity:1;transform:translateY(-50%) scale(.92)}
.qcx-arr--l{left:0;transform:translateY(-50%)}
.qcx-arr--r{right:0;transform:translateY(-50%)}
.qcx-arr svg circle{transition:stroke-dashoffset .5s,opacity .3s}
.qcx-arr:hover svg circle{stroke-dashoffset:0!important;opacity:.7!important}
.qcx-arr:hover svg path{stroke:#374151}

/* Mobile Arrow Overlay — sleek colored chevrons in image area */
.qcx-marr{display:none}
@media(max-width:768px){
  .qcx-arr{display:none}
  .qcx-marr{
    display:flex;justify-content:space-between;align-items:center;
    position:absolute;top:80px;left:0;right:0;z-index:12;
    pointer-events:none;padding:0 6px;
  }
  .qcx-marr-btn{
    pointer-events:auto;
    display:flex;align-items:center;justify-content:center;
    width:28px;height:28px;border-radius:50%;
    background:transparent;border:none;
    cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);
    color:var(--cc,#047857);opacity:.5;
  }
  .qcx-marr-btn:hover,.qcx-marr-btn:active{
    opacity:1;transform:scale(1.2);
  }
  .qcx-marr-btn svg{width:22px;height:22px;stroke-width:2.5;filter:drop-shadow(0 1px 3px rgba(0,0,0,.1))}
}

/* ─── DOTS — jewel gradient on active ─── */
.qcx-dots{display:flex;justify-content:center;gap:6px;margin-top:20px;padding-bottom:4px}
.qcx-dot{width:7px;height:7px;border-radius:50%;border:none;background:#e2e8f0;cursor:pointer;padding:0;transition:all .4s cubic-bezier(.16,1,.3,1)}
.qcx-dot:hover{background:#cbd5e1;transform:scale(1.3)}
.qcx-dot.on{width:28px;border-radius:4px;background:linear-gradient(90deg,#10b981,#7e22ce,#e11d48);box-shadow:0 2px 8px rgba(16,185,129,.15)}

/* ─── CATEGORY IMPACT TICKER — gold animated band, matches qimpact ─── */
.qcx-impact{
  position:relative;overflow:hidden;margin-top:20px;
  padding:14px 0;
  background:linear-gradient(135deg,#065f46,#047857,#059669,#10b981,#047857);
  background-size:200% 100%;animation:qcxImpBg 6s ease infinite;
}
@keyframes qcxImpBg{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.qcx-impact-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 30%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.12) 70%,transparent);background-size:200% 100%;animation:qcxImpGlow 4s ease-in-out infinite;pointer-events:none}
@keyframes qcxImpGlow{0%{background-position:-200% 0}100%{background-position:200% 0}}
.qcx-impact-shimmer{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);background-size:300% 100%;animation:qcxImpShim 3s linear infinite;pointer-events:none}
@keyframes qcxImpShim{0%{background-position:-300% 0}100%{background-position:300% 0}}
.qcx-impact-scroll{display:flex;white-space:nowrap;animation:qcxTick 45s linear infinite;position:relative;z-index:2}
.qcx-impact-scroll:hover{animation-play-state:paused}
.qcx-impact-item{
  display:inline-flex;align-items:center;gap:8px;
  padding:0 24px;color:#fff;font-size:.85rem;font-weight:700;
  letter-spacing:.01em;cursor:default;transition:transform .3s;
}
.qcx-impact-item:hover{transform:scale(1.06)}
.qcx-impact-emoji{font-size:1.1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}
.qcx-impact-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5);flex-shrink:0;animation:qcxImpDot 2s ease-in-out infinite}
@keyframes qcxImpDot{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}
.qcx-impact-text{text-shadow:0 1px 3px rgba(0,0,0,.15)}
@keyframes qcxTick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){.qcx-slider{padding:0 48px}.qcx-arr svg{width:38px;height:38px}}
@media(max-width:768px){
  .qcx{padding:0}
  .qcx-head{margin-bottom:24px}
  .qcx-slider{padding:0 10px}
  .qcx-card{grid-template-columns:1fr;min-height:auto}
  .qcx-vis{min-height:190px}
  .qcx-icn svg{width:60px;height:60px}
  .qcx-body{padding:16px 14px}
  .qcx-feats{grid-template-columns:1fr}
  .qcx-btns{flex-direction:column}
  .qcx-cta-don,.qcx-cta-all{justify-content:center;width:100%;text-align:center}
  .qcx-amts{justify-content:center}
  .qcx-name{font-size:1.1rem}
  .qcx-fade{display:none}
}
@media(max-width:480px){
  .qcx-title{font-size:1.3rem}
  .qcx-body{padding:12px 10px}
  .qcx-amt{padding:5px 10px;font-size:.7rem}
  .qcx-vis{min-height:155px}
  .qcx{padding:0}
  .qcx-bridge-inner{padding:8px 20px 8px 14px;font-size:.7rem;gap:8px}
  .qcx-bridge-icon{width:26px;height:26px}
  .qcx-bridge{margin-top:-22px;margin-bottom:16px}
}


/* ══════════════════════════════════
   DONATION CARDS
   ══════════════════════════════════ */
.qdon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.qdon-card{
  border-radius:var(--radius-lg);overflow:hidden;
  background:var(--white);border:1px solid var(--gray-200);
  transition:all .4s cubic-bezier(.16,1,.3,1);
  position:relative;
}
.qdon-card::before{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
  z-index:2;transition:none;pointer-events:none;
}
.qdon-card:hover::before{animation:card-shimmer .8s ease-out}
@keyframes card-shimmer{to{left:150%}}
.qdon-card:hover{
  transform:translateY(-8px) rotateX(2deg);
  box-shadow:0 24px 48px rgba(0,0,0,.12);border-color:var(--emerald-200);
}
.qdon-card__img{
  position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--gray-200);
}
.qdon-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.qdon-card:hover .qdon-card__img img{transform:scale(1.08)}
.qdon-card__badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;z-index:3}
.qdon-card__badge{
  padding:4px 10px;border-radius:var(--radius-full);font-size:.688rem;font-weight:700;
  text-transform:uppercase;
}
.qdon-card__badge--urgent{background:var(--red);color:var(--white);animation:urgent-pulse 1.5s ease-in-out infinite}
@keyframes urgent-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.qdon-card__badge--cat{background:rgba(255,255,255,.9);color:var(--dark)}
.qdon-card__body{padding:20px}
.qdon-card__title{font-size:.938rem;font-weight:700;color:var(--dark);margin-bottom:8px;line-height:1.4;transition:color .3s}
.qdon-card:hover .qdon-card__title{color:var(--emerald-700)}
.qdon-card__progress{
  width:100%;height:6px;border-radius:3px;background:var(--gray-200);
  margin:12px 0;overflow:hidden;
}
.qdon-card__bar{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--emerald-600),var(--emerald-400));transition:width 1s var(--ease);position:relative}
.qdon-card__bar::after{
  content:'';position:absolute;top:0;left:0;right:0;bottom:0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);
  animation:progress-shine 2s ease-in-out infinite;
}
@keyframes progress-shine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.qdon-card__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.qdon-card__price{font-size:1.063rem;font-weight:800;color:var(--emerald-800);transition:transform .3s}
.qdon-card:hover .qdon-card__price{transform:scale(1.05)}
.qdon-card__raised{font-size:.75rem;color:var(--gray-500)}
.qdon-card__btn{
  width:100%;padding:10px;border-radius:var(--radius);
  background:var(--emerald-50);color:var(--emerald-700);
  font-size:.813rem;font-weight:600;text-align:center;
  border:1px solid var(--emerald-200);cursor:pointer;
  transition:all .3s cubic-bezier(.4,0,.2,1);display:block;
  position:relative;overflow:hidden;
}
.qdon-card__btn::after{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(16,185,129,.12),transparent);
  animation:btnShine 5s ease-in-out infinite;
}
.qdon-card__btn:hover{background:var(--emerald-600);color:var(--white);border-color:var(--emerald-600);transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.3)}

/* Donation card enhanced v14 */
.qdon-card{position:relative;overflow:hidden}
.qdon-card__shimmer{
    position:absolute;top:0;left:-100%;width:50%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
    z-index:2;pointer-events:none;
}
.qdon-card:hover .qdon-card__shimmer{animation:qCardShimmer .8s ease}
@keyframes qCardShimmer{from{left:-100%}to{left:200%}}

/* ══════════════════════════════════
   CLAYMORPHISM 3D CAROUSEL v9 — COMPACT + PARTICLES
   ══════════════════════════════════ */
.qcl{padding:40px 0 16px;overflow-x:hidden}
.qcl-head{text-align:center;margin-bottom:20px}
.qcl-pill{
  display:inline-flex;align-items:center;gap:6px;padding:6px 16px;
  border-radius:9999px;background:rgba(4,120,87,.08);
  border:1.5px solid rgba(4,120,87,.18);color:#047857;
  font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  margin-bottom:10px;animation:qclGlow 3s ease-in-out infinite;
}
@keyframes qclGlow{0%,100%{box-shadow:0 0 0 rgba(4,120,87,0)}50%{box-shadow:0 0 20px rgba(4,120,87,.15)}}
.qcl-spin{animation:qclSpin 6s linear infinite}
@keyframes qclSpin{to{transform:rotate(360deg)}}
.qcl-h{font-size:2rem;font-weight:900;color:#0f172a;line-height:1.2}
.qcl-h em{font-style:normal;color:#047857;position:relative}
.qcl-h em::after{
  content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;
  background:linear-gradient(90deg,#047857,#10b981,#047857);border-radius:2px;
  background-size:200% 100%;animation:qclUL 3s linear infinite;
}
@keyframes qclUL{0%{background-position:100% 0}100%{background-position:-100% 0}}
.qcl-sub{color:#64748b;font-size:.9rem;margin-top:6px}

/* Scene — NO overflow hidden, auto height */
.qcl-scene{
  position:relative;width:100%;perspective:1200px;
  display:flex;align-items:flex-start;justify-content:center;
  cursor:grab;-webkit-user-select:none;user-select:none;
}
.qcl-scene:active{cursor:grabbing}

/* Card */
.qcl-card{
  position:absolute;width:48%;max-width:580px;
  left:0;right:0;margin:0 auto;
  transform-style:preserve-3d;backface-visibility:hidden;
  will-change:transform,opacity;
  transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s;
}
.qcl-inner{
  border-radius:18px;overflow:hidden;
  box-shadow:0 4px 10px rgba(0,0,0,.06),0 16px 40px rgba(0,0,0,.1);
  transition:box-shadow .5s,transform .4s;
}
.qcl-card.active .qcl-inner{box-shadow:0 6px 16px rgba(0,0,0,.08),0 24px 60px rgba(0,0,0,.14)}
.qcl-card.active:hover .qcl-inner{transform:translateY(-3px)}

/* Image — 2:1 ratio for compact */
.qcl-img{position:relative;width:100%;aspect-ratio:2/1;overflow:hidden}
.qcl-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.qcl-card.active .qcl-img img{transform:scale(1.03)}
.qcl-ph{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--g1),var(--g2));color:rgba(255,255,255,.5);
}
.qcl-shine{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);background-size:200% 100%;
}
.qcl-card.active .qcl-shine{animation:qclSh 2.5s .3s ease-in-out}
@keyframes qclSh{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Overlay */
.qcl-ov{position:absolute;bottom:0;left:0;right:0;padding:36px 16px 10px;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.qcl-ov h3{font-size:1.2rem;font-weight:900;color:#fff;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.3);
  opacity:0;transform:translateY(6px);transition:opacity .4s .1s,transform .4s .1s}
.qcl-card.active .qcl-ov h3{opacity:1;transform:translateY(0)}

/* ═══ GRADIENT BODY — COMPACT + ANIMATED ═══ */
.qcl-body{
  padding:0;position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--g1),var(--g2),var(--g1));
  background-size:400% 400%;
  animation:qclGradShift 8s ease infinite;
}
@keyframes qclGradShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* Canvas particle layer */
.qcl-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}

/* Floating orbs */
.qcl-orb{position:absolute;border-radius:50%;filter:blur(25px);pointer-events:none;z-index:1}
.qcl-orb1{width:80px;height:80px;background:rgba(255,255,255,.15);top:10%;left:10%;animation:qclOrb1 7s ease-in-out infinite}
.qcl-orb2{width:60px;height:60px;background:rgba(255,255,255,.1);bottom:15%;right:12%;animation:qclOrb2 9s ease-in-out infinite}
.qcl-orb3{width:45px;height:45px;background:rgba(255,255,255,.12);top:50%;left:60%;animation:qclOrb3 6s ease-in-out infinite}
@keyframes qclOrb1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-15px) scale(1.3)}66%{transform:translate(-20px,10px) scale(0.8)}}
@keyframes qclOrb2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-25px,-20px) scale(1.2)}}
@keyframes qclOrb3{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(15px,10px) scale(1.4)}75%{transform:translate(-10px,-15px) scale(0.7)}}

/* Body content — raised above canvas */
.qcl-body-c{position:relative;z-index:2;padding:10px 16px 12px;text-align:center}

/* Cat badge */
.qcl-cat{
  display:inline-block;padding:3px 10px;border-radius:9999px;
  background:rgba(255,255,255,.2);color:#fff;
  font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(4px);
}
.qcl-desc{color:rgba(255,255,255,.85);font-size:.74rem;line-height:1.4;margin-top:3px;font-weight:500}

/* Stagger */
.qcl-card.active .qcl-cat{animation:qclFU .4s .05s both}
.qcl-card.active .qcl-desc{animation:qclFU .4s .1s both}
.qcl-card.active .qcl-btns{animation:qclFU .35s .15s both}
@keyframes qclFU{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}

/* ═══ BUTTONS — COMPACT ═══ */
.qcl-btns{display:flex;gap:8px;justify-content:center;margin-top:8px;flex-wrap:wrap}
.qcl-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:8px 16px;border-radius:10px;font-size:.72rem;font-weight:800;
  cursor:pointer;border:none;text-decoration:none;
  position:relative;overflow:hidden;
  transition:all .3s cubic-bezier(.16,1,.3,1);
}
.qcl-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;
  background:rgba(255,255,255,.25);transition:width .4s,height .4s;transform:translate(-50%,-50%)}
.qcl-btn:hover::before{width:250px;height:250px}
.qcl-btn::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .4s}
.qcl-btn:hover::after{left:150%}
.qcl-btn:active{transform:scale(.93)!important}

/* Detail */
.qcl-det{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px)}
.qcl-det:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.1)}
.qcl-arr{transition:transform .3s}
.qcl-det:hover .qcl-arr{transform:translateX(4px);animation:qclBR .5s ease infinite}
@keyframes qclBR{0%,100%{transform:translateX(4px)}50%{transform:translateX(7px)}}

/* Donate */
.qcl-don{background:var(--ad);color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.2);animation:qclPulse 2.5s ease-in-out infinite}
@keyframes qclPulse{0%,100%{box-shadow:0 3px 12px rgba(0,0,0,.2)}50%{box-shadow:0 5px 20px rgba(0,0,0,.28),0 0 12px rgba(255,255,255,.08)}}
.qcl-don:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 28px rgba(0,0,0,.25);animation:none}
.qcl-badge{background:rgba(255,255,255,.18);padding:2px 7px;border-radius:6px;font-size:.64rem;font-weight:900;backdrop-filter:blur(3px)}
.qcl-hrt{animation:qclHB 1.3s ease-in-out infinite}
@keyframes qclHB{0%,100%{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.12)}56%{transform:scale(1)}}

/* Dots */
.qcl-dots{display:flex;gap:5px;justify-content:center;margin-top:12px}
.qcl-dot{width:28px;height:3px;border-radius:3px;border:none;padding:0;
  background:rgba(0,0,0,.1);cursor:pointer;overflow:hidden;transition:all .3s}
.qcl-dot:hover{background:rgba(0,0,0,.18)}
.qcl-dot.on{width:42px;background:rgba(0,0,0,.06)}
.qcl-dot span{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#047857,#10b981)}
.qcl-dot.on span{animation:qclDF 5.5s linear forwards}
@keyframes qclDF{0%{width:0}100%{width:100%}}

/* Responsive */
@media(max-width:1024px){.qcl-card{width:56%}.qcl-ov h3{font-size:1.05rem}}
@media(max-width:768px){
  .qcl{padding:28px 0 12px}.qcl-h{font-size:1.5rem}.qcl-card{width:68%}
  .qcl-ov h3{font-size:.95rem}.qcl-body-c{padding:8px 12px 10px}
  .qcl-desc{font-size:.7rem}
  .qcl-btn{padding:7px 12px;font-size:.68rem}.qcl-dot{width:20px}.qcl-dot.on{width:32px}
}
@media(max-width:480px){.qcl-card{width:80%}.qcl-btns{flex-direction:column}.qcl-btn{justify-content:center}}


/* ══════════════════════════════════
   IMPACT MARQUEE
   ══════════════════════════════════ */
.qimpact{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#f59e0b,#fbbf24 40%,#f59e0b 60%,#d97706);
  background-size:200% 100%;animation:qimpact-bg 6s ease infinite;
  padding:16px 0;
}
@keyframes qimpact-bg{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
/* Glow overlay */
.qimpact__glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 30%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.12) 70%,transparent);background-size:200% 100%;animation:qimpact-glow 4s ease-in-out infinite;pointer-events:none}
@keyframes qimpact-glow{0%{background-position:-200% 0}100%{background-position:200% 0}}
/* Shimmer line */
.qimpact__shimmer{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);background-size:300% 100%;animation:qimpact-shimline 3s linear infinite;pointer-events:none}
@keyframes qimpact-shimline{0%{background-position:-300% 0}100%{background-position:300% 0}}
/* Particles layer */
.qimpact__particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.qimpact__particle{position:absolute;bottom:-4px;border-radius:50%;background:rgba(255,255,255,.4);animation:qimpact-pfloat ease-in-out infinite}
@keyframes qimpact-pfloat{0%{transform:translateY(0) scale(1);opacity:.3}50%{opacity:.6}100%{transform:translateY(-50px) scale(.3);opacity:0}}
/* Scroll track */
.qimpact__scroll{display:flex;white-space:nowrap;animation:marquee 50s linear infinite;position:relative;z-index:2}
.qimpact__scroll:hover{animation-play-state:paused}
/* Items */
.qimpact__item{
  display:inline-flex;align-items:center;gap:10px;padding:0 32px;
  font-size:.9rem;font-weight:700;color:var(--dark);flex-shrink:0;
  position:relative;cursor:default;transition:all .3s ease;
}
.qimpact__item:hover{transform:scale(1.06)}
.qimpact__item:hover .qimpact__icon{transform:scale(1.2) rotate(-5deg)}
.qimpact__item:hover .qimpact__text{color:#064e3b}
/* Icon container */
.qimpact__icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;flex-shrink:0;
  transition:all .4s cubic-bezier(.34,1.56,.64,1);
}
.qimpact__icon svg{width:22px;height:22px}
.qi-anim{filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}
/* Separator dot */
.qimpact__dot{width:5px;height:5px;border-radius:50%;background:var(--emerald-800);opacity:.5;flex-shrink:0;animation:qimpact-dotPulse 2s ease-in-out infinite}
@keyframes qimpact-dotPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.4)}}
/* Text */
.qimpact__text{font-weight:700;transition:color .3s}
/* Bottom accent line */
.qimpact::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:qimpact-line 5s ease infinite}
@keyframes qimpact-line{0%,100%{opacity:.3}50%{opacity:.8}}

/* ══════════════════════════════════
   STATS COUNTER
   ══════════════════════════════════ */
.qstats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:32px;
  text-align:center;
}
.qstat{padding:32px 16px;transition:transform .4s;border-radius:20px}
.qstat:hover{transform:translateY(-4px)}
.qstat__icon{
  width:64px;height:64px;border-radius:16px;margin:0 auto 16px;
  display:flex;align-items:center;justify-content:center;
  background:var(--emerald-50);transition:transform .4s,box-shadow .4s;
}
.qstat:hover .qstat__icon{transform:scale(1.1);box-shadow:0 8px 24px rgba(16,185,129,.15)}
.qstat__num{font-size:2.5rem;font-weight:800;color:var(--emerald-800);margin-bottom:4px;font-variant-numeric:tabular-nums}
.qstat__label{font-size:.875rem;color:var(--gray-500)}

/* ══════════════════════════════════
   URGENT CAMPAIGNS SLIDER
   ══════════════════════════════════ */
.qurgent-card{
  border-radius:var(--radius-lg);overflow:hidden;background:var(--white);
  border:2px solid var(--red);box-shadow:var(--shadow);position:relative;
}
.qurgent-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--red),#f87171,var(--red));
  animation:pulse-bar 2s ease infinite;
}
@keyframes pulse-bar{0%,100%{opacity:1}50%{opacity:.4}}
.qurgent-card__img{aspect-ratio:16/9;overflow:hidden;background:var(--gray-200)}
.qurgent-card__img img{width:100%;height:100%;object-fit:cover}
.qurgent-card__body{padding:20px}
.qurgent-card__title{font-size:1rem;font-weight:700;margin-bottom:12px;color:var(--dark)}

/* ══════════════════════════════════
   TESTIMONIALS (atlasdemostore style)
   ══════════════════════════════════ */
.qtesti__header{
  display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:48px;
}
.qtesti__stars{display:flex;gap:2px;color:var(--gold-500)}
.qtesti__rating{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 20px;border-radius:var(--radius-full);
  background:var(--emerald-50);border:1px solid var(--emerald-200);
  font-size:.875rem;font-weight:600;color:var(--emerald-800);
}
.qtesti-card{
  background:var(--white);border:1px solid var(--gray-100);
  border-radius:16px;padding:24px;
  text-align:left;transition:all .35s cubic-bezier(.4,0,.2,1);
}
.qtesti-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.1);transform:translateY(-4px);border-color:var(--emerald-100)}
.qtesti-card__head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.qtesti-card__avatar{
  width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;font-weight:700;overflow:hidden;flex-shrink:0;
}
.qtesti-card__avatar img{width:100%;height:100%;object-fit:cover}
.qtesti-card__name{font-size:.875rem;font-weight:700;color:var(--dark);display:flex;align-items:center;gap:4px}
.qtesti-card__title{font-size:.75rem;color:var(--gray-400)}
.qtesti-card__stars{display:flex;gap:1px;color:var(--gold-500);margin-bottom:10px}
.qtesti-card__stars svg{width:14px;height:14px}
.qtesti-card__text{font-size:.875rem;color:var(--dark-600);line-height:1.7;font-style:italic}
.qtesti-card__date{font-size:.75rem;color:var(--gray-400);margin-top:10px;display:flex;align-items:center;gap:4px}

/* ══════════════════════════════════
   HOW IT WORKS
   ══════════════════════════════════ */
.qhow{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}
/* qhow enhanced styles in v14 section below */

/* ══════════════════════════════════
   NEWSLETTER
   ══════════════════════════════════ */
.qnews{text-align:center}
.qnews__form{
  display:flex;gap:12px;max-width:480px;margin:24px auto 0;
}
.qnews__form input{
  flex:1;padding:14px 20px;border:1px solid var(--gray-300);border-radius:var(--radius);
  font-size:.938rem;
}
.qnews__form input:focus{border-color:var(--emerald-500);outline:none;box-shadow:0 0 0 3px rgba(16,185,129,.15)}

/* ══════════════════════════════════
   SINGLE DONATION PAGE
   ══════════════════════════════════ */
.qsingle{padding:32px 0 80px}
.qsingle__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
/* Gallery */
.qgallery{}
.qgallery__main{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:12px}
.qgallery__main img{width:100%;aspect-ratio:4/3;object-fit:cover}
.qgallery__thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.qgallery__thumb{
  aspect-ratio:4/3;border-radius:var(--radius-sm);overflow:hidden;
  cursor:pointer;border:2px solid transparent;transition:border-color .2s;
  background:var(--gray-200);
}
.qgallery__thumb.active,.qgallery__thumb:hover{border-color:var(--emerald-600)}
.qgallery__thumb img{width:100%;height:100%;object-fit:cover}
/* Info */
.qsingle__info{position:sticky;top:100px}
.qsingle__rating{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 14px;border-radius:var(--radius-full);
  background:var(--emerald-50);border:1px solid var(--emerald-200);
  font-size:.813rem;font-weight:600;color:var(--emerald-800);
  margin-bottom:16px;
}
.qsingle__rating svg{color:var(--gold-500);width:14px;height:14px}
.qsingle__title{font-size:1.75rem;font-weight:800;color:var(--dark);margin-bottom:12px;line-height:1.3}
.qsingle__price{font-size:1.5rem;font-weight:800;color:var(--emerald-800);margin-bottom:16px}
.qsingle__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.qsingle__tag{
  display:inline-flex;align-items:center;gap:4px;
  padding:6px 12px;border-radius:var(--radius-full);
  background:var(--gray-50);border:1px solid var(--gray-200);
  font-size:.75rem;font-weight:500;color:var(--dark-600);
}
/* Progress */
.qsingle__progress{margin-bottom:24px}
.qsingle__progress-bar{width:100%;height:10px;border-radius:5px;background:var(--gray-200);overflow:hidden}
.qsingle__progress-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--emerald-600),var(--gold-500));transition:width 1.5s var(--ease)}
.qsingle__progress-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:.813rem;color:var(--gray-500)}

/* ── Bundle Widget ── */
.qbundle{
  background:var(--gray-50);border:1px solid var(--gray-200);
  border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;
}
.qbundle__title{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.qbundle__option{
  padding:14px;border:2px solid var(--gray-200);border-radius:var(--radius);
  margin-bottom:8px;cursor:pointer;transition:all .2s;
}
.qbundle__option.active{border-color:var(--emerald-600);background:var(--emerald-50)}
.qbundle__option-head{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.938rem}
.qbundle__option-head input[type="radio"]{accent-color:var(--emerald-600)}
.qbundle__option-detail{padding-left:26px;margin-top:8px;font-size:.813rem;color:var(--gray-500)}
.qbundle__option-detail select{padding:6px 10px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:.813rem;margin-top:6px}
.qbundle__divider{text-align:center;padding:8px 0;font-size:.75rem;color:var(--gray-400);font-weight:600}
/* Amount Selection */
.qbundle__amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
.qbundle__amt{
  padding:12px;text-align:center;border:2px solid var(--gray-200);
  border-radius:var(--radius);font-weight:600;font-size:.938rem;
  cursor:pointer;transition:all .2s;background:var(--white);color:var(--dark);
}
.qbundle__amt.active{border-color:var(--emerald-600);background:var(--emerald-50);color:var(--emerald-800)}
.qbundle__custom{
  width:100%;padding:12px;border:2px solid var(--gray-200);border-radius:var(--radius);
  font-size:.938rem;text-align:center;margin-bottom:16px;
}
.qbundle__custom:focus{border-color:var(--emerald-500);outline:none}
/* Quantity */
.qbundle__qty{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.qbundle__qty-label{font-size:.875rem;font-weight:600;flex:1}
.qbundle__qty-ctrl{display:flex;align-items:center;border:1px solid var(--gray-300);border-radius:var(--radius)}
.qbundle__qty-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--dark)}
.qbundle__qty-val{width:48px;text-align:center;font-weight:600;font-size:1rem;border:none;background:transparent}
/* Subtotal */
.qbundle__subtotal{
  display:flex;justify-content:space-between;padding:14px 0;
  border-top:1px solid var(--gray-200);margin-bottom:16px;
  font-size:1.063rem;font-weight:700;
}
.qbundle__subtotal-amount{color:var(--emerald-800);font-size:1.25rem}
/* Social Proof */
.qbundle__proof{
  display:flex;align-items:center;gap:6px;
  font-size:.75rem;color:var(--gray-500);margin-bottom:16px;
}
.qbundle__proof-dot{width:8px;height:8px;border-radius:50%;background:var(--emerald-500);animation:blink 1.5s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
/* Action Buttons */
.qbundle__actions{display:grid;gap:8px}
.qbundle__payments{display:flex;gap:8px;justify-content:center;margin-top:12px}
.qbundle__payments span{
  padding:4px 8px;border:1px solid var(--gray-200);border-radius:4px;
  font-size:.625rem;font-weight:600;color:var(--gray-400);
}

/* ── Content Tabs ── */
.qtabs{margin-top:48px}
.qtabs__nav{display:flex;gap:0;border-bottom:2px solid var(--gray-200);margin-bottom:24px}
.qtabs__tab{
  padding:12px 24px;font-size:.875rem;font-weight:600;color:var(--gray-500);
  border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s;
}
.qtabs__tab.active{color:var(--emerald-700);border-color:var(--emerald-600)}
.qtabs__panel{display:none}
.qtabs__panel.active{display:block}
.qtabs__panel h3{font-size:1.25rem;font-weight:700;margin-bottom:12px}
.qtabs__panel p{font-size:.938rem;color:var(--dark-600);line-height:1.8;margin-bottom:16px}

/* ══════════════════════════════════
   ARCHIVE / CATEGORY PAGE
   ══════════════════════════════════ */
.qarchive__header{
  padding:48px 0;text-align:center;
  background:linear-gradient(135deg,var(--emerald-900),var(--emerald-700));
  color:var(--white);margin-bottom:48px;
}
.qarchive__header h1{font-size:2rem;font-weight:800;margin-bottom:8px}
.qarchive__header p{font-size:1rem;opacity:.8}
.qarchive__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;justify-content:center}
.qarchive__filter{
  padding:8px 18px;border-radius:var(--radius-full);font-size:.813rem;font-weight:600;
  background:var(--gray-100);color:var(--gray-500);border:1px solid var(--gray-200);
  cursor:pointer;transition:all .2s;text-decoration:none;
}
.qarchive__filter:hover,.qarchive__filter.active{background:var(--emerald-600);color:var(--white);border-color:var(--emerald-600)}

/* ══════════════════════════════════
   BREADCRUMB
   ══════════════════════════════════ */
.qbread{
  padding:14px 0;font-size:.813rem;color:var(--gray-500);
}
.qbread a{color:var(--emerald-600)}
.qbread a:hover{text-decoration:underline}
.qbread span{margin:0 6px;opacity:.5}

/* ══════════════════════════════════
   CART PAGE
   ══════════════════════════════════ */
.qcart-page{padding:32px 0 80px}
.qcart-page__grid{display:grid;grid-template-columns:1fr 360px;gap:40px}
.qcart-item{
  display:grid;grid-template-columns:80px 1fr auto auto auto;
  gap:16px;align-items:center;padding:20px 0;
  border-bottom:1px solid var(--gray-200);
}
.qcart-item__img{width:80px;height:60px;border-radius:var(--radius-sm);object-fit:cover;background:var(--gray-200)}
.qcart-item__title{font-size:.875rem;font-weight:600;color:var(--dark)}
.qcart-item__freq{font-size:.75rem;color:var(--gray-500)}
.qcart-item__qty{display:flex;align-items:center;border:1px solid var(--gray-300);border-radius:var(--radius)}
.qcart-item__qty button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem}
.qcart-item__qty span{width:36px;text-align:center;font-weight:600;font-size:.875rem}
.qcart-item__price{font-weight:700;color:var(--emerald-800);white-space:nowrap}
.qcart-item__remove{color:var(--red);font-size:1.25rem;padding:4px;cursor:pointer}
.qcart-summary{
  padding:28px;background:var(--gray-50);border:1px solid var(--gray-200);
  border-radius:var(--radius-lg);position:sticky;top:100px;
}
.qcart-summary h3{font-size:1.125rem;font-weight:700;margin-bottom:20px}
.qcart-summary__row{display:flex;justify-content:space-between;padding:8px 0;font-size:.938rem}
.qcart-summary__total{font-weight:700;font-size:1.25rem;color:var(--emerald-800);border-top:2px solid var(--gray-300);padding-top:16px;margin-top:8px}
.qcart-empty{text-align:center;padding:80px 20px}
.qcart-empty p{font-size:1.25rem;color:var(--gray-500);margin-bottom:24px}

/* ══════════════════════════════════
   CHECKOUT PAGE
   ══════════════════════════════════ */
.qcheckout{padding:32px 0 80px}
.qcheckout__grid{display:grid;grid-template-columns:1fr 400px;gap:40px}
.qcheckout__steps{display:flex;gap:0;margin-bottom:36px}
.qcheckout__step{
  flex:1;text-align:center;padding:12px;font-size:.813rem;font-weight:600;
  color:var(--gray-400);border-bottom:3px solid var(--gray-200);
  transition:all .3s;
}
.qcheckout__step.active{color:var(--emerald-700);border-color:var(--emerald-600)}
.qcheckout__step.done{color:var(--emerald-500);border-color:var(--emerald-400)}
.qcheckout__panel{display:none}
.qcheckout__panel.active{display:block}
.qform__row{margin-bottom:20px}
.qform__label{display:block;font-size:.813rem;font-weight:600;color:var(--dark);margin-bottom:6px}
.qform__input{
  width:100%;padding:12px 16px;border:1px solid var(--gray-300);
  border-radius:var(--radius);font-size:.938rem;
  transition:border-color .2s;
}
.qform__input:focus{border-color:var(--emerald-500);outline:none;box-shadow:0 0 0 3px rgba(16,185,129,.1)}
.qform__checkbox{display:flex;align-items:flex-start;gap:8px;font-size:.813rem;color:var(--dark-600);cursor:pointer}
.qform__checkbox input{margin-top:2px;accent-color:var(--emerald-600)}
#stripe-card{padding:14px;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--white)}
.qcheckout__success{text-align:center;padding:48px 20px}
.qcheckout__success h2{font-size:1.75rem;font-weight:800;color:var(--emerald-800);margin-bottom:12px}
.qcheckout__success p{color:var(--gray-500);margin-bottom:24px}
/* Checkout sidebar */
.qcheckout__summary{
  padding:28px;background:var(--gray-50);border:1px solid var(--gray-200);
  border-radius:var(--radius-lg);position:sticky;top:100px;
}
.qcheckout__summary h3{font-size:1.063rem;font-weight:700;margin-bottom:16px}
.qcheckout__item{
  display:flex;gap:12px;align-items:center;padding:10px 0;
  border-bottom:1px solid var(--gray-200);
}
.qcheckout__item-img{width:48px;height:36px;border-radius:4px;object-fit:cover;background:var(--gray-200)}
.qcheckout__item-info{flex:1;font-size:.813rem}
.qcheckout__item-price{font-weight:700;font-size:.875rem;color:var(--emerald-800)}

/* ══════════════════════════════════
   ACCOUNT PAGE
   ══════════════════════════════════ */
.qaccount{padding:48px 0 80px}
.qaccount__dash{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:600px;margin:32px auto 0}
.qaccount__card{
  padding:28px;background:var(--white);border:1px solid var(--gray-200);
  border-radius:var(--radius-lg);text-align:center;
  transition:all .3s var(--ease);
}
.qaccount__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.qaccount__card h3{font-size:1rem;font-weight:700;margin-bottom:4px;color:var(--dark)}
.qaccount__card p{font-size:.813rem;color:var(--gray-500)}
/* Auth */
.qauth{max-width:420px;margin:0 auto;padding:48px 0 80px}
.qauth__tabs{display:flex;border-bottom:2px solid var(--gray-200);margin-bottom:28px}
.qauth__tab{
  flex:1;text-align:center;padding:14px;font-weight:600;color:var(--gray-400);
  border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;
}
.qauth__tab.active{color:var(--emerald-700);border-color:var(--emerald-600)}
.qauth__panel{display:none}
.qauth__panel.active{display:block}

/* ══════════════════════════════════
   LEGAL / PAGES
   ══════════════════════════════════ */
.qlegal{padding:48px 0 80px;max-width:800px;margin:0 auto}
.qlegal h1{font-size:2rem;font-weight:800;margin-bottom:32px}
.qlegal h2{font-size:1.25rem;font-weight:700;margin:28px 0 12px;color:var(--dark)}
.qlegal p{font-size:.938rem;color:var(--dark-600);line-height:1.8;margin-bottom:16px}
.qlegal ul{padding-left:24px;margin-bottom:16px}
.qlegal li{font-size:.938rem;color:var(--dark-600);margin-bottom:8px;list-style:disc}

/* ══════════════════════════════════
   404 PAGE — UNREAL ENGINE EXPERIENCE
   ══════════════════════════════════ */
.q404{position:relative;width:100%;min-height:100vh;overflow:hidden;background:#021a12;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:'Inter',sans-serif}

/* Aurora background */
.q404__aurora{position:absolute;inset:0;z-index:0;overflow:hidden}
.q404__aurora-a,.q404__aurora-b,.q404__aurora-c{position:absolute;border-radius:50%;filter:blur(80px);mix-blend-mode:screen}
.q404__aurora-a{width:60vw;height:60vw;top:-10%;left:-10%;background:radial-gradient(circle,rgba(16,185,129,.3),transparent 70%);animation:q404a-a 8s ease-in-out infinite}
.q404__aurora-b{width:50vw;height:50vw;bottom:-5%;right:-10%;background:radial-gradient(circle,rgba(245,158,11,.2),transparent 70%);animation:q404a-b 10s ease-in-out infinite}
.q404__aurora-c{width:40vw;height:40vw;top:30%;left:40%;background:radial-gradient(circle,rgba(52,211,153,.15),transparent 70%);animation:q404a-c 12s ease-in-out infinite}
@keyframes q404a-a{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(15vw,10vh) scale(1.2)}}
@keyframes q404a-b{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-12vw,-8vh) scale(1.3)}}
@keyframes q404a-c{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-8vw,12vh) scale(0.8)}}

/* Fog layers */
.q404__fog{position:absolute;inset:0;z-index:1;pointer-events:none}
.q404__fog-layer{position:absolute;width:200%;height:100%;background:repeating-linear-gradient(90deg,transparent,rgba(16,185,129,.03) 20%,transparent 40%)}
.q404__fog-1{top:0;animation:q404fog 25s linear infinite}
.q404__fog-2{top:30%;animation:q404fog 18s linear infinite reverse;opacity:.5}
.q404__fog-3{bottom:0;animation:q404fog 30s linear infinite;opacity:.3}
@keyframes q404fog{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* Light rays */
.q404__rays{position:absolute;inset:0;z-index:2;pointer-events:none;transition:transform .3s ease-out}
.q404__ray{position:absolute;background:linear-gradient(180deg,rgba(16,185,129,.08),transparent);transform-origin:top center}
.q404__ray--1{width:3px;height:70vh;top:-5%;left:20%;transform:rotate(-15deg);animation:q404ray 6s ease-in-out infinite}
.q404__ray--2{width:2px;height:80vh;top:-5%;left:45%;transform:rotate(5deg);animation:q404ray 8s ease-in-out infinite .5s}
.q404__ray--3{width:4px;height:60vh;top:-5%;right:25%;transform:rotate(12deg);animation:q404ray 7s ease-in-out infinite 1s}
.q404__ray--4{width:2px;height:90vh;top:-5%;right:40%;transform:rotate(-8deg);animation:q404ray 9s ease-in-out infinite 1.5s;background:linear-gradient(180deg,rgba(245,158,11,.06),transparent)}
.q404__ray--5{width:3px;height:50vh;top:-5%;left:65%;transform:rotate(20deg);animation:q404ray 5s ease-in-out infinite 2s}
@keyframes q404ray{0%,100%{opacity:.3}50%{opacity:.8}}

/* Dot grid */
.q404__dots{position:absolute;inset:0;z-index:3;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;animation:q404dots 4s ease-in-out infinite}
@keyframes q404dots{0%,100%{opacity:.5}50%{opacity:.8}}

/* Scanlines */
.q404__scanlines{position:absolute;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);animation:q404scan 0.1s steps(2) infinite}
@keyframes q404scan{0%{background-position:0 0}100%{background-position:0 4px}}

/* Particle canvas */
#q404-particles-canvas{position:absolute;inset:0;z-index:5;pointer-events:none}

/* Floating icons */
.q404__icons{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.q404__float-icon{position:absolute;animation:q404iconFloat linear infinite}
.q404__float-icon svg{width:100%;height:100%}
@keyframes q404iconFloat{
  0%{transform:translateY(0) rotate(0deg) scale(1);opacity:.3}
  25%{transform:translateY(-15vh) rotate(45deg) scale(1.1);opacity:.2}
  50%{transform:translateY(-30vh) rotate(90deg) scale(.9);opacity:.35}
  75%{transform:translateY(-45vh) rotate(135deg) scale(1.05);opacity:.15}
  100%{transform:translateY(-60vh) rotate(180deg) scale(.8);opacity:0}
}

/* Frame */
.q404__frame{position:fixed;inset:12px;pointer-events:none;z-index:20}
.q404__corner{position:absolute;width:24px;height:24px}
.q404__corner::before,.q404__corner::after{content:'';position:absolute;background:rgba(255,255,255,.5);transition:all .3s}
.q404__corner--tl{top:0;left:0}.q404__corner--tl::before{width:24px;height:1.5px;top:0;left:0}.q404__corner--tl::after{width:1.5px;height:24px;top:0;left:0}
.q404__corner--tr{top:0;right:0}.q404__corner--tr::before{width:24px;height:1.5px;top:0;right:0}.q404__corner--tr::after{width:1.5px;height:24px;top:0;right:0}
.q404__corner--bl{bottom:0;left:0}.q404__corner--bl::before{width:24px;height:1.5px;bottom:0;left:0}.q404__corner--bl::after{width:1.5px;height:24px;bottom:0;left:0}
.q404__corner--br{bottom:0;right:0}.q404__corner--br::before{width:24px;height:1.5px;bottom:0;right:0}.q404__corner--br::after{width:1.5px;height:24px;bottom:0;right:0}
.q404__border{position:absolute;background:rgba(255,255,255,.06)}
.q404__border--top{top:0;left:40px;right:40px;height:1px}.q404__border--bottom{bottom:0;left:40px;right:40px;height:1px}
.q404__border--left{left:0;top:40px;bottom:40px;width:1px}.q404__border--right{right:0;top:40px;bottom:40px;width:1px}

/* Glitch label */
.q404__label{position:absolute;top:16px;left:50%;transform:translateX(-50%);z-index:21;font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;font-family:'JetBrains Mono','Fira Code',monospace}
.q404__label-glitch{position:relative;color:rgba(255,255,255,.6);animation:q404glitch 4s infinite}
.q404__label-glitch::before,.q404__label-glitch::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%}
.q404__label-glitch::before{color:#10b981;clip-path:inset(0 0 70% 0);animation:q404glitchA 3s infinite}
.q404__label-glitch::after{color:#f59e0b;clip-path:inset(70% 0 0 0);animation:q404glitchB 3s infinite}
@keyframes q404glitch{0%,95%,100%{opacity:1}96%{opacity:.8}97%{opacity:1}98%{opacity:.6}}
@keyframes q404glitchA{0%,96%,100%{transform:translateX(0)}97%{transform:translateX(-3px)}98%{transform:translateX(2px)}}
@keyframes q404glitchB{0%,96%,100%{transform:translateX(0)}97%{transform:translateX(3px)}98%{transform:translateX(-2px)}}

/* HERO */
.q404__hero{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:0;margin-top:-10px}

/* 404 Numbers */
.q404__num{position:relative;font-size:clamp(8rem,22vw,18rem);font-weight:900;line-height:1;user-select:none;transition:transform .1s ease-out}
.q404__num-main{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.15);position:relative;z-index:2}
.q404__num-shadow{position:absolute;inset:0;color:transparent;-webkit-text-stroke:2px rgba(16,185,129,.1);filter:blur(8px);z-index:1;animation:q404numGlow 3s ease-in-out infinite}
.q404__num-glow{position:absolute;inset:0;color:transparent;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(245,158,11,.05));-webkit-background-clip:text;background-clip:text;z-index:3;animation:q404shimmer 4s ease-in-out infinite}
@keyframes q404numGlow{0%,100%{filter:blur(8px);opacity:.5}50%{filter:blur(12px);opacity:.8}}
@keyframes q404shimmer{0%,100%{opacity:.2}50%{opacity:.6}}

/* Heart center */
.q404__zero{position:relative;width:clamp(10rem,22vw,18rem);height:clamp(10rem,22vw,18rem);display:flex;align-items:center;justify-content:center;margin:0 -1.5rem;transition:transform .1s ease-out;z-index:10}

/* Rotating rings */
.q404__ring{position:absolute;inset:-5%;pointer-events:none}
.q404__ring--outer{animation:q404ringA 12s linear infinite;inset:-10%}
.q404__ring--mid{animation:q404ringB 8s linear infinite reverse;inset:0%}
.q404__ring--inner{animation:q404ringC 6s linear infinite;inset:10%}
@keyframes q404ringA{to{transform:rotate(360deg)}}
@keyframes q404ringB{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(-180deg) scale(1.05)}100%{transform:rotate(-360deg) scale(1)}}
@keyframes q404ringC{to{transform:rotate(-360deg)}}

/* Heart SVG */
.q404__heart{position:absolute;z-index:5;width:48%;height:48%;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 18px rgba(16,185,129,.5)) drop-shadow(0 0 35px rgba(16,185,129,.2));animation:q404heartBeat 1.2s ease-in-out infinite;overflow:visible}
@keyframes q404heartBeat{0%{transform:translate(-50%,-50%) scale(1)}14%{transform:translate(-50%,-50%) scale(1.18)}28%{transform:translate(-50%,-50%) scale(1)}42%{transform:translate(-50%,-50%) scale(1.1)}56%,100%{transform:translate(-50%,-50%) scale(1)}}

/* Orbiting particles */
.q404__orbit{position:absolute;top:50%;left:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;animation:q404orbit 5s linear infinite}
.q404__orbit span{position:absolute;top:0;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981,0 0 20px rgba(16,185,129,.5)}
.q404__orbit--1{animation-duration:5s}
.q404__orbit--2{width:90px;height:90px;margin:-45px 0 0 -45px;animation-duration:3.5s;animation-direction:reverse}
.q404__orbit--2 span{background:#f59e0b;box-shadow:0 0 10px #f59e0b,0 0 20px rgba(245,158,11,.5);width:4px;height:4px;margin-left:-2px}
.q404__orbit--3{width:150px;height:150px;margin:-75px 0 0 -75px;animation-duration:7s}
.q404__orbit--3 span{background:#34d399;box-shadow:0 0 8px #34d399;width:3px;height:3px;margin-left:-1.5px}
@keyframes q404orbit{to{transform:rotate(360deg)}}

/* Lens flare */
.q404__flare{position:absolute;top:30%;left:40%;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 60%);animation:q404flare 4s ease-in-out infinite;pointer-events:none}
@keyframes q404flare{0%,100%{opacity:.2;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}

/* Side texts */
.q404__sides{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:clamp(20px,6vw,80px);margin-top:-5px;width:100%;max-width:1200px;padding:0 24px}
.q404__side{max-width:260px}
.q404__side p{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.6);line-height:1.7;margin:0;font-family:'JetBrains Mono','Fira Code',monospace}
.q404__side-bold{margin-top:6px!important;color:rgba(255,255,255,.9)!important}
.q404__cross{display:flex;gap:8px;margin-bottom:10px;align-items:center}
.q404__sparkle{animation:q404sparkleFloat 3s ease-in-out infinite}
.q404__sparkle:nth-child(2){animation-delay:.5s}
.q404__sparkle:nth-child(3){animation-delay:1s}
@keyframes q404sparkleFloat{0%,100%{transform:scale(1) translateY(0);opacity:.6}50%{transform:scale(1.2) translateY(-2px);opacity:1}}
.q404__side--left{text-align:left}.q404__side--right{text-align:right}
.q404__side--right .q404__cross{justify-content:flex-end}

/* CTA button */
.q404__cta{position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:6px;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-family:'JetBrains Mono','Fira Code',monospace;overflow:hidden;transition:all .4s cubic-bezier(.455,.03,.515,.955);backdrop-filter:blur(10px);flex-shrink:0}
.q404__cta-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(245,158,11,.1));opacity:0;transition:opacity .4s}
.q404__cta:hover .q404__cta-bg{opacity:1}
.q404__cta:hover{border-color:rgba(16,185,129,.5);box-shadow:0 0 30px rgba(16,185,129,.15),inset 0 0 30px rgba(16,185,129,.05);transform:scale(1.04)}
.q404__cta-text{position:relative;z-index:2}
.q404__cta-arrows{display:flex;gap:0;position:relative;z-index:2;transition:transform .4s}
.q404__cta:hover .q404__cta-arrows{transform:translateX(5px);animation:q404arrowPulse 1s ease infinite}
@keyframes q404arrowPulse{0%,100%{opacity:1}50%{opacity:.6}}

/* Donate button */
.q404__btns{position:relative;z-index:10;margin-top:16px;display:flex;justify-content:center}
.q404__btn-donate{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:50px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;overflow:hidden;transition:all .3s cubic-bezier(.455,.03,.515,.955);box-shadow:0 4px 20px rgba(16,185,129,.3)}
.q404__btn-donate:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 40px rgba(16,185,129,.4)}
.q404__btn-pulse{position:absolute;inset:0;border-radius:inherit;animation:q404btnPulse 2s ease-in-out infinite}
@keyframes q404btnPulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 8px rgba(16,185,129,0)}}
.q404__btn-donate svg{stroke:currentColor;fill:none;position:relative;z-index:1}

/* Marquee */
.q404__marquee{position:absolute;bottom:28px;left:0;right:0;z-index:8;overflow:hidden;mix-blend-mode:soft-light;opacity:.3}
.q404__marquee-track{display:flex;white-space:nowrap;animation:q404marquee 20s linear infinite}
.q404__marquee-item{flex-shrink:0;display:flex;align-items:center;gap:16px;font-size:clamp(2.5rem,8vw,6rem);font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.4);-webkit-text-stroke:1px rgba(255,255,255,.15);padding-right:2rem}
.q404__marquee-item svg{flex-shrink:0;opacity:.5;animation:q404marqueeIcon 3s ease-in-out infinite}
@keyframes q404marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes q404marqueeIcon{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(10deg)}}

/* Coordinates */
.q404__coords{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:21;font-size:.6rem;font-weight:600;letter-spacing:.15em;color:rgba(255,255,255,.3);font-family:'JetBrains Mono','Fira Code',monospace;display:flex;align-items:center;gap:8px}
.q404__coords-dot{width:5px;height:5px;border-radius:50%;background:#10b981;animation:q404coordDot 1.5s ease-in-out infinite}
@keyframes q404coordDot{0%,100%{opacity:1;box-shadow:0 0 4px #10b981}50%{opacity:.4;box-shadow:0 0 8px #10b981}}

/* ── Mobile ── */
@media(max-width:768px){
  .q404__hero{margin-top:-30px}
  .q404__num{font-size:clamp(5rem,20vw,8rem)}
  .q404__num-main{-webkit-text-stroke:1.5px rgba(255,255,255,.15)}
  .q404__zero{width:clamp(6rem,22vw,9rem);height:clamp(6rem,22vw,9rem);margin:0 -1rem}
  .q404__sides{flex-direction:column;gap:16px;margin-top:8px;text-align:center}
  .q404__side--left,.q404__side--right{text-align:center;max-width:280px}
  .q404__side--right .q404__cross,.q404__cross{justify-content:center}
  .q404__frame{inset:6px}.q404__corner{width:16px;height:16px}
  .q404__corner::before{width:16px!important}.q404__corner::after{height:16px!important}
  .q404__marquee-item{font-size:clamp(1.5rem,10vw,3rem)}
  .q404__label{font-size:.55rem}.q404__cta{padding:12px 20px;font-size:.65rem}
  .q404__btns{margin-top:12px}
  .q404__orbit{display:none}
  .q404__ring--outer,.q404__ring--mid{display:none}
  .q404__ray{display:none}
}

/* ══════════════════════════════════
   CONTACT PAGE
   ══════════════════════════════════ */
.qcontact{padding:48px 0 80px}
.qcontact__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.qcontact__info h3{font-size:1.125rem;font-weight:700;margin-bottom:16px}
.qcontact__info p{font-size:.938rem;color:var(--dark-600);margin-bottom:12px;display:flex;align-items:center;gap:8px}

/* ══════════════════════════════════
   ANIMATIONS
   ══════════════════════════════════ */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* ══════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════ */
@media(max-width:1200px){
  .qh__nav-link{font-size:.688rem;padding:8px 4px}
  .qh__nav-icon svg{width:14px;height:14px}
  .qh__donate-btn span{display:none}
  .qh__donate-btn{padding:8px 14px}
}
@media(max-width:1024px){
  .qh__nav{display:none}
  .qh__burger{display:flex}
  .qbnav{display:flex}
  .qhero .swiper{height:480px}
  .qhero{min-height:480px}
  .qhero__title{font-size:2rem}
  .qhero__stats{display:none}
  .qdon-grid{grid-template-columns:repeat(2,1fr)}
  .qstats{grid-template-columns:repeat(2,1fr)}
  .qhow{grid-template-columns:repeat(2,1fr)}
  .qsingle__grid{grid-template-columns:1fr}
  .qsingle [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}
  .qsingle [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr !important}
  .qcart-page__grid{grid-template-columns:1fr}
  .qcheckout__grid{grid-template-columns:1fr}
  .qfoot__grid{grid-template-columns:1fr 1fr}
  .qfoot__top{flex-direction:column;gap:30px}
  .qfoot__trust{flex-direction:row;flex-wrap:wrap}
  .qcontact__grid{grid-template-columns:1fr}
  .qmain{padding-bottom:64px}
  .qcart-widget{bottom:80px}
}
@media(max-width:640px){
  :root{--header-h:60px;--announce-h:36px}
  .qbar__item{font-size:.65rem;padding:0 16px;gap:5px}
  .qbar__live{font-size:.6rem;padding:0 8px;gap:4px}
  .qbar__desc{max-width:200px;font-size:.65rem}
  .qbar__sev{font-size:.5rem;padding:1px 5px}
  .qbar__flag{width:18px;height:12px}
  .qbar__icon svg{width:12px;height:12px}
  .qbar__type{font-size:.65rem}
  .qhero .swiper{height:420px}
  .qhero{min-height:auto}
  .qhero__content{padding:0 24px}
  .qhero__title{font-size:1.5rem}
  .qhero__desc{font-size:.875rem}
  .qsec{padding:48px 0}
  .qsec__title{font-size:1.5rem}
  .qdon-grid{grid-template-columns:1fr}
  .qstats{grid-template-columns:1fr 1fr;gap:16px}
  .qhow{grid-template-columns:1fr 1fr;gap:16px}
  .qfoot__grid{grid-template-columns:1fr}
  .qfoot__top{flex-direction:column;gap:24px}
  .qfoot__trust{flex-direction:column;min-width:0}
  .qfoot__bottom{flex-direction:column;text-align:center;gap:12px}
  .qfoot__pays{justify-content:center}
  .qfoot__pcard{width:46px;height:28px;padding:3px 5px}
  .qfoot__pcard img{max-width:100%;max-height:100%}
  .qfoot__legal-small{text-align:center}
  .qcart-item{grid-template-columns:60px 1fr auto;gap:10px}
  .qcart-item__qty,.qcart-item__remove{grid-column:2}
  .qnews__form{flex-direction:column}
  .qaccount__dash{grid-template-columns:1fr}
  .qbundle__amounts{grid-template-columns:repeat(3,1fr)}
  .qh__donate-btn{display:none}
}

/* ── Print ── */
@media print{
  .qbar,.qh,.qbnav,.qcart-widget,.qcookie,.qmob,.qsearch,.qtrust-bar,.qimpact--trust,.qimpact{display:none !important}
  body{font-size:12pt;color:#000}
  .qmain{padding:0}
}

/* ═══════════════════════════════════════════
   QUICK DONATION WIDGET - BULLETPROOF CENTER
   ═══════════════════════════════════════════ */
.qquick-wrap{
  position:absolute;
  right:32px;
  top:50%;
  transform:translateY(-50%);
  z-index:50;
  pointer-events:none;
}
.qquick{
  pointer-events:auto;
  width:420px;background:var(--white);border-radius:24px;
  box-shadow:0 32px 64px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.05);
  padding:28px 26px;backdrop-filter:blur(10px);
  animation:qquick-enter .6s .3s cubic-bezier(.16,1,.3,1) both;
}
@keyframes qquick-enter{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
.qquick__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}
.qquick__head h3{font-size:1.35rem;font-weight:900;color:var(--dark);margin:0}
.qquick__secure{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:#10b981}
.qquick__label{font-size:.75rem;font-weight:700;color:var(--gray-500);margin-bottom:6px;display:block;text-transform:uppercase;letter-spacing:.5px}
.qquick__select-wrap{margin-bottom:14px}
.qquick__select{
  width:100%;padding:12px 14px;border:2px solid var(--gray-200);border-radius:14px;
  font-size:.9rem;font-weight:600;color:var(--dark);background:var(--white);cursor:pointer;
  appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%2364748b' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
  transition:border-color .25s,box-shadow .25s;
}
.qquick__select:focus{border-color:var(--emerald-500);box-shadow:0 0 0 4px rgba(16,185,129,.12);outline:none}
.qquick__freq{display:flex;gap:4px;margin-bottom:14px;border:2px solid var(--gray-200);border-radius:var(--radius-full);overflow:hidden;padding:3px;background:#f8fafc}
.qquick__freq-btn{
  flex:1;padding:10px 0;text-align:center;font-size:.85rem;font-weight:700;
  background:transparent;color:var(--dark);border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-full);
}
.qquick__freq-btn.active{background:var(--gold);color:var(--dark);box-shadow:0 4px 12px rgba(217,119,6,.3);animation:freq-pop .3s cubic-bezier(.4,0,.2,1)}
.qquick__freq-btn:hover:not(.active){background:#f1f5f9}
.qquick__title{
  text-align:center;font-size:.938rem;font-weight:800;color:var(--emerald-700);
  letter-spacing:1px;margin-bottom:10px;
}
.qquick__field{margin-bottom:8px}
.qquick__custom{
  width:100%;padding:12px 14px;border:2px solid var(--gray-200);border-radius:14px;
  font-size:.9rem;font-weight:600;margin-bottom:14px;transition:border-color .2s;
}
.qquick__custom:focus{border-color:var(--emerald-500);outline:none;box-shadow:0 0 0 4px rgba(16,185,129,.12)}
.qquick__submit{
  width:100%;padding:18px;border:none;border-radius:var(--radius-full);
  background:linear-gradient(135deg,#f59e0b,#d97706,#f59e0b);background-size:200% 200%;
  color:var(--dark);font-size:1.1rem;font-weight:900;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;
  letter-spacing:.5px;transition:all .3s;
  margin-bottom:14px;position:relative;overflow:hidden;
  animation:btnBgShift 4s ease infinite;
  box-shadow:0 8px 24px rgba(217,119,6,.3);
}
.qquick__submit::before{
  content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  animation:btnShine 4s ease-in-out infinite;
}
.qquick__submit:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(217,119,6,.45)}
.qquick__amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.qquick__amt{
  padding:14px 0;text-align:center;font-size:1rem;font-weight:700;
  border:2px solid var(--gray-200);border-radius:14px;background:var(--white);
  color:var(--dark);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);
}
.qquick__amt:hover{border-color:var(--emerald-500);background:var(--emerald-50);transform:scale(1.05)}
.qquick__amt.active{
  border-color:var(--emerald-600);background:linear-gradient(135deg,var(--emerald-50),#d1fae5);
  color:var(--emerald-700);transform:scale(1.06);
  box-shadow:0 4px 16px rgba(16,185,129,.25),0 0 0 3px rgba(16,185,129,.1);
  animation:amt-pop .3s cubic-bezier(.4,0,.2,1);
}
@keyframes amt-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1.06)}}
.qquick__cur{font-size:inherit;opacity:1;font-weight:inherit}
.qquick__stripe{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.75rem;color:#6772e5;font-weight:600;opacity:.7}

/* Quick Widget Bundle Deal */
.qquick__bundle{margin-bottom:10px}
.qquick__bundle-opt{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:all .3s;border:2px solid var(--gray-200);margin-bottom:6px;font-size:.75rem}
.qquick__bundle-opt input{position:absolute;opacity:0;width:0;height:0}
.qquick__bundle-opt--sub{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:white;border-color:#ec4899}
.qquick__bundle-opt--sub.active{box-shadow:0 4px 16px rgba(236,72,153,.3)}
.qquick__bundle-opt--sub:not(.active){background:var(--gray-50);color:var(--dark);border-color:var(--gray-200)}
.qquick__bundle-opt:not(.qquick__bundle-opt--sub).active{border-color:#ec4899;background:#fdf2f8}
.qquick__bundle-opt strong{font-size:.75rem;display:block}
.qquick__bundle-opt small{font-size:.625rem;opacity:.8;display:block}
.qquick__bundle-dot{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qquick__bundle-dot span{width:8px;height:8px;border-radius:50%;background:currentColor;transform:scale(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}
.qquick__bundle-opt.active .qquick__bundle-dot span{transform:scale(1)}
.qquick__bundle-opt--sub .qquick__bundle-dot{border-color:white}
.qquick__bundle-opt--sub .qquick__bundle-dot span{background:white}
@media(max-width:1024px){
  .qquick-wrap{position:relative;right:auto;top:auto;bottom:auto;transform:none;width:100%;max-width:440px;margin:0 auto;padding:20px;pointer-events:auto}
  .qquick{width:100%;max-width:440px;margin:0 auto;animation:none;border-radius:20px;padding:24px}
  .qquick__bundle-opt{padding:12px 14px;border-radius:12px;margin-bottom:8px}
  .qquick__bundle-opt--sub{flex-direction:row;align-items:center}
  .qquick__bundle-opt strong{font-size:.875rem}
  .qquick__bundle-opt small{font-size:.75rem}
  .qquick__bundle-dot{width:20px;height:20px;margin-right:4px}
  .qquick__bundle-dot span{width:10px;height:10px}
  .qquick__freq-btn{padding:10px 0;font-size:.813rem}
  .qquick__amt{padding:12px 0;font-size:.938rem}
  .qquick__submit{padding:14px;font-size:1rem}
}

/* ═══════════════════════════════════════════
   CART DRAWER (atlasdemostore style)
   ═══════════════════════════════════════════ */
.qcart-drawer{position:fixed;inset:0;z-index:99999;pointer-events:none}
.qcart-drawer.open{pointer-events:auto}
.qcart-drawer__overlay{
  position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;
  transition:opacity .3s;pointer-events:none;
}
.qcart-drawer.open .qcart-drawer__overlay{opacity:1;pointer-events:auto}
.qcart-drawer__panel{
  position:absolute;right:0;top:0;bottom:0;width:420px;max-width:90vw;
  background:var(--white);display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);
  box-shadow:-16px 0 48px rgba(0,0,0,.15);
}
.qcart-drawer.open .qcart-drawer__panel{transform:translateX(0)}
.qcart-drawer__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 24px;border-bottom:1px solid var(--gray-100);
}
.qcart-drawer__head h3{font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:8px}
.qcart-drawer__badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:50%;background:var(--emerald-600);
  color:var(--white);font-size:.75rem;font-weight:700;
}
.qcart-drawer__close{background:none;border:1px solid var(--gray-200);border-radius:var(--radius-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.qcart-drawer__body{flex:1;overflow-y:auto;padding:16px 24px}
.qcart-drawer__empty{text-align:center;padding:48px 0;color:var(--gray-400)}
.qcart-drawer__empty p{margin:12px 0 20px;font-size:.938rem}
.qcart-drawer__item{
  display:flex;align-items:center;gap:12px;padding:16px 0;
  border-bottom:1px solid var(--gray-100);
}
.qcart-drawer__info{flex:1}
.qcart-drawer__info h4{font-size:.875rem;font-weight:700;margin-bottom:4px}
.qcart-drawer__info span{font-size:.75rem;color:var(--gray-500)}
.qcart-drawer__price-col{text-align:right}
.qcart-drawer__price-col strong{display:block;font-size:.938rem;font-weight:800}
.qcart-drawer__qty{display:flex;align-items:center;gap:8px;margin-top:6px;justify-content:flex-end}
.qcart-drawer__qty-btn{
  width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--gray-200);
  background:var(--white);cursor:pointer;font-size:1rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.qcart-drawer__remove{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:4px}
.qcart-drawer__remove:hover{color:var(--red)}
.qcart-drawer__foot{padding:20px 24px;border-top:1px solid var(--gray-100);background:var(--gray-50)}
.qcart-drawer__total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.qcart-drawer__total span{font-size:.938rem;font-weight:600}
.qcart-drawer__total strong{font-size:1.25rem;font-weight:800}
.qcart-drawer__trust{
  text-align:center;margin-top:12px;font-size:.75rem;color:var(--gray-400);
  display:flex;align-items:center;justify-content:center;gap:6px;
}

/* ═══════════════════════════════════════════
   MEGA MENU (Updated from PDF)
   ═══════════════════════════════════════════ */
.qh__has-mega{position:relative}
.qh__mega{
  position:absolute;left:50%;top:calc(100% + 8px);
  transform:translateX(-50%) translateY(10px);width:min(1120px,calc(100vw - 40px));
  background:rgba(255,255,255,.97);color:var(--dark);border-radius:16px;
  border:1px solid rgba(15,23,42,.06);box-shadow:0 28px 60px rgba(0,0,0,.18);
  backdrop-filter:saturate(140%) blur(12px);padding:12px;
  opacity:0;visibility:hidden;pointer-events:none;
  z-index:1250;max-height:calc(100dvh - 80px);
  transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;
}
.qh__has-mega:hover > .qh__mega,
.qh__has-mega.open > .qh__mega{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.qh__mega-inner{display:flex;gap:12px;max-height:calc(100dvh - 110px)}
.qh__mega-left{
  flex:0 0 260px;background:rgba(255,255,255,.7);border:1px solid rgba(15,23,42,.08);
  border-radius:14px;overflow:hidden;display:flex;flex-direction:column;
}
.qh__mega-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px;border-bottom:1px solid rgba(15,23,42,.08);
}
.qh__mega-head strong{font-weight:850;font-size:.875rem}
.qh__mega-viewall{
  font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:8px;
  background:var(--dark);color:var(--white);text-decoration:none;
}
.qh__mega-cats{padding:8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1}
.qh__mega-cat{
  width:100%;text-align:left;border:1px solid rgba(15,23,42,.08);
  background:var(--white);color:var(--dark);border-radius:10px;
  padding:10px 14px;font-size:.813rem;font-weight:700;cursor:pointer;
  transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;
}
.qh__mega-cat::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--emerald-500);transform:scaleY(0);transition:transform .25s;border-radius:0 2px 2px 0;
}
.qh__mega-cat:hover{transform:translateX(4px);box-shadow:0 6px 16px rgba(0,0,0,.06)}
.qh__mega-cat:hover::before{transform:scaleY(1)}
.qh__mega-cat.active{
  background:linear-gradient(135deg,var(--dark),#1e293b);color:var(--white);
  border-color:var(--dark);transform:translateX(4px);
}
.qh__mega-cat.active::before{transform:scaleY(1);background:var(--gold)}
.qh__mega-right{
  flex:1;display:flex;flex-direction:column;background:rgba(255,255,255,.7);
  border:1px solid rgba(15,23,42,.08);border-radius:14px;overflow:hidden;
}
.qh__mega-search-wrap{padding:10px;border-bottom:1px solid rgba(15,23,42,.08)}
.qh__mega-search{
  width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(15,23,42,.1);
  font-weight:600;font-size:.875rem;
}
.qh__mega-body{overflow-y:auto;padding:8px}
.qh__mega-panel{display:none;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.qh__mega-panel.active{display:grid}
.qh__mega-panel a{
  display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;
  background:var(--white);border:1px solid rgba(15,23,42,.08);
  font-size:.813rem;font-weight:620;color:var(--dark);text-decoration:none;
  transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1.3;
  position:relative;overflow:hidden;
}
.qh__mega-panel a::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(16,185,129,.06),rgba(245,158,11,.04));
  opacity:0;transition:opacity .3s;
}
.qh__mega-panel a:hover{
  transform:translateY(-2px) scale(1.02);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  border-color:var(--emerald-300);
}
.qh__mega-panel a:hover::before{opacity:1}
/* Mega panel SVG icons */
.qml-ic{
  width:28px;height:28px;border-radius:8px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--ic-bg);
  transition:all .3s cubic-bezier(.4,0,.2,1);
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.qml-ic svg{display:block}
.qh__mega-panel a:hover .qml-ic{
  transform:scale(1.2) rotate(-6deg);
  box-shadow:0 4px 12px rgba(0,0,0,.1);
}
.qh__mega-panel a:nth-child(odd) .qml-ic{animation:ic-bob 3s ease-in-out infinite}
.qh__mega-panel a:nth-child(even) .qml-ic{animation:ic-bob 3s ease-in-out .4s infinite}
@keyframes ic-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.qml-ico{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.qh__dropdown a:hover .qml-ico{transform:scale(1.15) rotate(-5deg)}
.qh__mega-foot{
  padding:10px;border-top:1px solid rgba(15,23,42,.08);
  display:flex;justify-content:flex-end;
}

/* ═══════════════════════════════════════════
   MOBILE MENU (Right-aligned)
   ═══════════════════════════════════════════ */
.qmob{position:fixed;inset:0;z-index:99998;pointer-events:none}
.qmob.open{pointer-events:auto}
.qmob__overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s}
.qmob.open .qmob__overlay{opacity:1}
.qmob__panel{
  position:absolute;right:0;top:0;bottom:0;width:340px;max-width:85vw;
  background:var(--white);display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);
  box-shadow:-8px 0 32px rgba(0,0,0,.12);
}
.qmob.open .qmob__panel{transform:translateX(0)}
.qmob__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;border-bottom:1px solid var(--gray-100);
}
.qmob__close{background:none;border:1px solid var(--gray-200);border-radius:var(--radius-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.qmob__nav{flex:1;overflow-y:auto;padding:12px 16px}
.qmob__link{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;border-radius:12px;font-weight:600;font-size:.938rem;
  color:var(--dark);text-decoration:none;border:1px solid transparent;
}
.qmob__link:hover{background:var(--gray-50);border-color:var(--gray-100)}
.qmob__accordion{margin-bottom:4px}
.qmob__accordion summary{list-style:none;cursor:pointer}
.qmob__accordion summary::-webkit-details-marker{display:none}
.qmob__sub{padding:4px 8px 12px}
.qmob__sub a{
  display:block;padding:10px 14px;border-radius:10px;font-size:.813rem;
  font-weight:600;color:var(--dark);text-decoration:none;
  background:var(--gray-50);margin-bottom:4px;border:1px solid var(--gray-100);
}
.qmob__sub a:hover{background:var(--emerald-50);border-color:var(--emerald-200)}
.qmob__foot{padding:16px 20px;border-top:1px solid var(--gray-100)}

/* ═══════════════════════════════════════════
   ENHANCED ANIMATIONS (GSAP-powered)
   ═══════════════════════════════════════════ */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 12px rgba(16,185,129,0)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes particle{
  0%{transform:translate(0,0) scale(1);opacity:1}
  100%{transform:translate(var(--tx,0),var(--ty,-100px)) scale(0);opacity:0}
}
.animate-float{animation:float 3s ease-in-out infinite}
.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}
.qhero__title span{
  background:linear-gradient(90deg,var(--gold),#f59e0b,var(--gold));
  background-size:200% auto;animation:shimmer 3s linear infinite;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}


/* ═══════════════════════════════════════════
   BUNDLE DEAL WIDGET (atlasdemostore style)
   ═══════════════════════════════════════════ */
.qbundle{margin:24px 0;border-radius:16px;overflow:hidden}
.qbundle__sub{
  background:linear-gradient(135deg,#ec4899,#8b5cf6);
  padding:24px;border-radius:16px 16px 0 0;color:var(--white);cursor:pointer;
  border:3px solid #ec4899;position:relative;
}
.qbundle__sub.active{border-color:#ec4899}
.qbundle__sub-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.qbundle__radio{
  width:24px;height:24px;border-radius:50%;border:3px solid var(--white);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.qbundle__radio-inner{width:12px;height:12px;border-radius:50%;background:var(--white);display:none}
.qbundle__sub.active .qbundle__radio-inner{display:block}
.qbundle__sub-title{font-size:1.125rem;font-weight:800}
.qbundle__sub-freq{font-size:.875rem;opacity:.9}
.qbundle__perks{list-style:none;padding:0;margin:12px 0 16px}
.qbundle__perks li{
  display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.875rem;font-weight:600;
}
.qbundle__perks li::before{
  content:'✓';display:flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.2);
  font-size:.75rem;flex-shrink:0;
}
.qbundle__freq-select{
  width:100%;padding:12px 16px;border-radius:10px;border:none;
  background:rgba(255,255,255,.15);color:var(--white);font-weight:700;
  font-size:.875rem;backdrop-filter:blur(4px);cursor:pointer;
}
.qbundle__freq-select option{color:var(--dark);background:var(--white)}
.qbundle__divider{
  text-align:center;padding:12px 0;font-size:.813rem;font-weight:700;
  color:var(--gray-400);position:relative;
}
.qbundle__divider::before,.qbundle__divider::after{
  content:'';position:absolute;top:50%;width:calc(50% - 20px);height:1px;
  background:linear-gradient(90deg,transparent,var(--gray-200),transparent);
}
.qbundle__divider::before{left:0}
.qbundle__divider::after{right:0}
.qbundle__once{
  padding:20px 24px;border:2px solid var(--gray-200);border-radius:0 0 16px 16px;
  cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s;
}
.qbundle__once:hover{border-color:var(--gray-300);background:var(--gray-50)}
.qbundle__once.active{border-color:var(--emerald-500);background:var(--emerald-50)}
.qbundle__once-radio{
  width:24px;height:24px;border-radius:50%;border:3px solid var(--gray-300);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.qbundle__once.active .qbundle__once-radio{border-color:var(--emerald-500)}
.qbundle__once-radio-inner{width:12px;height:12px;border-radius:50%;background:var(--emerald-500);display:none}
.qbundle__once.active .qbundle__once-radio-inner{display:block}
.qbundle__once-info h4{font-size:1rem;font-weight:800;margin-bottom:2px}
.qbundle__once-info span{font-size:.813rem;color:var(--gray-500)}

/* ═══════════════════════════════════════════
   STICKY BOTTOM BAR (atlasdemostore style)
   ═══════════════════════════════════════════ */
/* Sticky Bar - atlasdemostore style */
.qstickybar{
  position:fixed;bottom:0;left:0;right:0;z-index:850;
  background:linear-gradient(135deg,#064e3b 0%,#047857 40%,#065f46 100%);
  color:var(--white);
  padding:14px 24px;
  padding-bottom:calc(14px + env(safe-area-inset-bottom, 0px));
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  transform:translateY(100%);
  transition:transform .5s cubic-bezier(.16,1,.3,1);
  box-shadow:0 -4px 32px rgba(6,78,59,.4);
  border-top:1px solid rgba(255,255,255,.1);
  overflow:hidden;
}
@media(max-width:768px){
  .qmobile-spacer{display:none !important}
}
.qstickybar__glow{
  position:absolute;top:-50%;left:-10%;width:120%;height:200%;
  background:radial-gradient(ellipse at 30% 50%, rgba(16,185,129,.2) 0%, transparent 60%);
  pointer-events:none;
  animation:sticky-glow 4s ease-in-out infinite alternate;
}
@keyframes sticky-glow{0%{transform:translateX(-5%)}100%{transform:translateX(5%)}}
.qstickybar.visible{transform:translateY(0);animation:stickySlideUp .6s cubic-bezier(.16,1,.3,1)}
@keyframes stickySlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.qstickybar__left{display:flex;align-items:center;gap:12px;flex:1;position:relative;z-index:1}
.qstickybar__right{display:flex;align-items:center;gap:14px;flex-shrink:0;position:relative;z-index:1}
/* Badge icon */
.qstickybar__badge-wrap{position:relative;flex-shrink:0}
.qstickybar__badge-icon{
  width:44px;height:44px;border-radius:12px;
  background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.2);
  display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(8px);
}
.qstickybar__badge-icon--pulse{animation:badge-pulse 2s ease-in-out infinite}
@keyframes badge-pulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 10px rgba(16,185,129,0)}}
.qstickybar__count{
  position:absolute;top:-4px;right:-4px;
  background:linear-gradient(135deg,#f59e0b,#d97706);color:white;
  font-size:.625rem;font-weight:800;
  min-width:18px;height:18px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  border:2px solid #064e3b;
  animation:count-bounce .6s cubic-bezier(.4,0,.2,1);
}
@keyframes count-bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}100%{transform:scale(1)}}
/* Text area */
.qstickybar__name{font-size:.813rem;font-weight:600;line-height:1.3;opacity:.9}
.qstickybar__name strong{color:#6ee7b7;font-weight:800}
.qstickybar__items{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}
.qstickybar__item-tag{
  font-size:.625rem;font-weight:600;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);
  padding:2px 8px;border-radius:20px;
  white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;
  backdrop-filter:blur(4px);
}
.qstickybar__item-more{
  font-size:.625rem;font-weight:700;color:#6ee7b7;
  padding:2px 6px;
}
.qstickybar__meta{display:flex;align-items:center;gap:8px;margin-top:3px}
.qstickybar__live{display:flex;align-items:center;gap:4px;font-size:.688rem;opacity:.8}
.qstickybar__live-row{display:flex;align-items:center;gap:5px;margin-top:2px}
.qstickybar__live-text{font-size:.68rem;opacity:.85;transition:opacity .3s}
.qstickybar__dot{width:6px;height:6px;border-radius:50%;background:#6ee7b7;animation:live-dot 1.5s ease-in-out infinite;flex-shrink:0}
/* State containers */
.qstickybar__state{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.qstickybar__state--empty .qstickybar__left{flex:1;min-width:0}
@keyframes live-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}
/* Total & Button */
.qstickybar__total{
  font-size:1.2rem;font-weight:800;color:#6ee7b7;
  text-shadow:0 0 16px rgba(110,231,183,.4);
  white-space:nowrap;
  animation:totalGlow 2s ease-in-out infinite alternate;
}
@keyframes totalGlow{0%{text-shadow:0 0 8px rgba(110,231,183,.2)}100%{text-shadow:0 0 24px rgba(110,231,183,.6)}}
.qstickybar__btn{
  padding:12px 24px;border-radius:var(--radius-full);border:none;
  background:linear-gradient(135deg,#f59e0b,#eab308);color:#0f172a;
  font-weight:800;font-size:.85rem;cursor:pointer;white-space:nowrap;
  text-decoration:none;display:inline-flex;align-items:center;gap:6px;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  position:relative;overflow:hidden;
  box-shadow:0 4px 16px rgba(234,179,8,.3);
}
.qstickybar__btn::before{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  animation:btnShine 4s ease-in-out infinite;
}
.qstickybar__btn:hover{
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 8px 28px rgba(234,179,8,.45);
}
.qstickybar__btn svg{transition:transform .3s}
.qstickybar__btn:hover svg{transform:translateX(4px)}
/* Mobile */
@media(max-width:768px){
  .qstickybar{padding:8px 12px;gap:0;bottom:64px;border-radius:16px 16px 0 0;z-index:810}
  .qstickybar__state{gap:8px}
  .qstickybar__badge-icon{width:32px;height:32px;border-radius:9px}
  .qstickybar__badge-wrap{margin-right:-2px}
  .qstickybar__count{width:16px;height:16px;font-size:.55rem;right:-4px;top:-4px}
  .qstickybar__name{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
  .qstickybar__items{display:none}
  .qstickybar__total{font-size:.78rem;padding:0 2px}
  .qstickybar__btn{padding:9px 14px;font-size:.72rem;border-radius:10px;white-space:nowrap;flex-shrink:0}
  .qstickybar__live-row{margin-top:1px}
  .qstickybar__live-text{font-size:.55rem}
  .qstickybar__dot{width:4px;height:4px}
  .qstickybar__right{gap:6px;flex-shrink:0}
  .qstickybar__left{min-width:0;flex:1;gap:8px}
  .qstickybar__text{min-width:0;flex:1}
}

/* ═══════════════════════════════════════════
   SOCIAL PROOF INDICATOR
   ═══════════════════════════════════════════ */
.qsocial-proof{
  display:flex;align-items:center;gap:8px;padding:10px 0;
  font-size:.813rem;color:var(--gray-500);
}
.qsocial-proof__avatars{display:flex}
.qsocial-proof__avatars span{
  width:28px;height:28px;border-radius:50%;
  background:linear-gradient(135deg,var(--emerald-400),var(--emerald-600));
  border:2px solid var(--white);margin-left:-8px;
  display:flex;align-items:center;justify-content:center;
  font-size:.625rem;font-weight:700;color:var(--white);
}
.qsocial-proof__avatars span:first-child{margin-left:0}

/* ═══════════════════════════════════════════
   PAYMENT ICONS ROW
   ═══════════════════════════════════════════ */
.qpay-icons{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:12px 0}
.qpay-icon{
  width:42px;height:28px;border-radius:4px;border:1px solid var(--gray-200);
  display:flex;align-items:center;justify-content:center;
  font-size:.5rem;font-weight:800;color:var(--gray-600);background:var(--white);
}

/* ═══════════════════════════════════════════
   ENHANCED BUTTON ANIMATIONS
   ═══════════════════════════════════════════ */

/* Card hover 3D tilt */
.qcat-card,.qdon-card{transition:transform .3s,box-shadow .3s}
.qcat-card:hover,.qdon-card:hover{
  transform:translateY(-6px) rotateX(2deg);
  box-shadow:0 20px 40px rgba(0,0,0,.12);
}


/* ═══════════════════════════════════════════
   GAME-LIKE GLOBAL EFFECTS
   ═══════════════════════════════════════════ */

/* Magnetic hover on cards */
.qcat-card,.qdon-card,.qhow__card,.qtest__card{
  transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;
}
.qcat-card:hover,.qdon-card:hover{
  transform:translateY(-8px) scale(1.02);
  box-shadow:0 24px 48px rgba(0,0,0,.15),0 0 0 1px rgba(16,185,129,.1);
}
.qhow__card:hover{
  transform:translateY(-6px) rotateY(2deg);
  box-shadow:0 20px 40px rgba(0,0,0,.12);
}

/* Particle burst on click */
.btn--primary:active,.btn--gold:active,.btn--dark:active{
  transform:scale(.97);
}

/* Section title reveal */
.qsec__title{
  background:linear-gradient(135deg,var(--dark),var(--emerald-700));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.qsec__title span{
  background:linear-gradient(135deg,var(--emerald-600),var(--gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}

/* Hero title dramatic entrance */
.qhero__title{
  text-shadow:0 4px 20px rgba(0,0,0,.3);
}
.qhero__title span{
  background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));
}

/* Crisis ticker (overrides handled above) */

/* Category cards icon bounce */
.qcat-card__icon{
  transition:transform .4s cubic-bezier(.4,0,.2,1);
}
.qcat-card:hover .qcat-card__icon{
  transform:scale(1.2) rotate(-5deg);
  filter:drop-shadow(0 0 12px rgba(16,185,129,.5));
}

/* Stats counter glow */
.qstat__number{
  background:linear-gradient(135deg,var(--emerald-600),var(--gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}

/* Cart drawer item slide */
.qcart-drawer__item{
  animation:cart-item-in .3s cubic-bezier(.16,1,.3,1) both;
}
.qcart-drawer__item:nth-child(1){animation-delay:0s}
.qcart-drawer__item:nth-child(2){animation-delay:.05s}
.qcart-drawer__item:nth-child(3){animation-delay:.1s}
@keyframes cart-item-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}

/* Mega menu category hover effect */
.qh__mega-cat{position:relative;overflow:hidden}
.qh__mega-cat::after{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(245,158,11,.05));
  opacity:0;transition:opacity .2s;
}
.qh__mega-cat:hover::after{opacity:1}
.qh__mega-cat.active::after{opacity:0}

/* Mega menu panel link hover */
.qh__mega-panel a{position:relative;overflow:hidden}
.qh__mega-panel a::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--emerald-500),var(--gold));
  transform:scaleX(0);transform-origin:left;transition:transform .3s;
}
.qh__mega-panel a:hover::after{transform:scaleX(1)}

/* Scroll indicator pulse */
.qhero .swiper-pagination-bullet-active{
  animation:bullet-pulse 1.5s ease-in-out infinite;
}
@keyframes bullet-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.4)}
  50%{box-shadow:0 0 0 6px rgba(255,255,255,0)}
}

/* Footer link hover glow */
.qfoot a:hover{
  text-shadow:0 0 8px rgba(16,185,129,.3);
}

/* Trust bar item hover */
/* trust bar hover - now uses qimpact */

/* Cookie banner slide up */
.qcookie{animation:cookie-in .5s cubic-bezier(.16,1,.3,1) both}
@keyframes cookie-in{from{transform:translateY(100%)}to{transform:translateY(0)}}


/* ═══════════════════════════════════════════
   PRODUCT / SINGLE DONATION PAGE (atlasdemostore)
   ═══════════════════════════════════════════ */
.qbread{font-size:.813rem;color:var(--gray-400);display:flex;align-items:center;gap:6px}
.qbread a{color:var(--emerald-600);text-decoration:none;transition:color .2s}
.qbread a:hover{color:var(--emerald-800)}

.qprod__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.qprod__gallery{position:sticky;top:calc(var(--header-h) + var(--announce-h) + 20px)}
.qprod__main-img{border-radius:20px;overflow:hidden;background:#f1f5f9;aspect-ratio:1;position:relative}
.qprod__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;padding:40px}
.qprod__placeholder p{font-size:1rem;font-weight:600;color:var(--emerald-700)}
.qprod__badge{position:absolute;top:16px;left:16px;background:var(--emerald-600);color:white;font-size:.75rem;font-weight:700;padding:4px 14px;border-radius:20px}

.qprod__rating{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--gray-500);margin-bottom:8px}
.qprod__rating strong{color:var(--dark)}
.qprod__title{font-size:1.75rem;font-weight:900;color:var(--dark);line-height:1.2;margin-bottom:10px}
.qprod__tagline{font-size:.875rem;color:var(--gray-600);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.qprod__new-badge{background:var(--emerald-600);color:white;font-size:.625rem;font-weight:800;padding:2px 8px;border-radius:4px;letter-spacing:.5px}

.qprod__prices{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.qprod__price-now{font-size:1.5rem;font-weight:900;color:var(--dark)}
.qprod__price-was{font-size:1rem;color:var(--gray-400);font-weight:500}
.qprod__discount-tag{font-size:.75rem;font-weight:700;color:#dc2626;background:#fef2f2;padding:3px 10px;border-radius:6px}

.qprod__features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
.qprod__feat{display:flex;align-items:center;gap:8px;font-size:.813rem;font-weight:600;color:var(--dark-600);padding:8px 12px;background:var(--gray-50);border-radius:10px;transition:all .25s}
.qprod__feat:hover{background:#ecfdf5;transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.1)}

.qprod__progress{margin-bottom:16px}
.qprod__progress-bar{height:8px;background:#d1fae5;border-radius:8px;overflow:hidden}
.qprod__progress-bar div{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:8px;transition:width 1s ease}
.qprod__progress-meta{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;margin-top:6px;color:var(--emerald-700)}

/* ═══ BUNDLE DEAL (atlasdemostore exact) ═══ */
.qbundle{margin-bottom:16px}
.qbundle__head{font-size:.813rem;font-weight:800;letter-spacing:1.5px;color:var(--dark);margin-bottom:10px;text-transform:uppercase}
.qbundle__opt{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;cursor:pointer;transition:all .3s;border:2px solid var(--gray-200);margin-bottom:0}
.qbundle__opt input{position:absolute;opacity:0;width:0;height:0}
.qbundle__opt--sub{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:white;border-color:#ec4899}
.qbundle__opt--sub.active{border-color:#ec4899;box-shadow:0 8px 24px rgba(236,72,153,.3)}
.qbundle__opt--sub:not(.active){background:var(--gray-50);color:var(--dark);border-color:var(--gray-200)}
.qbundle__opt--once{border:2px solid #ec4899;color:var(--dark)}
.qbundle__opt--once.active{background:#fdf2f8;border-color:#ec4899;box-shadow:0 4px 16px rgba(236,72,153,.15)}
.qbundle__opt strong{font-size:.938rem;display:block}
.qbundle__opt small{font-size:.75rem;opacity:.85;display:block;margin-top:2px}
.qbundle__dot{width:22px;height:22px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qbundle__dot span{width:12px;height:12px;border-radius:50%;background:currentColor;transform:scale(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}
.qbundle__opt.active .qbundle__dot span{transform:scale(1)}
.qbundle__opt--sub .qbundle__dot{border-color:white}
.qbundle__opt--sub .qbundle__dot span{background:white}

.qbundle__perks{overflow:hidden;max-height:300px;opacity:1;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s;padding:14px 18px;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:0 0 14px 14px;margin-top:-2px}
.qbundle__perk{display:flex;align-items:center;gap:8px;color:white;font-size:.813rem;font-weight:600;padding:5px 0}
.qbundle__freq{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(255,255,255,.15);color:white;font-size:.75rem;font-weight:700;margin-top:10px;appearance:none;cursor:pointer}
.qbundle__freq option{color:var(--dark);background:white}

.qbundle__or{text-align:center;margin:14px 0;position:relative}
.qbundle__or::before,.qbundle__or::after{content:'';position:absolute;top:50%;height:1px;background:var(--gray-200)}
.qbundle__or::before{left:0;right:calc(50% + 20px)}
.qbundle__or::after{left:calc(50% + 20px);right:0}
.qbundle__or span{background:white;padding:0 12px;font-size:.75rem;font-weight:700;color:var(--gray-400);letter-spacing:1px;position:relative}

/* Amount Buttons */
.qprod__amounts{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.qamt-btn{flex:1;min-width:70px;padding:10px 6px;text-align:center;font-size:.875rem;font-weight:700;border:2px solid var(--gray-200);border-radius:10px;background:white;color:var(--dark);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}
.qamt-btn:hover{border-color:var(--emerald-500);background:#ecfdf5;transform:scale(1.05)}
.qamt-btn.active{border-color:var(--emerald-600);background:#ecfdf5;color:var(--emerald-800);box-shadow:0 4px 12px rgba(16,185,129,.2);transform:scale(1.05)}

/* Qty / Subtotal */
.qprod__qty{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-bottom:14px;color:var(--dark-600)}
.qprod__stock{display:flex;align-items:center;gap:6px;font-size:.813rem;font-weight:600;color:var(--emerald-600)}
.qprod__stock span{width:8px;height:8px;border-radius:50%;background:#10b981;display:inline-block;animation:stock-pulse 2s infinite}
@keyframes stock-pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* Add to Cart */
.qprod__cart-btn{
  width:100%;padding:16px;border:none;border-radius:12px;
  background:var(--dark);color:white;font-size:1rem;font-weight:800;
  cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);
  position:relative;overflow:hidden;letter-spacing:.3px;
}
.qprod__cart-btn:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.2)}
.qprod__cart-btn::after{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  animation:cart-btn-shine 3s infinite;
}
@keyframes cart-btn-shine{0%,100%{left:-100%}50%{left:150%}}

/* Social / Payments / Trust */
.qprod__social{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:.813rem;color:var(--gray-500)}
.qprod__av-stack{display:flex}
.qprod__pays{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;flex-wrap:wrap}
.qprod__pay{width:44px;height:28px;border:1px solid var(--gray-200);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:var(--gray-400)}
.qprod__trust{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-100)}
.qprod__trust div{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--gray-500)}

/* ═══ REVIEWS SECTION ═══ */
.qreviews{padding:48px 0;background:#fafafa}
.qreviews__title{text-align:center;font-size:1.75rem;font-weight:900;margin-bottom:16px}
.qreviews__avatars{display:flex;justify-content:center;margin-bottom:24px}
.qreviews__av{width:40px;height:40px;border-radius:50%;border:3px solid white;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:white;margin-left:-8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s;cursor:pointer}
.qreviews__av:first-child{margin-left:0}
.qreviews__av:hover{transform:scale(1.15) translateY(-4px)}
.qreviews__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.qreview-card{background:white;border-radius:16px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:all .3s}
.qreview-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}
.qreview-card__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.qreview-card__av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:800}
.qreview-card__name{font-size:.875rem;font-weight:700}
.qreview-card__loc{font-size:.75rem;color:var(--gray-400)}
.qreview-card p{font-size:.875rem;color:var(--gray-600);line-height:1.6;font-style:italic}
.qreviews__new{text-align:center;margin-top:20px;font-size:.813rem;color:var(--emerald-600);font-weight:700}

/* ═══ POPULAR ADD-ONS ═══ */
.qaddons{padding:48px 0}
.qaddons h2{font-size:1.5rem;font-weight:900;margin-bottom:24px}
.qaddons__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.qaddon{display:block;text-decoration:none;color:var(--dark);border-radius:16px;border:1px solid var(--gray-200);overflow:hidden;transition:all .3s}
.qaddon:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1);border-color:var(--emerald-200)}
.qaddon__img{height:140px;overflow:hidden}
.qaddon h4{font-size:.875rem;font-weight:700;padding:12px 14px 4px}
.qaddon__price{padding:0 14px 14px;font-size:.813rem}
.qaddon__price s{color:var(--gray-400);margin-left:6px}

/* ═══ FAQ ═══ */
.qfaq-sec{padding:48px 0;background:#fafafa}
.qfaq-item{border:1px solid var(--gray-200);border-radius:12px;margin-bottom:10px;overflow:hidden;background:white;transition:box-shadow .3s}
.qfaq-item[open]{box-shadow:0 4px 16px rgba(0,0,0,.06)}
.qfaq-item summary{padding:16px 20px;font-size:.938rem;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
.qfaq-item summary::after{content:'+';font-size:1.25rem;font-weight:300;color:var(--gray-400);transition:transform .3s}
.qfaq-item[open] summary::after{content:'−'}
.qfaq-item summary::-webkit-details-marker{display:none}
.qfaq-item__a{padding:0 20px 16px;font-size:.875rem;color:var(--gray-600);line-height:1.7}

/* Responsive single page */
@media(max-width:1024px){
  .qprod__grid{grid-template-columns:1fr}
  .qprod__gallery{position:relative;top:auto}
}
@media(max-width:640px){
  .qprod__features{grid-template-columns:1fr}
}

/* ══════════════════════════════════════
   FONT SYSTEM — Plus Jakarta Sans + Inter
   ══════════════════════════════════════ */
body,html{font-family:'Inter','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif}
h1,h2,h3,h4,h5,h6,.qquick__title,.qsepet__header h1,.qodeme__header h1{font-family:'Plus Jakarta Sans','Inter',sans-serif;letter-spacing:-.02em}

/* ══════════════════════════════════════
   CRISIS TICKER — Always visible
   ══════════════════════════════════════ */

/* ══════════════════════════════════════
   QUICK WIDGET — Rounded Amount Buttons
   ══════════════════════════════════════ */
.qquick__amt{border-radius:50px !important;padding:12px 20px !important;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1) !important}
.qquick__amt.active{transform:scale(1.08);box-shadow:0 6px 20px rgba(16,185,129,.35) !important}
.qquick__amt:hover{transform:translateY(-2px)}
.qquick__freq-btn{border-radius:50px !important}

/* Cross-sell Suggestion */
.qquick__suggest{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(99,102,241,.08));border-radius:14px;margin-bottom:16px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s}
.qquick__suggest:hover{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(99,102,241,.15));transform:scale(1.02)}
.qquick__suggest small{display:inline-block;background:#10b981;color:#fff;padding:2px 8px;border-radius:50px;font-size:.65rem;font-weight:700;margin-left:4px}
.qquick__suggest-pulse{width:8px;height:8px;border-radius:50%;background:#10b981;animation:qSuggestPulse 2s ease infinite;flex-shrink:0}
@keyframes qSuggestPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
.qquick__suggest span{font-size:.85rem;font-weight:500;color:#334155;transition:opacity .3s}

/* Submit Button — Clean (base styles handle shine) */

/* ══════════════════════════════════════
   CART PAGE — Full Dynamic Design
   ══════════════════════════════════════ */
.qsepet__header{display:flex;align-items:center;justify-content:space-between;margin:28px 0 36px}
.qsepet__header h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#064e3b,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.qsepet__header-badge{background:linear-gradient(135deg,#10b981,#059669);color:white;padding:6px 18px;border-radius:50px;font-size:.9rem;font-weight:700;animation:qBadgePulse 3s ease infinite}
@keyframes qBadgePulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 10px rgba(16,185,129,0)}}
.qsepet__grid{display:grid;grid-template-columns:1fr 400px;gap:36px;align-items:start}
.qsepet__item{background:#fff;border-radius:20px;border:1px solid #f1f5f9;overflow:hidden;margin-bottom:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}
.qsepet__item:hover{box-shadow:0 12px 40px rgba(0,0,0,.08);transform:translateY(-2px)}
.qsepet__item-strip{width:5px;position:absolute;left:0;top:0;bottom:0;border-radius:20px 0 0 20px}
.qsepet__item-body{display:flex;align-items:center;gap:16px;padding:20px 20px 20px 28px}
.qsepet__item-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qsepet__item-info{flex:1;min-width:0}
.qsepet__item-info h3{font-size:1rem;font-weight:700;margin:0 0 6px;color:#0f172a}
.qsepet__item-tags{display:flex;gap:6px;flex-wrap:wrap}
.qsepet__tag{font-size:.72rem;padding:3px 10px;border-radius:50px;font-weight:600}
.qsepet__tag--freq{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}
.qsepet__item-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.qsepet__qty{display:flex;align-items:center;gap:4px;background:#f8fafc;border-radius:12px;padding:4px}
.qsepet__qty-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#475569;transition:all .2s}
.qsepet__qty-btn:hover{background:#e2e8f0;color:#0f172a}
.qsepet__qty-val{width:28px;text-align:center;font-weight:700;font-size:.95rem}
.qsepet__price{text-align:right;min-width:90px}
.qsepet__price strong{display:block;font-size:1.15rem;font-weight:800;color:#0f172a}
.qsepet__price small{font-size:.78rem;color:#94a3b8}
.qsepet__remove{width:36px;height:36px;border:none;background:transparent;cursor:pointer;color:#cbd5e1;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .25s}
.qsepet__remove:hover{background:#fef2f2;color:#ef4444;transform:rotate(90deg)}

/* Summary */
.qsepet__summary-inner{background:#fff;border-radius:24px;padding:32px;border:1px solid #f1f5f9;position:sticky;top:100px;box-shadow:0 4px 30px rgba(0,0,0,.04)}
.qsepet__summary-inner h3{font-size:1.3rem;font-weight:800;margin:0 0 24px;color:#0f172a}
.qsepet__srow{display:flex;justify-content:space-between;padding:10px 0;font-size:.95rem;color:#475569}
.qsepet__srow--total{border-top:2px solid #f1f5f9;margin-top:12px;padding-top:18px;font-size:1.2rem;color:#0f172a}
.qsepet__checkout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px;background:transparent;color:white;border:none;border-radius:16px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s;text-decoration:none;margin-top:20px;position:relative;overflow:hidden}
.qsepet__checkout-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(16,185,129,.35)}
.qsepet__checkout-btn{background:linear-gradient(137.48deg, #10b981 0%, #34d399 15%, #06b6d4 30%, #a78bfa 45%, #fbbf24 60%, #10b981 75%, #34d399 90%, #06b6d4 100%)!important;background-size:300% 300%!important;animation:qGradBg 5s ease infinite!important;border:none!important}.qsepet__checkout-btn::before,.qsepet__checkout-btn::after{content:none!important}
.qsepet__trust{margin-top:24px;padding:20px;background:#f0fdf4;border-radius:16px}
.qsepet__trust-item{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.85rem;color:#166534;font-weight:500}
.qsepet__social{display:flex;align-items:center;gap:10px;margin-top:20px;padding:14px;background:#fef3c7;border-radius:14px;font-size:.82rem;color:#92400e}
.qsepet__social-pulse{width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:qSuggestPulse 2s ease infinite;flex-shrink:0}
.qsepet__empty{text-align:center;padding:100px 20px}
.qsepet__empty-icon{margin-bottom:24px;animation:qEmptyFloat 4s ease-in-out infinite}
@keyframes qEmptyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
.qsepet__empty h2{font-size:1.8rem;font-weight:800;margin:0 0 12px;color:#334155}
.qsepet__empty p{color:#94a3b8;font-size:1.05rem;margin-bottom:28px}

/* ══════════════════════════════════════
   CHECKOUT PAGE — Beautiful Design
   ══════════════════════════════════════ */
.qodeme__header{display:flex;align-items:center;justify-content:space-between;margin:28px 0 24px;flex-wrap:wrap;gap:20px}
.qodeme__header-left h1{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#064e3b,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}
.qodeme__header-left p{color:#64748b;margin:8px 0 0;font-size:.95rem}
.qodeme__header-badges{display:flex;gap:10px}
.qodeme__badge{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #f1f5f9;border-radius:14px;font-size:.8rem;font-weight:700;color:#334155;box-shadow:0 2px 10px rgba(0,0,0,.04)}

/* Progress Steps */
.qodeme__steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:36px;padding:20px;background:#fff;border-radius:20px;border:1px solid #f1f5f9}
.qodeme__step{display:flex;align-items:center;gap:8px}
.qodeme__step-circle{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;transition:all .3s}
.qodeme__step span{font-size:.85rem;font-weight:600;color:#94a3b8}
.qodeme__step--done .qodeme__step-circle{background:#10b981;color:white}
.qodeme__step--done span{color:#10b981}
.qodeme__step--active .qodeme__step-circle{background:linear-gradient(135deg,#064e3b,#10b981);color:white;box-shadow:0 4px 15px rgba(16,185,129,.4);animation:qStepPulse 2s ease infinite}
@keyframes qStepPulse{0%,100%{box-shadow:0 4px 15px rgba(16,185,129,.4)}50%{box-shadow:0 4px 25px rgba(16,185,129,.6)}}
.qodeme__step--active span{color:#064e3b;font-weight:700}
.qodeme__step-line{width:60px;height:3px;background:#e2e8f0;border-radius:3px;margin:0 12px}
.qodeme__step-line--done{background:linear-gradient(90deg,#10b981,#059669)}

/* Checkout Grid */
.qodeme__grid{display:grid;grid-template-columns:1fr 380px;gap:36px;align-items:start}
.qodeme__form{background:#fff;border-radius:24px;padding:36px;border:1px solid #f1f5f9;box-shadow:0 4px 30px rgba(0,0,0,.04)}

/* Sidebar */
.qodeme__sidebar-inner{background:#fff;border-radius:24px;padding:28px;border:1px solid #f1f5f9;position:sticky;top:100px;box-shadow:0 4px 30px rgba(0,0,0,.04)}
.qodeme__sidebar-inner h3{font-size:1.2rem;font-weight:800;margin:0 0 20px;color:#0f172a}
.qodeme__item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f8fafc}
.qodeme__item-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qodeme__item-info{flex:1}
.qodeme__item-info strong{display:block;font-size:.9rem;color:#0f172a}
.qodeme__item-info small{font-size:.78rem;color:#94a3b8}
.qodeme__item-price{font-weight:800;color:#0f172a;font-size:1rem}
.qodeme__divider{height:2px;background:#f1f5f9;margin:16px 0;border-radius:2px}
.qodeme__total{display:flex;justify-content:space-between;padding:16px 0;font-size:1.15rem}
.qodeme__total span{color:#475569;font-weight:600}
.qodeme__total strong{color:#064e3b;font-weight:800;font-size:1.3rem}
.qodeme__trust-box{margin-top:20px;padding:16px;background:#f0fdf4;border-radius:14px}
.qodeme__trust-row{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:.82rem;color:#166534;font-weight:500}
.qodeme__methods{display:flex;gap:6px;margin-top:16px;flex-wrap:wrap}
.qodeme__method{padding:6px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.72rem;font-weight:700;color:#475569}
.qodeme__social{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background:#fef3c7;border-radius:12px;font-size:.8rem;color:#92400e}
.qodeme__social-pulse{width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:qSuggestPulse 2s ease infinite;flex-shrink:0}

/* ══════════════════════════════════════
   WC CHECKOUT FORM OVERRIDES — Beautiful
   ══════════════════════════════════════ */
.qcheckout-wrap .woocommerce-form-row,.qcheckout-wrap .form-row{margin-bottom:18px}
.qcheckout-wrap input[type="text"],.qcheckout-wrap input[type="email"],.qcheckout-wrap input[type="tel"],.qcheckout-wrap input[type="password"],.qcheckout-wrap select,.qcheckout-wrap textarea{width:100%;padding:15px 18px;border:2px solid #e2e8f0;border-radius:14px;font-size:.95rem;font-family:'Inter','Plus Jakarta Sans',sans-serif;transition:all .3s;background:#fafbfc}
.qcheckout-wrap input:focus,.qcheckout-wrap select:focus,.qcheckout-wrap textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 4px rgba(16,185,129,.1);background:#fff}
.qcheckout-wrap label{display:block;font-weight:600;margin-bottom:8px;font-size:.88rem;color:#334155}
.qcheckout-wrap .woocommerce-checkout-review-order-table{width:100%;border-collapse:collapse;margin-bottom:24px;border-radius:16px;overflow:hidden}
.qcheckout-wrap .woocommerce-checkout-review-order-table th,.qcheckout-wrap .woocommerce-checkout-review-order-table td{padding:14px 18px;border-bottom:1px solid #f1f5f9;text-align:left;font-size:.9rem}
.qcheckout-wrap .woocommerce-checkout-review-order-table .order-total td{font-size:1.2rem;font-weight:800;color:#064e3b}
.qcheckout-wrap #place_order{width:100%;padding:20px;background:linear-gradient(135deg,#064e3b,#10b981)!important;color:white;border:none;border-radius:16px;font-size:1.15rem;font-weight:800;cursor:pointer;transition:all .3s;font-family:'Plus Jakarta Sans','Inter',sans-serif;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(16,185,129,.3)}
.qcheckout-wrap #place_order:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(16,185,129,.4)}
.qcheckout-wrap #place_order::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btnShine 4s ease-in-out infinite}
.qcheckout-wrap .woocommerce-NoticeGroup .woocommerce-error,.woocommerce-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:14px;padding:16px 20px;list-style:none;margin-bottom:20px}
.qcheckout-wrap .woocommerce-NoticeGroup .woocommerce-message,.woocommerce-message{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;border-radius:14px;padding:16px 20px;margin-bottom:20px}
.woocommerce-info{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd;border-radius:14px;padding:16px 20px;margin-bottom:20px}

/* Stripe Elements Beautiful */
.qcheckout-wrap .wc-stripe-elements-field,.qcheckout-wrap #stripe-card-element,.qcheckout-wrap .StripeElement,.wc-stripe-elements-field,.StripeElement{padding:15px 18px !important;border:2px solid #e2e8f0 !important;border-radius:14px !important;background:#fafbfc !important;transition:all .3s !important}
.qcheckout-wrap .StripeElement--focus,.StripeElement--focus{border-color:#10b981 !important;box-shadow:0 0 0 4px rgba(16,185,129,.1) !important;background:#fff !important}

/* WC My Account Beautiful */
/* old qaccount-wrap removed — styles in page-hesabim.php */

/* ══════════════════════════════════════
   RESPONSIVE — Mobile & Tablet
   ══════════════════════════════════════ */
@media(max-width:1024px){
    .qsepet__grid,.qodeme__grid{grid-template-columns:1fr}
    .qsepet__summary-inner,.qodeme__sidebar-inner{position:static}
    .qodeme__form{padding:24px}
}
@media(max-width:768px){
    .qsepet__header{flex-direction:column;align-items:flex-start;gap:12px}
    .qsepet__header h1,.qodeme__header-left h1{font-size:1.6rem}
    .qsepet__item-body{flex-wrap:wrap;gap:12px;padding:16px 16px 16px 22px}
    .qsepet__item-actions{width:100%;justify-content:space-between}
    .qsepet__price{min-width:auto}
    .qodeme__header{flex-direction:column;align-items:flex-start}
    .qodeme__steps{padding:14px;gap:0}
    .qodeme__step span{display:none}
    .qodeme__step-line{width:30px;margin:0 6px}
    .qodeme__sidebar-inner{padding:20px}
    .qodeme__form{padding:16px}
    .qquick__amt{padding:10px 14px !important;font-size:.85rem}
}
@media(max-width:480px){
    .qsepet__item-icon{width:40px;height:40px;border-radius:12px}
    .qsepet__qty-btn{width:28px;height:28px}
    .qodeme__badge{padding:8px 10px;font-size:.72rem}
    .qodeme__badge svg{width:16px;height:16px}
}

/* ═══ BIGGER IMPACT MODAL ═══ */
#qbim-container{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}
.qbim-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10001;opacity:0;transition:opacity .3s}
.qbim-modal{position:relative;z-index:10002;background:#fff;border-radius:28px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:32px;box-shadow:0 25px 60px rgba(0,0,0,.2);opacity:0;transform:translateY(20px) scale(.95);transition:all .4s cubic-bezier(.4,0,.2,1)}
.qbim-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#f1f5f9;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.qbim-close:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}
.qbim-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.4rem;font-weight:800;color:#064e3b;margin:0 0 12px;text-align:center}
.qbim-added{text-align:center;padding:12px 20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:14px;margin-bottom:20px;font-size:.95rem;color:#065f46;display:flex;align-items:center;justify-content:center;gap:8px}
.qbim-added-icon{font-size:1.3rem;animation:q-bim-bounce .6s ease}
.qbim-added-count{opacity:.7;font-size:.85rem}
.qbim-sub{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 16px;text-align:center}
.qbim-item{display:flex;align-items:center;gap:14px;padding:14px;background:#fafbfc;border-radius:16px;margin-bottom:10px;border:2px solid transparent;transition:all .3s;animation:q-bim-slidein .5s ease backwards}
.qbim-item:nth-child(4){animation-delay:.1s}.qbim-item:nth-child(5){animation-delay:.2s}.qbim-item:nth-child(6){animation-delay:.3s}
.qbim-item:hover{border-color:#10b981;background:#f0fdf4;transform:translateX(4px)}
.qbim-item-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}
.qbim-item-info{flex:1}.qbim-item-info strong{display:block;font-size:.95rem;color:#1e293b;margin-bottom:2px}.qbim-item-info span{font-size:.85rem;color:#64748b;font-weight:600}
.qbim-add-btn{padding:8px 18px;background:#10b981;color:#fff;border:none;border-radius:50px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .3s;white-space:nowrap;min-width:80px}
.qbim-add-btn:hover{background:#059669;transform:scale(1.05)}.qbim-add-btn:disabled{cursor:default;transform:none}
.qbim-monthly{padding:16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:16px;margin:16px 0;text-align:center}
.qbim-monthly p{font-size:.9rem;font-weight:600;color:#1e40af;margin:0 0 12px}
.qbim-monthly-amounts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.qbim-monthly-amt{padding:10px 20px;background:#fff;border:2px solid #93c5fd;border-radius:50px;font-size:.9rem;font-weight:700;color:#2563eb;cursor:pointer;transition:all .2s}
.qbim-monthly-amt:hover,.qbim-monthly-amt.active{background:#2563eb;color:#fff;border-color:#2563eb}
.qbim-total{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border-radius:14px;margin:16px 0 0;font-size:1rem;font-weight:700;color:#1e293b;position:sticky;bottom:72px;z-index:2}
.qbim-total strong{font-size:1.3rem;color:#064e3b}
.qbim-actions{display:flex;flex-direction:column;gap:10px;position:sticky;bottom:0;z-index:2;background:#fff;padding-top:12px;padding-bottom:8px}
.qbim-checkout{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:linear-gradient(135deg,#064e3b,#10b981);color:#fff;border-radius:16px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px rgba(16,185,129,.3)}
.qbim-checkout:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.4)}
.qbim-continue{padding:12px;background:transparent;border:2px solid #e2e8f0;border-radius:12px;font-size:.9rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}
.qbim-continue:hover{border-color:#10b981;color:#10b981}
@keyframes q-bim-bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}100%{transform:scale(1)}}
@keyframes q-bim-slidein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){.qbim-modal{padding:20px;max-width:100%;border-radius:20px 20px 0 0;align-self:flex-end}.qbim-title{font-size:1.15rem}.qbim-item{padding:10px}}

/* ═══ Spinner CSS ═══ */
.qquick__spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:q-spin .6s linear infinite}
@keyframes q-spin{to{transform:rotate(360deg)}}

/* ═══ Fix Quick Widget Button ═══ */

/* ═══ Hesabım — styles moved to inline in page-hesabim.php ═══ */

/* ══════════════════════════════════════
   HOMEPAGE v14 — Enhanced Sections
   ══════════════════════════════════════ */

/* ── Avatar Circles (10K Donors Header) ── */
.qav-circle{
    width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-size:1rem;font-weight:800;color:#fff;border:3px solid #fff;
    box-shadow:0 4px 12px rgba(0,0,0,.12);position:relative;
    animation:qAvBounce 3s ease-in-out infinite;
}
.qav-circle:nth-child(2){animation-delay:.15s}
.qav-circle:nth-child(3){animation-delay:.3s}
.qav-circle:nth-child(4){animation-delay:.45s}
.qav-circle:nth-child(5){animation-delay:.6s}
.qav-circle:nth-child(6){animation-delay:.75s}
.qav-circle:nth-child(7){animation-delay:.9s}
@keyframes qAvBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.08)}}

/* ── Trust Badges ── */
.qtrust-badge{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 20px;background:#fff;border:1px solid #e5e7eb;
    border-radius:50px;font-size:.875rem;font-weight:600;color:#065f46;
    box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s;
}
.qtrust-badge:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(16,185,129,.15);border-color:#bbf7d0}

/* ── Review Scroll Marquee ── */
.qrev-scroll{
    width:100%;overflow:hidden;padding:20px 0;position:relative;
}
.qrev-scroll::before,.qrev-scroll::after{
    content:'';position:absolute;top:0;bottom:0;width:80px;z-index:5;pointer-events:none;
}
.qrev-scroll::before{left:0;background:linear-gradient(90deg,#f0fdf4 0%,transparent 100%)}
.qrev-scroll::after{right:0;background:linear-gradient(270deg,#f0fdf4 0%,transparent 100%)}
.qrev-track{
    display:flex;gap:24px;width:max-content;
    animation:qRevScroll 120s linear infinite;
}
.qrev-track--reverse{animation:qRevScrollR 110s linear infinite}
.qrev-track:hover{animation-play-state:paused}
@keyframes qRevScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes qRevScrollR{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* ── Review Cards (inside scroll) ── */
.qrev-card{
    flex-shrink:0;width:340px;background:#fff;border-radius:20px;
    padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.06);
    border:1px solid #f1f5f9;transition:all .3s;position:relative;overflow:hidden;
}
.qrev-card::before{
    content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;
    background:radial-gradient(circle,rgba(16,185,129,.06) 0%,transparent 70%);
    transition:opacity .3s;opacity:0;
}
.qrev-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,.1)}
.qrev-card:hover::before{opacity:1}
.qrev-card__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.qrev-card__av{
    width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-size:1.1rem;font-weight:800;color:#fff;flex-shrink:0;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
}
.qrev-card__info{flex:1;min-width:0}
.qrev-card__name{font-size:.9rem;font-weight:700;color:var(--dark)}
.qrev-card__tag{font-size:.72rem;color:#64748b;margin-top:2px;display:flex;align-items:center;gap:4px}
.qrev-card__tag svg{color:#10b981}
.qrev-card__stars{display:flex;gap:1px;margin-bottom:10px}
.qrev-card__text{font-size:.85rem;color:#475569;line-height:1.65;font-style:italic;position:relative;z-index:1}
.qrev-card__date{font-size:.72rem;color:#94a3b8;margin-top:10px;display:flex;align-items:center;gap:4px}

/* ── Project Cards (qpc) — synced with /projeler/ page ── */
.qpg{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:28px}

.qpc{background:#fff;border-radius:22px;overflow:hidden;position:relative;
    border:1px solid rgba(0,0,0,.06);cursor:pointer;
    opacity:0;transform:translateY(40px);
    transition:all .55s cubic-bezier(.175,.885,.32,1.275)}
.qpc.qpc-vis{opacity:1;transform:translateY(0)}
.qpc:hover{transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.08),0 8px 20px rgba(0,0,0,.04);border-color:transparent}

/* Hover border glow */
.qpc::before{content:'';position:absolute;inset:-1px;border-radius:22px;z-index:0;opacity:0;transition:opacity .4s;
    background:conic-gradient(from var(--ca,0deg),var(--cc),transparent 40%,var(--cc2),transparent 70%,var(--cc))}
.qpc:hover::before{opacity:.7}

/* Card Header */
.qpc-hdr{height:200px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1;
    background:linear-gradient(135deg,var(--cc),var(--cc2))}
.qpc-hdr::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
    background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(255,255,255,.02) 4px,rgba(255,255,255,.02) 5px)}
.qpc-hdr::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;z-index:3;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);
    animation:qpcBeam 6s ease-in-out infinite}
@keyframes qpcBeam{0%,100%{left:-50%}50%{left:100%}}

/* Icon */
.qpc-ico{width:80px;height:80px;position:relative;z-index:4;filter:drop-shadow(0 6px 16px rgba(0,0,0,.2));transition:transform .5s cubic-bezier(.68,-.55,.265,1.55)}
.qpc:hover .qpc-ico{transform:scale(1.15) rotate(6deg)}

/* Badges — Neon Pulse */
.qpc-bdg{position:absolute;top:14px;right:14px;z-index:10;padding:5px 15px;border-radius:20px;
    font-size:.58rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#fff;
    backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15)}

/* ACİL — Red neon pulse */
.qpc-bdg-3{background:rgba(239,68,68,.88);
    box-shadow:0 0 10px rgba(239,68,68,.5),0 0 20px rgba(239,68,68,.2),inset 0 0 8px rgba(255,255,255,.1)}
.qpc-bdg-3::before,.qpc-bdg-3::after{content:'';position:absolute;inset:-3px;border-radius:22px;
    border:1.5px solid rgba(239,68,68,.6);opacity:0;animation:qpcNP 2s ease-out infinite}
.qpc-bdg-3::after{animation-delay:1s}
@keyframes qpcNP{0%{inset:-3px;opacity:.8}100%{inset:-15px;opacity:0}}
.qpc-bdg-3{animation:qpcGlitch 5s ease infinite}
@keyframes qpcGlitch{0%,92%,94%,96%,98%,100%{transform:none;text-shadow:none}
    93%{transform:translate(-2px,1px);text-shadow:2px 0 #ff6b6b,-2px 0 #fca5a5}
    95%{transform:translate(1px,-1px);text-shadow:-1px 0 #ff6b6b,1px 0 #fca5a5}
    97%{transform:translate(2px,0);text-shadow:1px 0 #ff6b6b}}

/* ÖNCELİK — Amber shimmer */
.qpc-bdg-2{background:rgba(245,158,11,.88);
    box-shadow:0 0 8px rgba(245,158,11,.35),inset 0 0 6px rgba(255,255,255,.1)}
.qpc-bdg-2::before{content:'';position:absolute;inset:0;border-radius:20px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;
    animation:qpcShBdg 2s ease infinite}
@keyframes qpcShBdg{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* AKTİF — Blue */
.qpc-bdg-1{background:rgba(59,130,246,.82);
    box-shadow:0 0 6px rgba(59,130,246,.25),inset 0 0 4px rgba(255,255,255,.08)}

/* Location */
.qpc-loc{position:absolute;bottom:14px;left:14px;z-index:5;display:flex;align-items:center;gap:5px;
    padding:5px 12px;border-radius:10px;font-size:.6rem;font-weight:600;color:#fff;
    background:rgba(0,0,0,.3);backdrop-filter:blur(10px)}

/* Body */
.qpc-body{padding:22px 24px 18px;position:relative;z-index:1;background:#fff}
.qpc-ttl{font-size:1.06rem;font-weight:800;color:#0f172a;margin:0 0 6px;line-height:1.3}
.qpc-desc{font-size:.78rem;color:#475569;line-height:1.6;margin:0 0 14px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Impact strip */
.qpc-impact{display:flex;align-items:center;gap:6px;margin:0 0 14px;padding:7px 12px;border-radius:10px;
    background:color-mix(in srgb,var(--cc) 6%,transparent);border:1px solid color-mix(in srgb,var(--cc) 10%,transparent)}
.qpc-impact span{font-size:.68rem;font-weight:700;color:var(--cc)}

/* Progress Bar — Energy Beam */
.qpc-prog{margin-bottom:14px}
.qpc-trk{height:10px;background:#f1f5f9;border-radius:12px;overflow:hidden;position:relative;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}
.qpc-fill{height:100%;border-radius:12px;width:0;transition:width 2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;
    background:linear-gradient(90deg,var(--cc),var(--cc2))}
.qpc-fill::before{content:'';position:absolute;top:0;width:50px;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),rgba(255,255,255,.85),rgba(255,255,255,.6),transparent);
    animation:qpcBeamBar 2.2s ease-in-out infinite;filter:blur(1px)}
@keyframes qpcBeamBar{0%{left:-50px;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% + 10px);opacity:0}}
.qpc-fill::after{content:'';position:absolute;right:-2px;top:50%;width:6px;height:6px;border-radius:50%;transform:translateY(-50%);
    background:#fff;box-shadow:0 0 6px 2px var(--cc),0 0 14px 4px var(--cc2);
    animation:qpcSpark 1.5s ease infinite}
@keyframes qpcSpark{0%,100%{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(2);opacity:.5}}

.qpc-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.qpc-raised{font-weight:800;font-size:.92rem}
.qpc-goal{font-size:.66rem;color:#94a3b8;font-weight:600}
.qpc-pct{font-size:.62rem;font-weight:800;padding:3px 10px;border-radius:8px;
    background:color-mix(in srgb,var(--cc) 10%,transparent);color:var(--cc)}

/* Footer */
.qpc-ft{display:flex;gap:12px;padding:14px 24px 18px;align-items:center;border-top:1px solid rgba(0,0,0,.04)}
.qpc-st{display:flex;align-items:center;gap:4px;font-size:.68rem;color:#475569;font-weight:600}

/* Donate Button — Liquid fill */
.qpc-btn{margin-left:auto;position:relative;padding:10px 22px;border-radius:12px;font-size:.72rem;font-weight:800;
    color:#fff;border:none;cursor:pointer;overflow:hidden;white-space:nowrap;
    background:linear-gradient(135deg,var(--cc),var(--cc2));transition:all .4s;z-index:1;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.qpc-btn::before{content:'';position:absolute;bottom:-100%;left:0;width:100%;height:100%;z-index:-1;
    background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.05));
    border-radius:50% 50% 0 0;transition:bottom .45s cubic-bezier(.23,1,.32,1)}
.qpc-btn:hover{color:#fff;text-decoration:none}
.qpc-btn:hover::before{bottom:0;border-radius:0}
.qpc-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px color-mix(in srgb,var(--cc) 35%,transparent)}

/* ── Category Cards Enhanced ── */
.qcat-card{
    display:flex;flex-direction:column;align-items:center;gap:10px;
    padding:24px 16px;background:#fff;border-radius:20px;text-decoration:none;
    border:1px solid #f1f5f9;transition:all .4s cubic-bezier(.4,0,.2,1);
    position:relative;overflow:hidden;
}
.qcat-card::after{
    content:'';position:absolute;bottom:0;left:0;right:0;height:4px;
    background:linear-gradient(90deg,var(--emerald-500),var(--emerald-300));
    transform:scaleX(0);transition:transform .3s;transform-origin:center;
}
.qcat-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.1);border-color:#bbf7d0}
.qcat-card:hover::after{transform:scaleX(1)}

/* ── How it Works Enhanced ── */
.qhow__step{
    position:relative;padding:32px 20px;background:#fff;border-radius:20px;
    border:1px solid #f1f5f9;transition:all .4s cubic-bezier(.4,0,.2,1);
    overflow:hidden;
}
.qhow__step::before{
    content:'';position:absolute;top:0;left:0;right:0;height:4px;
    background:linear-gradient(90deg,var(--step-clr,#10b981),transparent);
    transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.4,0,.2,1);
}
.qhow__step:hover::before{transform:scaleX(1)}
.qhow__step::after{
    content:'';position:absolute;bottom:-60px;right:-60px;width:120px;height:120px;
    border-radius:50%;background:var(--step-clr,#10b981);opacity:0;
    transition:opacity .4s,transform .4s;transform:scale(.5);
}
.qhow__step:hover::after{opacity:.06;transform:scale(1)}
.qhow__step:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(0,0,0,.1)}
.qhow__num{
    width:44px;height:44px;border-radius:50%;color:#fff;font-weight:800;font-size:.95rem;
    display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
    position:relative;z-index:1;transition:transform .3s,box-shadow .3s;
}
.qhow__step:hover .qhow__num{transform:scale(1.15) rotate(-5deg);box-shadow:0 8px 20px rgba(0,0,0,.2)}
.qhow__icon{
    margin:0 auto 12px;color:var(--emerald-600);font-size:2.5rem;
    transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;
}
.qhow__step:hover .qhow__icon{transform:scale(1.2) translateY(-4px)}
.qhow__label{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:6px;position:relative;z-index:1}
.qhow__desc{font-size:.813rem;color:var(--gray-500);line-height:1.6;position:relative;z-index:1}
.qhow__arrow{position:absolute;right:-20px;top:50%;transform:translateY(-50%);z-index:2;animation:qArrowBounce 2s ease-in-out infinite}
@keyframes qArrowBounce{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(6px)}}

/* ── Donation Cards Enhanced ── */
.qdon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.qdon-card__img-wrap{position:relative;width:100%;height:100%;overflow:hidden}
.qdon-card__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s}
.qdon-card:hover .qdon-card__img-wrap img{transform:scale(1.08)}
.qdon-card__overlay{
    position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(16,185,129,.08) 0%,rgba(6,78,59,.15) 60%,rgba(6,78,59,.35) 100%);
    mix-blend-mode:multiply;pointer-events:none;transition:opacity .4s;
}
.qdon-card:hover .qdon-card__overlay{opacity:.7}

/* ── Responsive for v14 sections ── */
@media(max-width:1024px){
    .qpg{grid-template-columns:repeat(2,1fr)}
    .qdon-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
    .qpg{grid-template-columns:1fr;padding:0 14px;gap:20px}
    .qpc-hdr{height:160px}
    .qdon-grid{grid-template-columns:1fr}
    .qrev-card{width:280px}
    .qhow{grid-template-columns:1fr !important}
    .qhow__arrow{display:none}
    .qav-circle{width:38px;height:38px;font-size:.85rem}
}

/* ── Particle Canvas (for project section) ── */
.qparticles{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}

/* ── Bizden Haberler (News) Section ── */
.qnews-sec{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fafc 0%,#fff 50%,#f0fdf4 100%);padding:80px 0}
.qnews-bg-particles{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.qnews-bg-particles span{
    position:absolute;width:6px;height:6px;border-radius:50%;
    background:rgba(16,185,129,.12);animation:qNewsFloat 10s ease-in-out infinite;
}
@keyframes qNewsFloat{
    0%,100%{transform:translateY(0) rotate(0deg);opacity:.2}
    50%{transform:translateY(-30px) rotate(180deg);opacity:.6}
}
.qnews-badge{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);
    border:1px solid #a7f3d0;border-radius:50px;
    font-size:.875rem;font-weight:700;color:#065f46;
    animation:qNewsBadgePulse 3s ease-in-out infinite;
}
@keyframes qNewsBadgePulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.2)}50%{box-shadow:0 0 0 12px rgba(16,185,129,0)}}
.qnews-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:1;
}
.qnews-card{
    background:#fff;border-radius:20px;overflow:hidden;
    border:1px solid #f1f5f9;
    box-shadow:0 4px 20px rgba(0,0,0,.04);
    transition:all .4s cubic-bezier(.4,0,.2,1);
    position:relative;
}
.qnews-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,.1);
    border-color:#d1fae5;
}
.qnews-card__img{
    position:relative;height:180px;overflow:hidden;
    background:linear-gradient(135deg,color-mix(in srgb,var(--card-clr) 8%,white),color-mix(in srgb,var(--card-clr) 18%,white));
    display:flex;align-items:center;justify-content:center;
}
.qnews-card__emoji{
    font-size:4rem;transition:transform .5s cubic-bezier(.4,0,.2,1);
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.1));
}
.qnews-card:hover .qnews-card__emoji{transform:scale(1.2) rotate(-8deg)}
.qnews-card__tag{
    position:absolute;top:14px;left:14px;
    padding:5px 14px;border-radius:50px;
    font-size:.75rem;font-weight:700;color:#fff;
    letter-spacing:.02em;
}
.qnews-card__glow{
    position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);
    width:120px;height:60px;border-radius:50%;
    background:var(--card-clr);opacity:0;filter:blur(30px);
    transition:opacity .4s;
}
.qnews-card:hover .qnews-card__glow{opacity:.2}
.qnews-card__body{padding:20px 22px 24px}
.qnews-card__meta{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.qnews-card__date{
    display:flex;align-items:center;gap:5px;
    font-size:.8rem;color:var(--gray-400);font-weight:500;
}
.qnews-card__title{
    font-size:1.05rem;font-weight:800;color:var(--dark);
    line-height:1.35;margin-bottom:8px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.qnews-card__desc{
    font-size:.85rem;color:var(--gray-500);line-height:1.6;margin-bottom:14px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.qnews-card__link{
    display:inline-flex;align-items:center;gap:6px;
    font-size:.85rem;font-weight:700;text-decoration:none;
    transition:gap .3s,opacity .3s;
}
.qnews-card__link:hover{gap:10px;opacity:.8}
@media(max-width:1024px){.qnews-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.qnews-grid{grid-template-columns:1fr}.qnews-card__img{height:150px}}

/* ── Scroll Reveal Animation (CSS-only, no flash) ── */
[data-anim]{
    opacity:0;transform:translateY(24px);
    transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);
}
[data-anim].q-visible{opacity:1;transform:translateY(0)}
.qparticles span{
    position:absolute;width:6px;height:6px;border-radius:50%;
    background:rgba(16,185,129,.15);animation:qFloat 8s ease-in-out infinite;
}
@keyframes qFloat{
    0%,100%{transform:translateY(0) scale(1);opacity:.3}
    50%{transform:translateY(-40px) scale(1.3);opacity:.7}
}

/* ══════════════════════════════════
   SEARCH OVERLAY
   ══════════════════════════════════ */
.qsearch-overlay{
  position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s;
}
.qsearch-overlay.open{pointer-events:all;opacity:1}
.qsearch-overlay__bg{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}
.qsearch-overlay__panel{
  position:absolute;bottom:0;left:0;right:0;max-height:85vh;
  background:var(--white);border-radius:24px 24px 0 0;
  padding:24px 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));
  transform:translateY(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);
  overflow-y:auto;-webkit-overflow-scrolling:touch;
}
.qsearch-overlay.open .qsearch-overlay__panel{transform:translateY(0)}
.qsearch-overlay__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.qsearch-overlay__header h3{font-size:1.1rem;font-weight:800;color:var(--gray-900)}
.qsearch-overlay__close{
  width:32px;height:32px;border-radius:50%;border:none;background:var(--gray-100);
  font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-500)
}
.qsearch-overlay__input-wrap{
  display:flex;align-items:center;gap:10px;background:var(--gray-50);
  border:2px solid var(--gray-200);border-radius:14px;padding:12px 16px;margin-bottom:20px;
  transition:border-color .2s;
}
.qsearch-overlay__input-wrap:focus-within{border-color:var(--emerald-500)}
.qsearch-overlay__input{
  flex:1;border:none;background:none;font-size:1rem;color:var(--gray-900);outline:none;
}
.qsearch-overlay__cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.qsearch-overlay__cat{
  display:inline-flex;align-items:center;gap:4px;padding:8px 14px;
  background:var(--gray-50);border:1px solid var(--gray-200);border-radius:20px;
  font-size:.8rem;font-weight:600;color:var(--gray-700);text-decoration:none;
  transition:all .2s;
}
.qsearch-overlay__cat:hover{background:var(--emerald-50);border-color:var(--emerald-300);color:var(--emerald-700)}
.qsearch-result{
  display:flex;align-items:center;gap:12px;padding:14px 0;
  border-bottom:1px solid var(--gray-100);text-decoration:none;color:var(--gray-900);
  transition:background .15s;
}
.qsearch-result:hover{background:var(--gray-50);border-radius:12px;padding:14px 12px}
.qsearch-result__emoji{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border-radius:12px}
.qsearch-result div{flex:1}
.qsearch-result strong{display:block;font-size:.9rem}
.qsearch-result small{color:var(--gray-500);font-size:.75rem}
.qsearch-result__arrow{color:var(--emerald-500);font-weight:700;font-size:1.1rem}
.qsearch-empty{text-align:center;padding:32px 0;color:var(--gray-400);font-size:.9rem}
@media(min-width:769px){
  .qsearch-overlay__panel{max-width:560px;left:50%;right:auto;transform:translate(-50%,100%);border-radius:24px 24px 0 0}
  .qsearch-overlay.open .qsearch-overlay__panel{transform:translate(-50%,0)}
}


/* Product Detail CSS → see single-product.css */

/* ═══ ALWAYS-ON SPINNING GLOW — Adapted from user's CSS ═══ */
@keyframes q-glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

/* ── SUBMIT BUTTONS: Full Animated Gradient Background ── */
/* NOT .qpd__submit — that one uses spinning border from single-product.php */
.qpd__csend,
.qk-submit {
    overflow: hidden !important;
    background: linear-gradient(137.48deg, #10b981 0%, #34d399 15%, #06b6d4 30%, #a78bfa 45%, #fbbf24 60%, #10b981 75%, #34d399 90%, #06b6d4 100%) !important;
    background-size: 300% 300% !important;
    animation: qGradBg 5s ease infinite !important;
    border: none !important;
    border-radius: 18px !important;
    position: relative;
    z-index: 0;
    text-shadow: none !important;
    box-shadow: none;
    transition: transform .3s, box-shadow .3s;
    color: #fff !important;
}
.qpd__csend:hover,
.qk-submit:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 25px rgba(16, 185, 129, .4);
}
.qpd__csend:active,
.qk-submit:active {
    transform: scale(0.98);
    box-shadow: none;
}

/* Remove pseudo-elements — NOT for .qpd__submit (it has glass shine) */
.qpd__csend:before, .qpd__csend:after,
.qk-submit:before, .qk-submit:after {
    content: none !important;
    display: none !important;
}

@keyframes qGradBg {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ── Text above ── */
.qpd__csend > *,
.qk-submit > * {
    position: relative;
    z-index: 1;
    text-shadow: none !important;
}




/* ── Amount boxes: theme font consistency ── */
.qpd__amt,.qpd__amt-val,.qpd__amt-cur{font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,sans-serif!important}
.qpd__amt-val{font-size:1.15rem!important;font-weight:800!important;line-height:1.2}
.qpd__amt-cur{font-size:.75rem!important;font-weight:600!important;line-height:1.2}
.qpd__amt--other .qpd__amt-val{font-size:1.05rem!important;font-weight:700!important}

/* ═══════════════════════════════════════
   GLOBAL MOBILE RESPONSIVE FIXES v4.84
   Prevent any horizontal overflow
   ═══════════════════════════════════════ */
@media(max-width:768px){
  /* Global overflow containment */
  html{max-width:100vw!important;width:100%!important}
  body{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}
  main,.site-content,.qodeme,.qsepet{max-width:100vw;overflow-x:hidden}
  .qpd{max-width:100vw}
  img,video,iframe,embed,object,table,pre,code{max-width:100%!important}
  
  /* Hero: FULL WIDTH — no padding, no gaps */
  .qhero-wrap{margin:0;padding:0;width:100%;overflow:hidden}
  .qhero{margin:0;padding:0;width:100%;overflow:hidden}
  .qhero .swiper{width:100%;margin:0;padding:0}
  .qhero__content{padding:0 24px}
  
  /* Product hero sections — padding OK here */
  .qpd__hero{padding-left:16px!important;padding-right:16px!important}
  .qpd .container,.container{padding-left:16px;padding-right:16px;max-width:100%;box-sizing:border-box}
  
  /* ═══ Bottom Nav — perfect alignment ═══ */
  .qbnav{padding:0;gap:0;overflow:visible!important}
  .qbnav a{min-width:0;flex:1 1 0;padding:8px 0;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative}
  .qbnav a span{white-space:nowrap;font-size:.625rem}
  .qbnav__center{margin-top:-20px;position:relative;z-index:860;overflow:visible}
  .qbnav__circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center}
  .qbnav__badge{position:absolute;top:-2px;right:50%;transform:translateX(calc(50% + 12px));min-width:18px;height:18px;font-size:.6rem}
  
  /* Sticky bar fix */
  .qstickybar{max-width:100vw;box-sizing:border-box}
  .qstickybar__state{flex-wrap:nowrap;overflow:hidden}
  .qstickybar__name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .qstickybar__total{white-space:nowrap;flex-shrink:0}
  .qstickybar__btn{white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:.78rem}
  
  /* Announcement/crisis bar */
  .qbar{max-width:100vw;overflow:hidden}
  .qbar__ticker{overflow:hidden;max-width:100%}
  
  /* Forms */
  input,select,textarea{max-width:100%!important;box-sizing:border-box!important}
  
  /* Cards and grids */
  .qpd__impact-grid,.qpd__related-grid,.qpd__stats-grid{max-width:100%;overflow:hidden}
  
  /* Fix marquee on mobile */
  .qpd__marquee{max-width:100vw;overflow:hidden}
  
  /* Payment logos row */
  .qpd__pay-row,.qodeme__cards{flex-wrap:wrap!important;max-width:100%;overflow:hidden}
}



/* ═══ SOCIAL SHARE COMPONENT — Animated SVG Buttons ═══ */
.qshare{max-width:700px;margin:0 auto;padding:40px 24px 50px;text-align:center}
.qshare__label{font-size:.78rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;position:relative;display:inline-block}
.qshare__label::before,.qshare__label::after{content:'';position:absolute;top:50%;width:40px;height:1px;background:linear-gradient(90deg,transparent,#cbd5e1)}
.qshare__label::before{right:calc(100% + 12px)}
.qshare__label::after{left:calc(100% + 12px);background:linear-gradient(90deg,#cbd5e1,transparent)}
.qshare__btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.qshare__btn{position:relative;width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e2e8f0;color:#64748b;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);background:#fff;overflow:visible;cursor:pointer}
.qshare__btn::before{content:'';position:absolute;inset:-2px;border-radius:18px;background:var(--sc);opacity:0;transition:opacity .4s;z-index:-1}
.qshare__btn::after{content:'';position:absolute;inset:0;border-radius:16px;box-shadow:0 0 0 0 var(--sc);opacity:0;transition:box-shadow .5s,opacity .5s}
.qshare__btn:hover{transform:translateY(-6px) scale(1.08);border-color:var(--sc);color:var(--sc);background:#fff}
.qshare__btn:hover::after{box-shadow:0 8px 25px -4px var(--sc);opacity:.25}
.qshare__btn:active{transform:translateY(-2px) scale(1.02)}
.qshare__btn svg{transition:transform .3s}
.qshare__btn:hover svg{transform:scale(1.15)}
.qshare__tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);background:#1e293b;color:#fff;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}
.qshare__tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1e293b}
.qshare__btn:hover .qshare__tip{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:640px){.qshare__btn{width:46px;height:46px;border-radius:14px}.qshare__btns{gap:10px}}