.qd-main{position:relative;z-index:1}
.qd-hero{position:relative;padding:calc(var(--qd-header-h) + 60px) 0 120px;background:linear-gradient(160deg,#2ec4c4 0%,#24b1b1 45%,#1a9b9b 100%);overflow:hidden;isolation:isolate}
.qd-hero__inner{position:relative;z-index:3;text-align:center;max-width:820px;margin:0 auto}
.qd-hero__badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);color:#fff;font-weight:700;font-size:14px;padding:8px 16px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-bottom:20px;border:1px solid rgba(255,255,255,.2)}
.qd-hero__title{color:#fff;font-size:clamp(34px,6vw,60px);font-weight:800;margin-bottom:16px}
.qd-hero__title .qd-hl{color:#fff;position:relative;white-space:nowrap}
.qd-hero__title .qd-hl::after{content:"";position:absolute;left:-4px;right:-4px;bottom:6px;height:12px;background:rgba(255,255,255,.24);border-radius:6px;z-index:-1}
.qd-hero__title .qd-hl2{color:#fff6c9}
.qd-hero__sub{color:rgba(255,255,255,.92);font-size:clamp(16px,2.2vw,19px);line-height:1.5;max-width:560px;margin:0 auto 30px}
.qd-search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 8px 8px 20px;box-shadow:0 20px 50px rgba(10,50,49,.22);max-width:620px;margin:0 auto 34px;position:relative}
.qd-search svg{color:var(--qd-muted);flex:none}
.qd-search input{flex:1;border:0;outline:0;font-family:inherit;font-size:16px;color:var(--qd-ink);background:none;min-width:0;padding:10px 4px}
.qd-search input::placeholder{color:#9aabab}
.qd-search .qd-btn{flex:none;padding:13px 26px}
.qd-cats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.qd-cat{display:flex;flex-direction:column;align-items:center;gap:10px;width:110px}
.qd-cat__disc{width:82px;height:82px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:38px;box-shadow:0 12px 28px rgba(10,50,49,.18);transition:transform .3s cubic-bezier(.2,1.3,.4,1),box-shadow .3s}
.qd-cat:hover .qd-cat__disc{transform:translateY(-8px) scale(1.06) rotate(-4deg);box-shadow:0 20px 36px rgba(10,50,49,.26)}
.qd-cat:active .qd-cat__disc{transform:translateY(-2px) scale(.98)}
.qd-cat__label{color:#fff;font-weight:700;font-size:15px}
.qd-hero__blobs span{position:absolute;border-radius:50%;filter:blur(8px);opacity:.5;z-index:1}
.qd-blob--1{width:280px;height:280px;background:radial-gradient(circle,#5fe0e0,transparent 70%);top:-60px;left:-40px;animation:qd-blob 16s ease-in-out infinite}
.qd-blob--2{width:340px;height:340px;background:radial-gradient(circle,#7ff0d8,transparent 70%);bottom:-120px;right:-60px;animation:qd-blob 20s ease-in-out infinite reverse}
.qd-blob--3{width:200px;height:200px;background:radial-gradient(circle,#a6f7f7,transparent 70%);top:38%;left:58%;animation:qd-blob 18s ease-in-out infinite}
.qd-hero__float{position:absolute;inset:0;z-index:2;pointer-events:none;transition:transform .3s ease-out}
.qd-hero__float .qd-fl{position:absolute;font-size:40px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.14));animation:qd-floatx ease-in-out infinite;will-change:transform}
.qd-fl:nth-child(1){top:15%;left:7%;font-size:44px;animation-duration:7s}
.qd-fl:nth-child(2){top:24%;right:8%;font-size:38px;animation-duration:9s}
.qd-fl:nth-child(3){top:60%;left:11%;font-size:34px;animation-duration:6.5s}
.qd-fl:nth-child(4){top:64%;right:12%;font-size:46px;animation-duration:8s}
.qd-fl:nth-child(5){top:42%;left:3%;font-size:30px;animation-duration:10s}
.qd-fl:nth-child(6){top:11%;right:21%;font-size:30px;animation-duration:7.5s}
.qd-hero__wave{position:absolute;left:0;right:0;bottom:-1px;z-index:2;line-height:0}
.qd-hero__wave svg{width:100%;height:110px;display:block}
.qd-vendors{padding:70px 0 40px}
.qd-sec-head{text-align:center;max-width:640px;margin:0 auto 30px}
.qd-sec-head h2{font-size:clamp(26px,4vw,40px);font-weight:800;margin-bottom:10px}
.qd-sec-head p{color:var(--qd-ink-2);font-size:16px}
.qd-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.qd-chip{background:#fff;border:1px solid var(--qd-line);border-radius:999px;padding:11px 20px;font-weight:700;font-size:14px;color:var(--qd-ink-2);transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s,color .22s,border-color .22s,box-shadow .22s}
.qd-chip:hover{border-color:var(--qd-primary);color:var(--qd-primary-dd);transform:translateY(-2px)}
.qd-chip.is-active{background:var(--qd-primary);border-color:var(--qd-primary);color:#fff;box-shadow:0 8px 18px rgba(36,177,177,.35)}
.qd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.qd-card{position:relative;background:#fff;border-radius:var(--qd-radius-lg);overflow:hidden;box-shadow:var(--qd-shadow);cursor:pointer;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;border:1px solid #eef2f2}
.qd-card:hover{transform:translateY(-8px);box-shadow:var(--qd-shadow-lg)}
.qd-card.is-hidden{display:none}
.qd-card__art{position:relative;height:150px;background:linear-gradient(135deg,var(--c1),var(--c2));display:grid;place-items:center;overflow:hidden}
.qd-card__art::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.35),transparent 55%)}
.qd-card__art::after{content:"";position:absolute;top:-40%;left:-30%;width:70%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);opacity:0}
.qd-card:hover .qd-card__art::after{opacity:1;animation:qd-shine 1s ease}
.qd-card__emoji{font-size:62px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.18));transition:transform .35s cubic-bezier(.2,1.3,.4,1);z-index:1}
.qd-card:hover .qd-card__emoji{transform:scale(1.14) rotate(-6deg)}
.qd-card__badge{position:absolute;top:12px;left:12px;background:#fff;color:var(--qd-primary-dd);font-weight:800;font-size:12px;padding:5px 11px;border-radius:999px;z-index:2;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.qd-card__time{position:absolute;bottom:12px;right:12px;background:rgba(255,255,255,.92);color:var(--qd-ink);font-weight:700;font-size:12px;padding:5px 10px;border-radius:999px;z-index:2}
.qd-card__body{padding:16px 18px 4px;flex:1}
.qd-card__row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.qd-card__name{font-size:17px;font-weight:800;font-family:var(--qd-font)}
.qd-card__rating{background:var(--qd-primary-l);color:var(--qd-primary-dd);font-weight:800;font-size:13px;padding:4px 9px;border-radius:8px;white-space:nowrap}
.qd-card__tag{color:var(--qd-muted);font-size:14px;margin-top:4px}
.qd-card__meta{display:flex;align-items:center;gap:14px;margin-top:12px;font-size:13px;color:var(--qd-ink-2);font-weight:600}
.qd-card__open{color:#2bb673;display:inline-flex;align-items:center;gap:6px}
.qd-card__open::before{content:"";width:7px;height:7px;border-radius:50%;background:#2bb673;box-shadow:0 0 0 3px rgba(43,182,115,.2)}
.qd-card__cta{display:block;margin:12px 18px 18px;text-align:center;background:var(--qd-primary-l);color:var(--qd-primary-dd);font-weight:800;font-size:14px;padding:11px;border-radius:12px;transition:background .2s,color .2s}
.qd-card:hover .qd-card__cta{background:var(--qd-primary);color:#fff}
.qd-grid__empty{text-align:center;color:var(--qd-muted);padding:30px}
.qd-menu__hero{position:relative;height:150px;background:linear-gradient(135deg,var(--c1,#24b1b1),var(--c2,#1a8f8f));display:grid;place-items:center;flex:none}
.qd-menu__hero .e{font-size:70px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}
.qd-menu__close{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);font-size:22px;display:grid;place-items:center;transition:transform .3s}
.qd-menu__close:hover{transform:rotate(90deg)}
.qd-menu__info{padding:18px 22px;border-bottom:1px solid var(--qd-line);flex:none}
.qd-menu__info h3{font-size:22px;font-family:var(--qd-font);font-weight:800}
.qd-menu__metar{display:flex;gap:10px;margin-top:8px;font-size:13px;color:var(--qd-ink-2);font-weight:600;flex-wrap:wrap}
.qd-menu__metar .r{background:var(--qd-primary-l);color:var(--qd-primary-dd);padding:3px 8px;border-radius:7px}
.qd-menu__list{flex:1;overflow-y:auto;padding:6px 22px 22px}
.qd-mi{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--qd-line)}
.qd-mi__txt{flex:1;min-width:0}
.qd-mi__n{font-weight:700;font-size:15px}
.qd-mi__d{color:var(--qd-muted);font-size:13px;margin-top:2px}
.qd-mi__p{font-weight:800;color:var(--qd-primary-dd);font-size:15px;white-space:nowrap}
.qd-mi__add{width:38px;height:38px;border-radius:12px;background:var(--qd-primary);color:#fff;font-size:22px;display:grid;place-items:center;flex:none;transition:transform .2s,background .2s;line-height:1}
.qd-mi__add:hover{background:var(--qd-primary-d);transform:scale(1.1)}
.qd-mi__add:active{transform:scale(.9)}
.qd-cart__body{flex:1;overflow-y:auto;padding:14px 22px}
.qd-cart__empty{text-align:center;color:var(--qd-muted);padding:50px 10px}
.qd-cart__empty .e{font-size:56px;display:block;margin-bottom:14px}
.qd-ci{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--qd-line);animation:qd-rise .3s ease}
.qd-ci__e{width:46px;height:46px;border-radius:12px;background:var(--qd-primary-l);display:grid;place-items:center;font-size:22px;flex:none}
.qd-ci__t{flex:1;min-width:0}
.qd-ci__n{font-weight:700;font-size:14px}
.qd-ci__p{color:var(--qd-muted);font-size:13px}
.qd-qty{display:flex;align-items:center;gap:8px;background:var(--qd-bg);border-radius:999px;padding:4px}
.qd-qty button{width:28px;height:28px;border-radius:50%;background:#fff;font-size:16px;font-weight:700;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:transform .15s,background .15s,color .15s}
.qd-qty button:hover{background:var(--qd-primary);color:#fff}
.qd-qty span{min-width:18px;text-align:center;font-weight:800;font-size:14px}
.qd-cart__foot{flex:none;padding:18px 22px;border-top:1px solid var(--qd-line);box-shadow:0 -8px 20px rgba(18,48,47,.05)}
.qd-cart__line{display:flex;justify-content:space-between;font-size:14px;color:var(--qd-ink-2);padding:3px 0}
.qd-cart__total{display:flex;justify-content:space-between;font-weight:800;font-size:18px;color:var(--qd-ink);padding-top:10px;margin-top:6px;border-top:1px dashed var(--qd-line)}
.qd-cart__foot .qd-btn{width:100%;margin-top:14px;padding:15px}
.qd-how{padding:70px 0}
.qd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}
.qd-step{background:#fff;border-radius:var(--qd-radius-lg);padding:34px 26px;text-align:center;box-shadow:var(--qd-shadow);position:relative;transition:transform .3s}
.qd-step:hover{transform:translateY(-6px)}
.qd-step__num{position:absolute;top:20px;right:24px;font-family:var(--qd-display);font-weight:800;font-size:44px;color:var(--qd-primary-l);line-height:1}
.qd-step__ico{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,var(--qd-primary),var(--qd-primary-d));display:grid;place-items:center;font-size:38px;margin:0 auto 18px;box-shadow:0 12px 24px rgba(36,177,177,.35);animation:qd-float 4s ease-in-out infinite}
.qd-step:nth-child(2) .qd-step__ico{animation-delay:.6s}
.qd-step:nth-child(3) .qd-step__ico{animation-delay:1.2s}
.qd-step h3{font-size:19px;font-family:var(--qd-font);font-weight:800;margin-bottom:8px}
.qd-step p{color:var(--qd-ink-2);font-size:14px;line-height:1.55}
.qd-stats{padding:20px 0 70px}
.qd-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:linear-gradient(135deg,#2ec4c4,#1a9b9b);border-radius:var(--qd-radius-lg);padding:40px 26px;box-shadow:0 24px 50px rgba(36,177,177,.28)}
.qd-stat{text-align:center;color:#fff}
.qd-stat__num{font-family:var(--qd-display);font-weight:800;font-size:clamp(30px,4vw,44px);line-height:1}
.qd-stat__lbl{margin-top:8px;font-size:14px;font-weight:600;color:rgba(255,255,255,.85)}
.qd-marquee{overflow:hidden;border-top:1px solid var(--qd-line);border-bottom:1px solid var(--qd-line);background:#fff}
.qd-marquee__track{display:flex;align-items:center;gap:22px;width:max-content;animation:qd-marquee 28s linear infinite;padding:16px 0}
.qd-marquee__track span{font-family:var(--qd-display);font-weight:700;font-size:20px;color:var(--qd-ink);opacity:.5;white-space:nowrap}
.qd-marquee__dot{color:var(--qd-primary)!important;opacity:1!important}
.qd-marquee:hover .qd-marquee__track{animation-play-state:paused}
.qd-appcta{padding:50px 0 80px}
.qd-appcta__inner{background:var(--qd-ink);border-radius:var(--qd-radius-lg);padding:54px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;overflow:hidden;position:relative}
.qd-appcta__inner::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(36,177,177,.4),transparent 70%);top:-120px;right:-60px}
.qd-appcta__text{position:relative;z-index:2}
.qd-appcta__text h2{color:#fff;font-size:clamp(26px,3.5vw,38px);font-weight:800;margin-bottom:12px}
.qd-appcta__text p{color:#9fb6b5;font-size:16px;line-height:1.6;margin-bottom:24px;max-width:420px}
.qd-appcta__btns{display:flex;gap:12px;flex-wrap:wrap}
.qd-store{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border-radius:14px;padding:10px 20px;transition:transform .2s}
.qd-store:hover{transform:translateY(-3px)}
.qd-store b{font-size:15px;color:var(--qd-ink)}
.qd-store small{font-size:11px;color:var(--qd-muted)}
.qd-phone{position:relative;z-index:2;display:grid;place-items:center}
.qd-phone__scr{width:210px;height:400px;background:linear-gradient(160deg,#2ec4c4,#178a8a);border-radius:34px;border:8px solid #0c2423;box-shadow:0 30px 60px rgba(0,0,0,.35);padding:20px 16px;position:relative;animation:qd-float 5s ease-in-out infinite}
.qd-phone__notch{width:80px;height:18px;background:#0c2423;border-radius:0 0 14px 14px;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.qd-phone__hero{margin-top:20px;background:rgba(255,255,255,.16);border-radius:14px;padding:14px;color:#fff;font-weight:800;font-size:15px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.qd-phone__line{height:12px;background:rgba(255,255,255,.28);border-radius:6px;margin-top:14px}
.qd-phone__line.short{width:60%}
.qd-phone__tile{display:inline-grid;place-items:center;width:52px;height:52px;background:#fff;border-radius:14px;font-size:26px;margin:16px 8px 0 0}
@media(max-width:900px){.qd-grid{grid-template-columns:repeat(2,1fr)}.qd-steps{grid-template-columns:1fr;gap:16px}.qd-stats__grid{grid-template-columns:1fr 1fr;gap:26px}.qd-appcta__inner{grid-template-columns:1fr;padding:40px 28px;text-align:center}.qd-appcta__text p{margin-left:auto;margin-right:auto}.qd-appcta__btns{justify-content:center}.qd-phone{display:none}.qd-hero__float{display:none}}
@media(max-width:560px){.qd-grid{grid-template-columns:1fr}.qd-stats__grid{grid-template-columns:1fr 1fr}.qd-hero{padding-bottom:90px}.qd-search{flex-wrap:wrap;border-radius:22px;padding:14px 14px 14px 18px}.qd-search .qd-btn{width:100%}.qd-cat{width:84px}.qd-cat__disc{width:70px;height:70px;font-size:32px}}