/* GNULA HD 2026 - portada (Wayback 07-sep-2026) */

    /* ====== REDISEÑO HOMEPAGE — estilo streaming dark (PREVIEW) ====== */
    :root{
        --bg:#0b0d12; --bg2:#11141b; --card:#171b24; --txt:#f4f5f7; --mut:#9aa3b2;
        --accent:#ff7a18; --accent2:#ff8c33; --accent-soft:rgba(255,122,24,.15); --gold:#f5c518;
        --radius:10px; --maxw:100%;
        --gut:clamp(20px,3.8vw,60px);
    }
    *{box-sizing:border-box}
    html,body.gnrd-body{margin:0;padding:0;background:var(--bg);color:var(--txt);
        font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
        -webkit-font-smoothing:antialiased;overflow-x:hidden}
    body.gnrd-body a{color:inherit;text-decoration:none}
    .gnrd-seo-h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

    /* Header */
    .gnrd-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s;
        background:linear-gradient(180deg,rgba(0,0,0,.85) 10%,rgba(0,0,0,0))}
    .gnrd-header.scrolled{background:rgba(11,13,18,.96);box-shadow:0 1px 0 rgba(255,255,255,.06)}
    .gnrd-header-inner{max-width:var(--maxw);margin:0 auto;padding:22px var(--gut) 26px;display:flex;align-items:center;gap:30px}
    .gnrd-logo{font-weight:800;font-size:26px;letter-spacing:.5px;color:#fff;line-height:1;display:inline-flex;align-items:center}
    .gnrd-logo span{color:var(--accent)}
    .gnrd-logo-img{height:38px;width:auto;display:block}
    .gnrd-footer .gnrd-logo-img{height:43px;margin:0 auto 10px}
    .gnrd-nav{display:flex;gap:24px;font-size:15px;font-weight:600}
    .gnrd-nav a{color:#eef0f4;transition:color .2s;text-shadow:0 1px 4px rgba(0,0,0,.6)}
    .gnrd-nav a:hover{color:var(--accent2)}
    /* Hamburguesa + menú móvil */
    .gnrd-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:7px;background:transparent;border:0;cursor:pointer;flex:0 0 auto}
    .gnrd-burger span{display:block;height:2px;width:100%;background:#fff;border-radius:2px;transition:transform .25s ease,opacity .2s}
    .gnrd-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .gnrd-burger.is-open span:nth-child(2){opacity:0}
    .gnrd-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .gnrd-mnav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(11,13,18,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 22px 44px rgba(0,0,0,.55)}
    .gnrd-mnav a{padding:15px 24px;color:#eef0f4;font-size:16px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.05)}
    .gnrd-mnav a:hover,.gnrd-mnav a:active{background:rgba(255,255,255,.06);color:var(--accent2)}
    .gnrd-mnav.open{display:flex}
    /* Buscador #2 — píldora outline fina (lupa a la derecha) */
    .gnrd-search{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:270px;
        background:rgba(10,12,16,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.38);border-radius:999px;
        padding:8px 8px 8px 18px;transition:border-color .25s,box-shadow .25s}
    .gnrd-search:hover{border-color:rgba(255,255,255,.42)}
    .gnrd-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
    .gnrd-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;
        font-size:14px;font-weight:500;letter-spacing:.2px}
    .gnrd-search input::placeholder{color:var(--mut)}
    .gnrd-search input::-webkit-search-cancel-button{filter:invert(.6)}
    .gnrd-search-btn{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;
        background:transparent;border:0;cursor:pointer;color:var(--mut);padding:0;border-radius:50%;transition:color .2s,background .2s}
    .gnrd-search:focus-within .gnrd-search-btn,.gnrd-search-btn:hover{color:var(--accent);background:var(--accent-soft)}
    .gnrd-search-btn svg{width:18px;height:18px;display:block}

    /* Hero billboard */
    .gnrd-hero{position:relative;min-height:clamp(560px,80vh,800px);overflow:hidden}
    .gnrd-hero-slider{display:grid}
    .gnrd-slide{grid-area:1/1;position:relative;min-height:clamp(560px,80vh,800px);display:flex;align-items:flex-end;
        opacity:0;visibility:hidden;transition:opacity .8s ease}
    .gnrd-slide.active{opacity:1;visibility:visible}
    .gnrd-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center top;
        filter:blur(14px) brightness(.7);transform:scale(1.1)}
    /* backdrop panorámico real: full-bleed, nítido */
    .gnrd-hero-bg.is-wide{filter:brightness(.92);transform:scale(1.02)}
    .gnrd-hero-shade{position:absolute;inset:0;
        background:linear-gradient(90deg,rgba(11,13,18,.94) 0%,rgba(11,13,18,.62) 30%,rgba(11,13,18,0) 60%),
                   linear-gradient(0deg,var(--bg) 1%,rgba(11,13,18,.55) 20%,transparent 52%)}
    .gnrd-hero-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;width:100%;
        padding:0 var(--gut) 92px;display:flex;align-items:flex-end}
    /* Flechas y puntos del slider */
    .gnrd-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:48px;height:48px;
        border-radius:50%;border:0;cursor:pointer;background:rgba(0,0,0,.4);color:#fff;font-size:26px;line-height:1;
        opacity:0;transition:opacity .25s,background .2s}
    .gnrd-hero:hover .gnrd-hero-arrow{opacity:1}
    .gnrd-hero-arrow:hover{background:rgba(0,0,0,.75)}
    .gnrd-hero-prev{left:18px}.gnrd-hero-next{right:18px}
    .gnrd-hero-dots{position:absolute;bottom:20px;left:0;right:0;z-index:6;display:flex;justify-content:center;gap:10px}
    .gnrd-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;cursor:pointer;
        background:rgba(255,255,255,.4);transition:.25s}
    .gnrd-dot.active{background:var(--accent);width:28px;border-radius:5px}
    .gnrd-hero-art img{width:240px;aspect-ratio:2/3;object-fit:cover;border-radius:14px;
        box-shadow:0 20px 50px rgba(0,0,0,.6);display:block}
    .gnrd-hero-info{max-width:620px}
    .gnrd-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
        color:var(--accent2);margin-bottom:14px}
    .gnrd-hero-title{font-size:clamp(34px,5vw,68px);font-weight:800;line-height:1.03;margin:0 0 18px;
        text-shadow:0 2px 16px rgba(0,0,0,.5)}
    .gnrd-hero-logo{max-width:min(460px,72%);max-height:170px;width:auto;height:auto;object-fit:contain;
        margin:0 0 18px;display:block;filter:drop-shadow(0 3px 14px rgba(0,0,0,.6))}
    .gnrd-hero-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#cfd4dd;font-size:14px;font-weight:600;margin-bottom:18px}
    .gnrd-m-rating{color:var(--gold)}
    .gnrd-genre{background:rgba(255,255,255,.12);padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;color:#eef0f4}
    .gnrd-hero-syn{color:#dfe3ea;font-size:16px;line-height:1.6;margin:0 0 26px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
    .gnrd-hero-cta{display:flex;gap:14px;flex-wrap:wrap}
    .gnrd-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:8px;
        font-weight:700;font-size:15px;cursor:pointer;transition:.2s}
    .gnrd-body a.gnrd-btn-play{background:var(--accent);color:#150d02}
    .gnrd-btn-play:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 6px 22px rgba(255,122,24,.42)}
    .gnrd-body a.gnrd-btn-ghost{background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(4px)}
    .gnrd-btn-ghost:hover{background:rgba(255,255,255,.26)}
    /* + Mi lista (contorno naranja) y botón redondo de info (naranja) */
    button.gnrd-btn-list{font:inherit;font-weight:700;background:transparent;color:#fff;
        border:1.5px solid var(--accent);backdrop-filter:blur(4px)}
    button.gnrd-btn-list:hover{background:var(--accent-soft);border-color:var(--accent2)}
    .gnrd-body a.gnrd-btn-round{width:48px;height:48px;padding:0;border-radius:50%;font-size:20px;
        background:rgba(30,30,34,.4);color:var(--accent);border:2px solid var(--accent);justify-content:center}
    .gnrd-btn-round:hover{background:var(--accent);color:#150d02}

    /* Carruseles */
    .gnrd-main{max-width:var(--maxw);margin:0 auto;padding:8px var(--gut) 60px}
    .gnrd-row{margin:24px 0}
    .gnrd-row-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 16px}
    .gnrd-row-head h2{font-size:25px;font-weight:700;margin:0}
    .gnrd-viewall{color:var(--accent);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;
        border:1px solid var(--accent);padding:6px 14px;border-radius:999px;white-space:nowrap;transition:.2s}
    .gnrd-viewall:hover{background:var(--accent);color:#150d02;border-color:var(--accent)}
    .gnrd-rail-wrap{position:relative}
    .gnrd-rail{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 14px;
        scrollbar-width:none;cursor:grab}
    .gnrd-rail.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
    .gnrd-rail a,.gnrd-rail img{-webkit-user-drag:none;user-select:none}
    .gnrd-rail::-webkit-scrollbar{display:none}
    .gnrd-arrow{position:absolute;top:0;bottom:18px;width:56px;z-index:5;border:0;cursor:pointer;
        color:var(--accent);font-size:30px;font-weight:700;opacity:0;transition:opacity .2s,color .2s}
    .gnrd-rail-wrap:hover .gnrd-arrow{opacity:1}
    .gnrd-arrow:hover{color:var(--accent2)}
    .gnrd-arrow-l{left:0;background:linear-gradient(90deg,rgba(8,10,14,.95),rgba(8,10,14,0))}
    .gnrd-arrow-r{right:0;background:linear-gradient(270deg,rgba(8,10,14,.95),rgba(8,10,14,0))}

    /* Tarjeta */
    .gnrd-card{flex:0 0 auto;width:160px;transition:transform .25s}
    .gnrd-card:hover{transform:translateY(-6px)}
    /* Fila de artículos del blog (card apaisado 16:9, estilo hub) */
    .gnrd-blogrow .gnrd-rail{align-items:flex-start}
    .gnrd-blogrow .gnrd-bcard{flex:0 0 auto;width:300px;text-decoration:none;color:inherit}
    .gnrd-bcard--v2{display:block;transition:transform .22s}
    .gnrd-bcard--v2:hover{transform:translateY(-5px)}
    .gnrd-bcard-art{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0e1117;box-shadow:0 6px 18px rgba(0,0,0,.4)}
    .gnrd-bcard-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
    .gnrd-bcard--v2:hover .gnrd-bcard-art img{transform:scale(1.06)}
    .gnrd-bcard-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:2px;color:#2a3142}
    .gnrd-bcard-label{position:absolute;top:10px;left:10px;font-size:10px;font-weight:700;letter-spacing:.5px;line-height:1;color:#eef0f4;background:rgba(10,12,16,.85);padding:4px 7px;border-radius:5px;border:1px solid rgba(255,255,255,.14);text-transform:uppercase}
    .gnrd-bcard-hover{position:absolute;inset:0;opacity:0;transition:opacity .25s;display:flex;align-items:flex-end;justify-content:flex-start;padding:14px;background:linear-gradient(to top,rgba(6,8,12,.82),rgba(6,8,12,.15) 55%,transparent)}
    .gnrd-bcard--v2:hover .gnrd-bcard-hover{opacity:1}
    .gnrd-bcard-read{color:var(--accent2);font-weight:800;font-size:13px;letter-spacing:.2px;transform:translateY(6px);transition:transform .25s}
    .gnrd-bcard--v2:hover .gnrd-bcard-read{transform:translateY(0)}
    .gnrd-bcard--v2 .gnrd-bcard-title{display:-webkit-box;margin:9px 0 0;font-size:13px;font-weight:600;color:#d6dae2;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .18s}
    .gnrd-bcard--v2:hover .gnrd-bcard-title{color:#fff}
    .gnrd-card-art{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--card);
        aspect-ratio:2/3;box-shadow:0 6px 18px rgba(0,0,0,.4)}
    .gnrd-card-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
    .gnrd-card:hover .gnrd-card-art img{transform:scale(1.06)}
    .gnrd-noimg{display:flex;align-items:center;justify-content:center;height:100%;padding:10px;
        font-size:13px;color:var(--mut);text-align:center}
    .gnrd-rating{display:none;position:absolute;top:8px;left:8px;background:rgba(0,0,0,.7);color:var(--gold);
        font-size:11px;font-weight:700;padding:3px 7px;border-radius:6px}
    .gnrd-langs{position:absolute;left:8px;bottom:8px;display:flex;gap:5px;z-index:2}
    .gnrd-lang{font-size:10px;font-weight:700;letter-spacing:.5px;line-height:1;color:#eef0f4;
        background:rgba(10,12,16,.85);padding:4px 7px;border-radius:5px;
        border:1px solid rgba(255,255,255,.14);text-transform:uppercase}
    .gnrd-type-badge{position:absolute;top:8px;right:8px;z-index:3;font-size:10px;font-weight:700;
        letter-spacing:.4px;line-height:1;color:#fff;padding:4px 7px;border-radius:6px;
        background:rgba(10,12,16,.85);
        border:1px solid rgba(255,255,255,.16);text-transform:uppercase;pointer-events:none}
    .gnrd-card:hover .gnrd-type-badge{opacity:0;transition:opacity .2s}
    .gnrd-epbadge{position:absolute;top:8px;right:8px;z-index:3;font-size:10px;font-weight:700;
        letter-spacing:.3px;line-height:1;color:#fff;padding:3px 6px;border-radius:5px;
        background:rgba(10,12,16,.85);border:1px solid rgba(255,255,255,.16);pointer-events:none}
    .gnrd-card:hover .gnrd-epbadge{opacity:0;transition:opacity .2s}
    .gnrd-qbadge{position:absolute;top:8px;left:8px;z-index:3;font-size:10px;font-weight:700;
        letter-spacing:.5px;line-height:1;color:#eef0f4;background:rgba(10,12,16,.85);
        padding:4px 7px;border-radius:5px;
        border:1px solid rgba(255,255,255,.14);text-transform:uppercase;pointer-events:none}
    .gnrd-card:hover .gnrd-qbadge{opacity:0;transition:opacity .2s}
    .gnest-ecard-dias{position:absolute;bottom:8px;left:8px;z-index:3;background:rgba(10,12,16,.85);color:#fff;
        font-size:11px;font-weight:700;line-height:1;padding:4px 8px;border-radius:6px;
        border:1px solid rgba(255,255,255,.14)}
    .gnrd-estreno-badge{position:absolute;top:8px;right:8px;z-index:4;white-space:nowrap;
        font-size:10px;font-weight:800;line-height:1;padding:4px 7px;border-radius:6px;color:#fff;
        background:rgba(10,12,16,.88);
        border:1px solid rgba(255,255,255,.16)}
    .gnrd-estreno-badge--pronto{background:rgba(10,12,16,.6);font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}
    /* Panel hover-expand de la tarjeta */
    .gnrd-card-hover{position:absolute;inset:0;opacity:0;transition:opacity .25s;
        background:linear-gradient(transparent 38%,rgba(0,0,0,.55) 62%,rgba(0,0,0,.9))}
    .gnrd-card:hover .gnrd-card-hover{opacity:1}
    .gnrd-card:hover .gnrd-langs{opacity:0;transition:opacity .2s}
    .gnrd-card-playbtn{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%) scale(.85);
        width:46px;height:46px;border-radius:50%;background:var(--accent);color:#150d02;
        display:flex;align-items:center;justify-content:center;font-size:17px;padding-left:3px;
        box-shadow:0 4px 14px rgba(0,0,0,.5);transition:transform .25s}
    .gnrd-card:hover .gnrd-card-playbtn{transform:translate(-50%,-50%) scale(1)}
    .gnrd-card-hinfo{position:absolute;left:0;right:0;bottom:0;padding:11px 12px}
    .gnrd-card-metaline{display:flex;gap:9px;align-items:center;font-size:11.5px;font-weight:700;color:#fff}
    .gnrd-cm-rating{color:var(--gold)}
    .gnrd-card-genres{font-size:11px;color:#cfd4dd;line-height:1.3;margin-top:3px;
        overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .gnrd-card-title{display:block;margin-top:9px;font-size:13px;font-weight:600;color:#d6dae2;
        line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

    /* Spotlight intermedio */
    .gnrd-spotlight{position:relative;margin:48px 0;border-radius:16px;overflow:hidden;
        min-height:440px;display:flex;align-items:center;box-shadow:0 10px 34px rgba(0,0,0,.4)}
    .gnrd-spot-bg{position:absolute;inset:0;background-size:cover;background-position:center center}
    .gnrd-spot-shade{position:absolute;inset:0;
        background:linear-gradient(90deg,rgba(8,10,14,.96) 0%,rgba(8,10,14,.66) 42%,rgba(8,10,14,.08) 78%),
                   linear-gradient(0deg,rgba(8,10,14,.55),transparent 55%)}
    .gnrd-spot-inner{position:relative;z-index:2;padding:0 clamp(26px,4vw,64px);max-width:600px}
    .gnrd-spot-logo{max-width:min(320px,80%);max-height:120px;width:auto;height:auto;object-fit:contain;
        margin:8px 0 14px;display:block;filter:drop-shadow(0 3px 12px rgba(0,0,0,.6))}
    .gnrd-spot-title{font-size:clamp(28px,3.6vw,46px);font-weight:800;line-height:1.05;margin:8px 0 14px;
        text-shadow:0 2px 14px rgba(0,0,0,.5)}
    .gnrd-spot-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#cfd4dd;
        font-size:14px;font-weight:600;margin-bottom:14px}
    .gnrd-spot-syn{color:#dfe3ea;font-size:15px;line-height:1.6;margin:0 0 20px;
        text-shadow:0 1px 8px rgba(0,0,0,.5)}
    /* Footer */
    .gnrd-footer{padding:56px var(--gut) 46px;border-top:1px solid rgba(255,255,255,.07);color:var(--mut)}
    .gnrd-footer-inner{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
    .gnrd-footer .gnrd-logo{font-size:22px;display:inline-block}
    .gnrd-footer-nav{display:flex;gap:28px;flex-wrap:wrap;justify-content:center}
    .gnrd-footer-nav a{color:#cfd4dd;font-size:14px;font-weight:600;transition:color .2s}
    .gnrd-footer-nav a:hover{color:var(--accent2)}
    .gnrd-footer-disclaimer{font-size:12.5px;line-height:1.65;max-width:620px;margin:0}
    .gnrd-footer-copy{font-size:12px;margin:0;color:rgba(154,163,178,.65)}

    /* Responsive */
    @media(max-width:780px){
        .gnrd-nav{display:none}
        .gnrd-burger{display:flex}
        .gnrd-logo-img{height:30px}
        .gnrd-header-inner{gap:12px;padding:12px var(--gut)}
        .gnrd-search{min-width:0;margin-left:auto;flex:0 0 auto;background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}
        .gnrd-search-btn{color:#fff}
        .gnrd-search input{display:none}
        .gnrd-search.open{position:absolute;left:14px;right:14px;top:12px;background:rgba(10,12,16,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);padding:9px 9px 9px 16px;z-index:6}
        .gnrd-search.open input{display:block;flex:1}
        .gnrd-hero,.gnrd-slide{min-height:clamp(440px,62vh,560px)}
        .gnrd-hero-inner{padding:0 18px 52px}
        .gnrd-hero-logo{max-width:74%;max-height:120px}
        .gnrd-hero-syn{font-size:14px}
        .gnrd-main{padding:8px 14px 50px}
        .gnrd-card{width:110px}
        .gnrd-blogrow .gnrd-bcard{width:230px}
        .gnrd-estreno-badge{left:6px;right:6px;text-align:center;font-size:8px;padding:3px 4px} /* móvil: banda centrada a lo ancho → simétrica, no se corta */
        .gnrd-estreno-badge.gnrd-estreno-badge--pronto{left:auto;right:8px;text-align:right;font-size:8px} /* Próximamente: pill chico a la derecha (no banda) */
        .gnrd-row-head h2{font-size:20px}
        .gnrd-arrow{display:none}
    }
    
/* bloques extra de la portada */

        .gnrd-trend .gnrd-row-head{justify-content:flex-start;gap:14px;flex-wrap:wrap}
        .gnrd-tt-wrap{display:inline-flex;gap:2px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:3px}
        .gnrd-tt{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#b9bcc6;font:inherit;font-size:13px;font-weight:700;line-height:1;padding:7px 15px;border-radius:999px;cursor:pointer;transition:.18s}
        .gnrd-tt:hover{color:#fff}
        .gnrd-tt.is-active{background:var(--accent,#ff7a18);color:#150d02}
        .gnrd-trend-pane[hidden]{display:none}
        

    .gnrd-fav{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 auto;
        margin-left:12px;border-radius:50%;color:#eef0f4;transition:background .2s,color .2s}
    .gnrd-fav:hover{background:rgba(255,255,255,.10);color:var(--accent2)}
    .gnrd-fav svg{width:21px;height:21px}
    .gnrd-fav-count{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
        background:var(--accent);color:#150d02;font-size:11px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--bg)}
    .gnrd-btn-list.is-saved{background:var(--accent)!important;border-color:var(--accent)!important;color:#150d02!important}
    @media(max-width:780px){.gnrd-fav{margin-left:8px}}
    

    form.gnrd-search{position:relative}
    .gnrd-ls-panel{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:200;background:#11151d;
        border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.6);
        padding:6px;max-height:72vh;overflow-y:auto;display:none}
    .gnrd-ls-panel.open{display:block}
    .gnrd-ls-panel a.gnrd-ls-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:9px;text-decoration:none;color:#eef0f4}
    .gnrd-ls-row:hover,.gnrd-ls-row.active{background:rgba(255,255,255,.08)}
    .gnrd-ls-thumb{flex:0 0 auto;width:42px;height:60px;border-radius:6px;overflow:hidden;background:#1b2130}
    .gnrd-ls-thumb img{width:100%;height:100%;object-fit:cover;display:block}
    .gnrd-ls-info{min-width:0;display:flex;flex-direction:column;gap:3px}
    .gnrd-ls-title{font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .gnrd-ls-meta{font-size:11.5px;color:#9aa3b2;display:flex;gap:8px}
    .gnrd-ls-type{color:#ff8c33;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:10.5px}
    .gnrd-ls-panel a.gnrd-ls-foot{display:block;text-align:center;padding:11px;font-size:13px;font-weight:700;
        color:#ff7a18;border-top:1px solid rgba(255,255,255,.08);margin-top:4px;text-decoration:none}
    .gnrd-ls-foot:hover{color:#ff8c33}
    .gnrd-ls-empty,.gnrd-ls-loading{padding:18px;text-align:center;color:#9aa3b2;font-size:13px}