/* matching App Show apps under the AI input (see app-suggest.js) */
.asg{position:absolute;left:0;right:0;top:calc(100% + 12px);z-index:30;text-align:left;background:rgba(12,13,22,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:14px;box-shadow:0 30px 70px -20px rgba(0,0,0,.7);font-family:inherit}
.asg[hidden]{display:none}
.asg-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 4px 12px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b9a8ff}
.asg-h a{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:#d9dcef;text-decoration:none}
.asg-h a:hover{color:#fff}
.asg-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.asg-c{display:flex;gap:12px;align-items:center;padding:8px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);text-decoration:none;color:#eef0f8;transition:background .15s,border-color .15s,transform .15s}
.asg-c:hover,.asg-c:focus-visible{background:rgba(255,255,255,.08);border-color:rgba(160,180,255,.4);transform:translateY(-1px)}
.asg-i{flex:none;width:58px;height:78px;border-radius:10px;overflow:hidden;background:#1a1c28}
.asg-i img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.asg-t{min-width:0}
.asg-t b{display:block;font-size:14.5px;line-height:1.25;color:#fff}
.asg-t small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:12.5px;line-height:1.35;color:#a9adc2}
@media(max-width:900px){.asg-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.asg{padding:10px;border-radius:18px}.asg-g{grid-template-columns:1fr;gap:6px}.asg-i{width:44px;height:58px}}
.asg .asg-new{width:100%;justify-content:center;align-self:stretch;min-height:64px;border-radius:14px!important;padding:10px 10px 10px 22px;font-size:15px}
.asg .asg-new .tx{flex:none}
/* hover card */
.asg-pop{position:fixed;z-index:2100;box-sizing:border-box;font-family:'DM Sans',system-ui,'Segoe UI',sans-serif;display:none;flex-direction:column;gap:14px;padding:16px;border-radius:20px;background:#12131d;border:1px solid rgba(160,180,255,.35);box-shadow:0 30px 80px -20px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.04);color:#eef0f8;transform-origin:50% 30%}
.asg-pop.on{display:flex;animation:asgPop .18s ease-out}
@keyframes asgPop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
.asg-pop-shots{display:flex;gap:8px;align-items:flex-end;height:250px}
.asg-pop-shots span{display:block;border-radius:14px;overflow:hidden;background:#1a1c28;flex:none}
.asg-pop-shots .big{height:250px;aspect-ratio:9/19}
.asg-pop-shots .sm{height:190px;aspect-ratio:9/19;opacity:.9}
.asg-pop-shots img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.asg-pop-tx b{display:block;font-size:20px;color:#fff}
.asg-pop-tx .tl{margin:4px 0 0;font-size:14px;color:#c9cbe0;line-height:1.4}
.asg-pop-tx .bl{margin:8px 0 0;font-size:13.5px;color:#a9adc2;line-height:1.5}
.asg-pop-btns{display:flex;gap:10px;align-items:center}
.asg-pop-btns .asg-more{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.25);color:#fff;text-decoration:none;font-weight:600;font-size:15px}
.asg-pop-btns .asg-more:hover{background:rgba(255,255,255,.08)}
.asg-pop-btns .asg-own{flex:1;justify-content:center}
.asg-pop-btns .asg-own .tx{flex:none}
@media(max-width:520px){.asg-pop-shots{height:200px}.asg-pop-shots .big{height:200px}.asg-pop-shots .sm{height:150px}}
.asg-pop-top{display:flex;gap:12px;align-items:flex-start}
.asg-pop-top .asg-pop-shots{flex:1;min-width:0}
.asg-pop-top .asg-pop-btns{flex:none;width:118px;flex-direction:column;align-items:stretch;gap:10px}
.asg-pop-top .asg-own{flex:none;padding:6px 6px 6px 16px}
.asg-pop-top .asg-more{width:100%}
@media(max-width:520px){.asg-pop-top .asg-pop-btns{width:104px}.asg-pop-top .asg-pop-shots .sm:nth-child(3){display:none}}
.asg-pop *{box-sizing:border-box}

/* apps with a clickable live demo get the App Show "TRY ME" stamp */
.asg-i{position:relative}
.asg-stamp{position:absolute;z-index:2;top:6px;right:-2px;transform:rotate(-12deg);padding:3px 5px 2px;border:2px solid #e8331c;border-radius:5px;color:#e8331c;font:900 9px/1 "Arial Black",Impact,system-ui,sans-serif;letter-spacing:.06em;background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),inset 0 0 0 2px rgba(232,51,28,.5);pointer-events:none;white-space:nowrap}
.asg-stamp-lg{top:12px;right:auto;left:10px;font-size:15px;padding:5px 9px 4px;border-width:3px;border-radius:7px}
.asg-try{border-color:rgba(232,51,28,.55)!important}
/* discreet TRY ME (2.0.246): transparent, thin, softer */
.asg-stamp{top:5px;right:2px;transform:rotate(-8deg);padding:2px 4px 1px;border:1px solid rgba(255,120,100,.75);border-radius:4px;color:rgba(255,140,120,.95);font:800 8px/1 "DM Sans",system-ui,sans-serif;letter-spacing:.08em;background:transparent;box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.asg-stamp-lg{top:12px;left:10px;right:auto;font-size:11px;padding:3px 6px 2px;border-width:1.5px;border-radius:5px}