/* usual.css — «همون جای همیشگی» (/usual/). Theme tokens only. */
.us{max-width:1080px;margin:0 auto;padding:0 20px 40px;overflow-x:clip}
.us-hero{position:relative;text-align:center;padding:36px 0 22px;isolation:isolate}
.us-glow{position:absolute;inset:-30% -20% 0;z-index:-1;pointer-events:none;
  background:radial-gradient(420px 220px at 50% 30%,color-mix(in srgb,var(--br) 20%,transparent),transparent 70%),
             radial-gradient(300px 180px at 30% 80%,color-mix(in srgb,var(--ac) 18%,transparent),transparent 70%)}
.us-badge{width:66px;height:66px;margin:0 auto 12px;border-radius:22px;display:grid;place-items:center;color:var(--ob,#fff);
  background:linear-gradient(135deg,var(--br),color-mix(in srgb,var(--br) 55%,var(--ac)));box-shadow:0 14px 30px color-mix(in srgb,var(--br) 35%,transparent)}
.us-badge .ic-svg{width:34px;height:34px}
.us-hero h1{font-size:clamp(26px,4vw,38px);font-weight:900;margin:0 0 10px}
.us-hero p{color:var(--mu);max-width:600px;margin:0 auto;line-height:1.95}
.us-loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--mu);padding:40px 0}
.us-loading .ic-svg{width:22px;height:22px;color:var(--br);animation:uspulse 1.2s ease-in-out infinite}
@keyframes uspulse{50%{transform:scale(1.15);opacity:.6}}

/* guest */
.us-guest{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;align-items:start}
.us-why{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r-lg,22px);padding:22px}
.us-why h2{margin:0 0 14px;font-size:19px}
.us-why ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.us-why li{display:flex;gap:12px;align-items:flex-start}
.us-why-ic{width:42px;height:42px;flex:none;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--br) 12%,var(--sf));color:var(--br)}
.us-why-ic .ic-svg{width:22px;height:22px}
.us-why b{font-size:15px}.us-why p{margin:3px 0 0;color:var(--mu);font-size:13.5px;line-height:1.8}
.us-login .ux-login{padding:0;min-height:0;display:block}
.us-login .ux-login-card{margin:0;width:auto;max-width:none}

/* toolbar + add */
.us-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 0 14px}
.us-sum{font-size:15px;color:var(--mu)}.us-sum b{color:var(--ink);font-size:18px}
.us-hot{display:inline-flex;align-items:center;gap:5px;margin-inline-start:8px;background:var(--okb);color:var(--ok);border-radius:999px;padding:4px 11px;font-size:13px;font-weight:700}
.us-top .btn{gap:6px}
.us-addp{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r-lg,20px);padding:14px;margin-bottom:18px;animation:usin .25s ease}
@keyframes usin{from{opacity:0;transform:translateY(-6px)}}
.us-find{display:flex;align-items:center;gap:8px;border:1.5px solid var(--ln);background:var(--bg);border-radius:14px;padding:0 12px;color:var(--mu)}
.us-find:focus-within{border-color:var(--br);box-shadow:0 0 0 3px var(--bs)}
.us-find input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--ink);font:inherit;font-size:15px;padding:12px 0}
.us-res{display:grid;gap:8px;margin-top:10px}
.us-ri{display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;border:1px solid var(--ln);background:var(--bg)}
.us-ri .btn{padding:8px 12px;font-size:13px;gap:4px}
.us-ri .us-tx small{display:block;color:var(--mu);font-size:12px}
.us-in{display:inline-flex;align-items:center;gap:4px;color:var(--ok);font-size:12.5px;font-weight:700;white-space:nowrap}
.us-hint{color:var(--mu);font-size:13px;margin:10px 2px 0}.us-hint a{color:var(--br);font-weight:700;text-decoration:none}

