#adTop{display:flex;gap:4px;padding:4px 4px 0;height:calc(var(--adh,40px) + 4px);box-sizing:border-box;background:var(--navy)}
#adTop[hidden],#adStrip[hidden],.qrow[hidden],.vs[hidden]{display:none}
.adc{flex:1;min-width:0;height:var(--adh,40px)}
.rl{position:relative;isolation:isolate;padding:1px;border-radius:9px;overflow:hidden;background:#243447}
.rl::before{content:"";position:absolute;inset:-160%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 58%,#C99A2E 68%,#FFE29A 74%,transparent 80%,transparent 88%,#cfd8e3 94%,#fff 97%,transparent 100%);animation:spin 4s linear infinite}
#adStrip:not(.hard) .rl::before{opacity:.5}
#adTop.soft .rl::before{opacity:.3}
.rb{position:relative;height:100%;border-radius:8px;overflow:hidden;perspective:500px}
.rot .rl2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;box-sizing:border-box;backface-visibility:hidden}
.rl2 .adt{min-width:0;max-width:100%;font-weight:800;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.rl2 .sti{display:flex;flex:none}.rl2 .sti svg{width:16px;height:16px}
.rl2.fi{animation:adfi .6s both}.rl2.fo{animation:adfo .6s both}
.rl2.in-dn{animation:adind .6s both;transform-origin:50% 0}.rl2.out-dn{animation:adoutd .6s both;transform-origin:50% 100%}
.rl2.in-up{animation:adinu .6s both;transform-origin:50% 100%}.rl2.out-up{animation:adoutu .6s both;transform-origin:50% 0}
@keyframes adfi{from{opacity:0}to{opacity:1}}@keyframes adfo{from{opacity:1}to{opacity:0}}
@keyframes adind{from{transform:rotateX(-90deg);opacity:0}to{transform:none;opacity:1}}
@keyframes adoutd{from{transform:none;opacity:1}to{transform:rotateX(90deg);opacity:0}}
@keyframes adinu{from{transform:rotateX(90deg);opacity:0}to{transform:none;opacity:1}}
@keyframes adoutu{from{transform:none;opacity:1}to{transform:rotateX(-90deg);opacity:0}}
.adlab{position:absolute;top:2px;right:5px;z-index:3;font:700 8px/1 Manrope,system-ui,sans-serif;font-style:normal;color:rgba(255,255,255,.65);text-shadow:0 1px 1px rgba(0,0,0,.6);pointer-events:none;letter-spacing:.3px}
#adStrip{display:flex;flex-direction:column;gap:var(--stg,4px);padding-top:var(--stg,4px);padding-bottom:0}
#adStrip .str{display:flex;gap:var(--stg,4px);height:var(--sth,30px)}
#adStrip .stc{flex:1;min-width:0;border-radius:8px}
#adStrip .rb{border-radius:7px}
.qrow{position:relative;display:grid;gap:8px;height:var(--qh,38px);margin:0 0 8px}
.qb{border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#fff;font:800 13px/1 Manrope,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;min-width:0;overflow:hidden;white-space:nowrap;padding:0 4px;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.qb .qi{display:flex;flex:none}.qb .qi svg{width:18px;height:18px}
.qb .ql{min-width:0;overflow:hidden;text-overflow:ellipsis}
.q-app,.q-call,.q-mic{background:linear-gradient(135deg,#7A560C,#B8891C,#6E4E0A)}
.q-comm,.q-ask{background:var(--navy2,#0F2233);border-color:#2C4560;color:#fff;text-shadow:none}   
.q-comm .ql,.q-ask .ql{white-space:normal;text-align:center;line-height:1.05;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}   
.q-tg{background:#1B4F72}.q-wa{background:#117A3A}

.q-tgk{background:#0F2233;border-color:#C99A2E!important;color:#E6C46A}.q-tgk .qi{color:#E6C46A}
.q-mic{animation:qmic 2.2s ease-in-out infinite}
.q-mic.rec,.vsm.rec{background:#C0392B;animation:qrec 1s ease-in-out infinite}
@keyframes qmic{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 0 0 2px rgba(255,255,255,.75)}}
@keyframes qrec{0%,100%{opacity:1}50%{opacity:.6}}
.qrow.ico .qb:not(.q-mic) .qi{display:none}
.qrow.ico2 .qb .ql{display:none}.qrow.ico2 .qb .qi{display:flex!important}
.qf{position:absolute;top:0;bottom:0;z-index:6;border-radius:10px;padding:2px;overflow:hidden;isolation:isolate;background:#3a2e12;cursor:pointer;transition:clip-path .5s ease}
.qf.ltr{clip-path:inset(0 100% 0 0)}.qf.rtl{clip-path:inset(0 0 0 100%)}.qf.open{clip-path:inset(0 0 0 0)}
.qf::before{content:"";position:absolute;inset:-160%;z-index:-1;animation:spin 3s linear infinite;background:conic-gradient(from 0deg,transparent 0 12%,#C99A2E 22%,#FFE29A 30%,transparent 40%,transparent 55%,#cfd8e3 66%,#ffffff 74%,transparent 85%)}
.qfi{height:100%;border-radius:8px;background:#0F2233;display:flex;align-items:center;gap:8px;padding:0 8px;box-sizing:border-box;color:#fff}
.qfs{display:flex;flex:none;color:#E7C163}.qfs svg{width:22px;height:22px}
.qft{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center}
.qtx{width:100%;max-height:100%;font-weight:800;line-height:1.08;text-align:center;overflow:hidden}
.qtx .w{display:inline-block;white-space:nowrap}
.qtx i{font-style:normal;display:inline-block;opacity:0;animation:qa .35s ease forwards,qg 1s ease}
@keyframes qa{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:none}}
@keyframes qg{0%,100%{color:#fff;text-shadow:none}45%{color:#FFE29A;text-shadow:0 0 6px #C99A2E}}
.vs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.vs input{flex:1;min-width:0;height:40px;border-radius:9px;border:1px solid #2C4560;background:#fff;color:#0F2233;padding:0 10px;font:600 15px Manrope,system-ui,sans-serif}
.vs button{height:40px;border-radius:9px;border:0;color:#fff;font:800 14px Manrope,system-ui,sans-serif;padding:0 12px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.vsm{background:linear-gradient(135deg,#7A560C,#B8891C,#6E4E0A);width:44px;padding:0!important}.vsm svg{width:20px;height:20px}
.vsg{background:#16648F}
.vsh{flex-basis:100%;font-size:12.5px;color:#E6C46A;font-weight:700}.vsh:empty{display:none}
.adhint{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:20px}
.adhint div{background:#0F2233;border:1px solid #C99A2E;border-radius:14px;padding:18px;max-width:340px;color:#fff;text-align:center}
.adhint p{margin:0 0 14px;line-height:1.5;font-size:15px}.adhint button{background:linear-gradient(135deg,#7A560C,#B8891C,#6E4E0A);color:#fff;border:0;border-radius:9px;height:38px;padding:0 22px;font-weight:800;cursor:pointer}
@media (max-width:899px){.qrow{gap:5px}}
@media (min-width:900px){.qb{font-size:14px}.qrow{max-width:760px}}
@media (prefers-reduced-motion:reduce){.rl::before,.qf::before,.q-mic{animation:none}.qtx i{animation:none;opacity:1}.qf{transition:none}}


.q-facebook{background:#1d4f9a}.q-instagram{background:linear-gradient(135deg,#7a2a6a,#b3325a,#c77a2a)}
@media (min-width:900px){.qrow{max-width:none}}