:root{
  --qd-primary:#24b1b1;--qd-primary-d:#1a8f8f;--qd-primary-dd:#12706f;--qd-primary-l:#e7f7f7;--qd-primary-ll:#f2fbfb;
  --qd-bg:#f5f5f5;--qd-white:#fff;--qd-ink:#12302f;--qd-ink-2:#3a5453;--qd-muted:#7c9291;--qd-line:#e6ecec;
  --qd-accent:#ff7a59;--qd-shadow:0 10px 30px rgba(18,48,47,.08);--qd-shadow-lg:0 24px 60px rgba(18,48,47,.16);
  --qd-radius:18px;--qd-radius-lg:28px;--qd-max:1180px;--qd-header-h:74px;
  --qd-font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--qd-display:'Sora',var(--qd-font);
}
*,*::before,*::after{box-sizing:border-box}
body.qd-body{margin:0;font-family:var(--qd-font);color:var(--qd-ink);background:var(--qd-bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.qd-lock{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--qd-display);line-height:1.08;letter-spacing:-.02em}
p{margin:0}
.qd-container{width:100%;max-width:var(--qd-max);margin:0 auto;padding:0 22px}
.qd-hl{color:var(--qd-primary)}
.qd-eyebrow{display:inline-block;font-family:var(--qd-font);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--qd-primary-dd);background:var(--qd-primary-l);padding:6px 14px;border-radius:999px;margin-bottom:14px}
.qd-eyebrow--light{background:rgba(255,255,255,.18);color:#fff}
.qd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;border-radius:999px;padding:12px 22px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background .2s;white-space:nowrap}
.qd-btn--primary{background:var(--qd-primary);color:#fff;box-shadow:0 8px 20px rgba(36,177,177,.35)}
.qd-btn--primary:hover{background:var(--qd-primary-d);transform:translateY(-2px);box-shadow:0 12px 28px rgba(36,177,177,.45)}
.qd-btn--primary:active{transform:translateY(0) scale(.98)}
.qd-btn--ghost{background:var(--qd-primary-l);color:var(--qd-primary-dd)}
.qd-btn--ghost:hover{background:#d7f0f0;transform:translateY(-2px)}
.qd-preloader{position:fixed;inset:0;z-index:2000;background:var(--qd-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:opacity .5s,visibility .5s}
.qd-preloader.is-hidden{opacity:0;visibility:hidden}
.qd-preloader__logo{transform:scale(1.25);animation:qd-pop .6s cubic-bezier(.2,1.4,.4,1)}
.qd-preloader .qd-logo__text{color:#fff}
.qd-preloader .qd-logo__text span{color:#c4f4f4}
.qd-preloader .qd-logo__mark{background:#fff}
.qd-preloader .qd-logo__pin{background:var(--qd-primary)}
.qd-preloader__bar{width:170px;height:5px;border-radius:999px;background:rgba(255,255,255,.3);overflow:hidden}
.qd-preloader__bar span{display:block;height:100%;width:40%;background:#fff;border-radius:999px;animation:qd-load 1s ease-in-out infinite}
.qd-logo{display:inline-flex;align-items:center;gap:10px}
.qd-logo__mark{width:34px;height:34px;border-radius:11px;background:var(--qd-primary);display:grid;place-items:center;position:relative;box-shadow:0 6px 14px rgba(36,177,177,.4);transition:transform .3s}
.qd-logo:hover .qd-logo__mark{transform:rotate(-8deg) scale(1.06)}
.qd-logo__pin{width:12px;height:12px;background:#fff;border-radius:50% 50% 50% 0;transform:rotate(45deg)}
.qd-logo__text{font-family:var(--qd-display);font-weight:800;font-size:21px;color:var(--qd-ink);letter-spacing:-.02em}
.qd-logo__text span{color:var(--qd-primary)}
.qd-logo--light .qd-logo__text{color:#fff}
.qd-logo--light .qd-logo__text span{color:#7fe3e3}
.qd-header{position:fixed;top:0;left:0;right:0;z-index:900;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s,transform .35s}
.qd-header.is-scrolled{box-shadow:0 6px 24px rgba(18,48,47,.08);border-color:var(--qd-line)}
.qd-header.is-hidden{transform:translateY(-100%)}
.qd-header__inner{height:var(--qd-header-h);display:flex;align-items:center;gap:16px}
.qd-locpill{display:inline-flex;align-items:center;gap:8px;background:var(--qd-bg);border:1px solid var(--qd-line);border-radius:999px;padding:9px 14px;font-weight:600;font-size:14px;transition:border-color .2s,background .2s}
.qd-locpill:hover{border-color:var(--qd-primary);background:var(--qd-primary-ll)}
.qd-locpill__ico{color:var(--qd-primary);flex:none}
.qd-locpill__text{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qd-locpill__chev{transition:transform .3s;color:var(--qd-muted)}
.qd-locpill.is-open .qd-locpill__chev{transform:rotate(180deg)}
.qd-nav{display:flex;gap:26px;margin-left:8px}
.qd-nav a{font-weight:600;font-size:15px;color:var(--qd-ink-2);position:relative;padding:4px 0;transition:color .2s}
.qd-nav a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--qd-primary);border-radius:2px;transition:width .25s}
.qd-nav a:hover{color:var(--qd-primary-dd)}
.qd-nav a:hover::after{width:100%}
.qd-header__actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.qd-burger{display:none;width:44px;height:44px;border-radius:12px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--qd-bg)}
.qd-burger span{width:20px;height:2px;background:var(--qd-ink);border-radius:2px;transition:transform .3s,opacity .3s}
.qd-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.qd-burger.is-open span:nth-child(2){opacity:0}
.qd-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.qd-locmenu{position:absolute;top:calc(var(--qd-header-h) - 4px);left:22px;width:330px;max-width:calc(100vw - 44px);background:#fff;border:1px solid var(--qd-line);border-radius:20px;box-shadow:var(--qd-shadow-lg);padding:16px;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transform-origin:top left;transition:opacity .28s,visibility .28s,transform .28s cubic-bezier(.2,.8,.2,1)}
.qd-locmenu.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.qd-locmenu__head{font-size:14px;color:var(--qd-muted);margin-bottom:12px}
.qd-locmenu__head b{color:var(--qd-ink)}
.qd-locmenu__detect{display:flex;align-items:center;gap:10px;width:100%;background:var(--qd-primary-l);color:var(--qd-primary-dd);font-weight:700;border-radius:12px;padding:12px 14px;margin-bottom:12px;transition:background .2s}
.qd-locmenu__detect:hover{background:#d7f0f0}
.qd-ping{width:12px;height:12px;border-radius:50%;background:var(--qd-primary);position:relative;flex:none}
.qd-ping::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--qd-primary);animation:qd-ping 1.4s ease-out infinite}
.qd-locmenu__zones{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qd-zone{text-align:left;padding:10px 12px;border-radius:11px;background:var(--qd-bg);font-weight:600;font-size:14px;color:var(--qd-ink);transition:background .18s,transform .18s,color .18s}
.qd-zone:hover{background:var(--qd-primary);color:#fff;transform:translateY(-2px)}
.qd-zone.is-active{background:var(--qd-primary);color:#fff}
.qd-locmenu__foot{margin-top:12px;font-size:12px;color:var(--qd-muted);text-align:center}
.qd-mobile{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:82vw;background:#fff;z-index:950;box-shadow:var(--qd-shadow-lg);padding:calc(var(--qd-header-h) + 20px) 24px 24px;display:flex;flex-direction:column;gap:4px;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.qd-mobile.is-open{transform:translateX(0)}
.qd-mobile a{padding:14px 4px;font-weight:600;border-bottom:1px solid var(--qd-line)}
.qd-mobile .qd-btn{margin-top:14px}
.qd-overlay{position:fixed;inset:0;background:rgba(10,30,29,.4);z-index:940;opacity:0;visibility:hidden;transition:opacity .3s;backdrop-filter:blur(2px)}
.qd-overlay.is-open{opacity:1;visibility:visible}
.qd-cartfab{position:fixed;right:22px;bottom:22px;z-index:800;width:60px;height:60px;border-radius:20px;background:var(--qd-primary);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px rgba(36,177,177,.45);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .25s;transform:translateY(130px)}
.qd-cartfab.is-visible{transform:translateY(0)}
.qd-cartfab.is-visible:hover{transform:translateY(-4px) scale(1.06)}
.qd-cartfab.is-bump{animation:qd-bump .5s}
.qd-cartfab__count{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:var(--qd-accent);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;border:2px solid #fff;transform:scale(0);transition:transform .25s cubic-bezier(.2,1.4,.4,1)}
.qd-cartfab__count.is-show{transform:scale(1)}
.qd-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:#fff;z-index:1100;box-shadow:var(--qd-shadow-lg);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.qd-drawer.is-open{transform:translateX(0)}
.qd-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--qd-line);flex:none}
.qd-drawer__head h3{font-size:20px}
.qd-drawer__close{width:38px;height:38px;border-radius:50%;background:var(--qd-bg);font-size:22px;line-height:1;transition:background .2s,transform .3s}
.qd-drawer__close:hover{background:#e9eeee;transform:rotate(90deg)}
.qd-drawer-overlay{position:fixed;inset:0;background:rgba(10,30,29,.45);z-index:1050;opacity:0;visibility:hidden;transition:opacity .3s;backdrop-filter:blur(3px)}
.qd-drawer-overlay.is-open{opacity:1;visibility:visible}
.qd-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(10,30,29,.5);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s}
.qd-modal.is-open{opacity:1;visibility:visible}
.qd-modal__card{background:#fff;border-radius:26px;padding:34px 28px;max-width:400px;text-align:center;box-shadow:var(--qd-shadow-lg);transform:translateY(20px) scale(.96);transition:transform .35s cubic-bezier(.2,.9,.3,1.2)}
.qd-modal.is-open .qd-modal__card{transform:translateY(0) scale(1)}
.qd-modal__emoji{font-size:52px;margin-bottom:10px;animation:qd-float 3s ease-in-out infinite}
.qd-modal__card h3{font-size:22px;margin-bottom:8px}
.qd-modal__card p{color:var(--qd-ink-2);font-size:15px;line-height:1.5;margin-bottom:20px}
.qd-toasts{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:1300;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}
.qd-toast{background:var(--qd-ink);color:#fff;font-weight:600;font-size:14px;padding:12px 20px;border-radius:14px;box-shadow:var(--qd-shadow-lg);display:flex;align-items:center;gap:10px;transform:translateY(20px);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.3,1.2),opacity .3s}
.qd-toast.is-show{transform:translateY(0);opacity:1}
.qd-toast--ok{background:var(--qd-primary-dd)}
.qd-toast__ico{font-size:18px}
.qd-footer{background:var(--qd-ink);color:#cfe0df;padding:60px 0 26px;margin-top:20px}
.qd-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.1)}
.qd-footer__brand p{margin:16px 0;font-size:14px;line-height:1.6;max-width:300px;color:#9fb6b5}
.qd-social{display:flex;gap:10px}
.qd-social a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-weight:700;font-size:13px;color:#cfe0df;transition:background .2s,transform .2s,color .2s}
.qd-social a:hover{background:var(--qd-primary);color:#fff;transform:translateY(-3px)}
.qd-footer__col h4{color:#fff;font-size:15px;margin-bottom:14px;font-family:var(--qd-font);font-weight:700}
.qd-footer__col a{display:block;padding:6px 0;font-size:14px;color:#9fb6b5;transition:color .2s,padding-left .2s}
.qd-footer__col a:hover{color:#fff;padding-left:5px}
.qd-footer__bar{display:flex;align-items:center;justify-content:space-between;padding-top:22px;font-size:13px;color:#8ba7a6;flex-wrap:wrap;gap:10px}
.qd-heart{color:#2ee6a8}
.qd-footer__badge{background:rgba(36,177,177,.2);color:#7fe3e3;padding:6px 12px;border-radius:999px;font-weight:600}
.qd-fallback{padding:170px 0 110px;text-align:center}
.qd-fallback__emoji{font-size:70px;margin-bottom:16px}
.qd-fallback h1{font-size:34px;margin-bottom:10px}
.qd-fallback p{color:var(--qd-ink-2);margin-bottom:22px}
@media(max-width:900px){.qd-nav{display:none}.qd-burger{display:flex}.qd-footer__grid{grid-template-columns:1fr 1fr;gap:26px}.qd-locpill__text{max-width:110px}}
@media(max-width:560px){.qd-footer__grid{grid-template-columns:1fr}.qd-drawer{width:100vw}}