/* deals strip */
.us-deals{margin:4px 0 22px}
.us-deals h2,.us-group h2{display:flex;align-items:center;gap:8px;font-size:18px;margin:0 0 12px}
.us-deals h2 .ic-svg{color:var(--ac)}
.us-deal-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.us-dcard{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--r-lg,20px);text-decoration:none;color:#fff;overflow:hidden;
  background:linear-gradient(140deg,var(--c,var(--br)),color-mix(in srgb,var(--c,var(--br)) 55%,#000));box-shadow:0 12px 26px color-mix(in srgb,var(--c,var(--br)) 30%,transparent);transition:transform .18s}
.us-dcard:hover{transform:translateY(-3px)}
.us-dcard:before{content:"";position:absolute;inset:auto -30px -40px auto;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.12)}
.us-dpct{align-self:flex-start;background:rgba(255,255,255,.2);border-radius:999px;padding:3px 11px;font-weight:900;font-size:14px}
.us-dcard b{font-size:16px;margin-top:6px}
.us-dcard span{font-size:13px;opacity:.9}
.us-dcard small{display:inline-flex;align-items:center;gap:4px;font-size:12px;opacity:.85}
.us-dcard em{font-style:normal;font-weight:800;font-size:13px;margin-top:6px;display:inline-flex;align-items:center;gap:4px}

/* groups + cards */
.us-group{margin-bottom:22px}
.us-group h2 small{color:var(--mu);font-size:13px;font-weight:600;background:var(--s2);border-radius:999px;padding:2px 9px}
.us-gic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--br) 12%,var(--sf));color:var(--br)}
.us-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.us-card{display:flex;flex-direction:column;gap:10px;background:var(--sf);border:1px solid var(--ln);border-radius:var(--r-lg,20px);padding:14px;transition:border-color .15s,box-shadow .15s}
.us-card:hover{border-color:color-mix(in srgb,var(--c,var(--br)) 50%,var(--ln));box-shadow:0 10px 24px color-mix(in srgb,var(--c,var(--br)) 14%,transparent)}
.us-card.hot{border-color:color-mix(in srgb,var(--ok) 50%,var(--ln))}
.us-row{display:flex;align-items:center;gap:12px}
.us-av{width:54px;height:54px;flex:none;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--c,var(--br)) 14%,var(--sf));color:var(--c,var(--br))}
.us-av.sm{width:40px;height:40px;border-radius:12px}
.us-av .ic-svg{width:28px;height:28px;stroke-width:1.6}.us-av.sm .ic-svg{width:22px;height:22px}
.us-av img{width:100%;height:100%;object-fit:cover}
.us-tx{flex:1;min-width:0}
.us-tx h3{margin:0;font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.us-sub{color:var(--mu);font-size:12.5px;margin-top:2px}
.us-bell{width:38px;height:38px;flex:none;border-radius:12px;border:1px solid var(--ln);background:var(--bg);color:var(--mu);display:grid;place-items:center;cursor:pointer;transition:.15s}
.us-bell .ic-svg{width:19px;height:19px}
.us-bell.on{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--ln));background:var(--okb)}
.us-deal{display:flex;gap:8px;align-items:flex-start;background:var(--okb);color:var(--ok);border-radius:14px;padding:9px 12px;font-size:13px;line-height:1.8}
.us-deal .ic-svg{margin-top:4px}
.us-deal small{opacity:.85}
.us-code code{background:var(--sf);color:var(--ink);border-radius:6px;padding:1px 6px;font-size:12px}
.us-ft{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:10px;border-top:1px dashed var(--ln)}
.us-ft .btn{padding:9px 14px;font-size:13px;gap:5px}
.us-edit{margin-inline-start:auto;width:36px;height:36px;border-radius:12px;border:0;background:none;color:var(--mu);display:grid;place-items:center;cursor:pointer}
.us-edit:hover{background:var(--s2);color:var(--ink)}

/* empty */
.us-empty{text-align:center;padding:36px 16px;background:var(--sf);border:1px dashed var(--ln);border-radius:var(--r-lg,22px)}
.us-empty .big{width:70px;height:70px;margin:0 auto 12px;border-radius:24px;display:grid;place-items:center;background:color-mix(in srgb,var(--br) 12%,var(--sf));color:var(--br)}
.us-empty .big .ic-svg{width:36px;height:36px}
.us-empty h3{margin:0 0 6px;font-size:19px}
.us-empty p{color:var(--mu);max-width:460px;margin:0 auto 16px;line-height:1.9}
.us-quick{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.us-quick a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ln);background:var(--bg);color:var(--ink);text-decoration:none;border-radius:999px;padding:8px 14px;font-size:13.5px}
.us-quick a:hover{border-color:var(--br);color:var(--br)}

@media (max-width:820px){.us-guest{grid-template-columns:1fr}}
@media (max-width:560px){
  .us{padding:0 14px 30px}
  .us-grid{grid-template-columns:1fr}
  .us-ft .btn-ghost{display:none}
}