/* Canal5 · Menú desplegable del móvil (drawer v5), sacado de article-v2.css para las páginas que no cargan esa hoja (portada, secciones, páginas). */
/* ════════════════════════════════════════════════════════════════
 * 22. DRAWER MÓVIL v5 (v2.32.3) — EDITORIAL MINIMALISTA
 *
 *  Inspiración: NYT / The Atlantic / FT.
 *  - 100vw — ocupa TODO el ancho de pantalla
 *  - Kickers centrados con hairlines a los lados
 *  - Items "Lo más visto" numerados 01-04, juntos, sin dots ni badges
 *  - Tarjeta del tiempo SIN fondo ni borde
 *  - Botón "Mi cuenta" pill outline fino
 *  - Tipografía Inter weight 400-600, NO bold pesado
 *  - Separadores hairline casi invisibles
 *  - Más aire ENTRE secciones, items COMPACTOS dentro
 * ════════════════════════════════════════════════════════════════ */

/* WRAPPER — 100vw, fondo blanco puro */
.et-m__drawer.et-m__drawer--v5 {
    background: #FFFFFF !important;
    color: #0A0A0A !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    padding: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* HEAD — logo + Mi cuenta + cerrar */
.et-d5__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 22px 24px 16px;
}
.et-d5__logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    color: #0A0A0A !important;
    flex-shrink: 0;
}
.et-d5__logo img {
    max-height: 34px;
    width: auto;
    display: block;
}
.et-d5__logo-text {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.6px;
    color: #0A0A0A;
    line-height: 1;
}
.et-d5__head-right {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}
/* v2.33.13 — Botón "Mi cuenta" PREMIUM minimalista:
   pill outline ultra fino con avatar circular dark a la izquierda.
   En hover: pill se llena de negro y el avatar se invierte. */
.et-d5__account {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 14px 4px 4px;
    background: transparent;
    border: 1px solid #E5E5E5;
    border-radius: 999px;
    color: #0A0A0A !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 1;
    transition: border-color .18s, background .18s, color .18s;
}
.et-d5__account-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #0A0A0A;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .18s, color .18s;
}
.et-d5__account-avatar svg { display: block; }
.et-d5__account-label {
    font-weight: 500;
    letter-spacing: 0.2px;
}
.et-d5__account:hover {
    background: #0A0A0A;
    border-color: #0A0A0A;
    color: #FFFFFF !important;
}
.et-d5__account:hover .et-d5__account-avatar {
    background: #FFFFFF;
    color: #0A0A0A;
}
.et-d5__close {
    width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    color: #0A0A0A;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background .15s;
    margin-left: 4px;
}
.et-d5__close:hover { background: #F5F5F5; }

/* BUSCADOR — pill fino */
.et-d5__search {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 4px 24px 0;
    padding: 11px 16px;
    background: #F5F5F5;
    border: 0;
    border-radius: 999px;
}
.et-d5__search svg { color: #8A8A8A; flex-shrink: 0; }
.et-d5__search input {
    flex: 1;
    border: 0;
    background: transparent;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #0A0A0A;
    outline: 0;
    padding: 0;
}
.et-d5__search input::placeholder { color: #8A8A8A; }

/* SECCIÓN COMÚN — más aire arriba */
.et-d5__section {
    padding: 32px 24px 0;
}
.et-d5__section--last {
    padding-bottom: 32px;
}

/* KICKER · v2.48.3 · alineado a la IZQUIERDA con línea horizontal hairline
   que va desde después del título hasta el final del contenedor (premium). */
.et-d5__kicker {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 16px;
    font-size: 0;
    line-height: 1;
}
.et-d5__kicker > span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.2px;
    color: #0A0A0A;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}
.et-d5__kicker::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #E5E5E5;
}
/* (sin ::before — el título va pegado a la izquierda) */

/* LO MÁS VISTO · v2.48.3 · SIN numeración · titulares compactos */
.et-d5__top {
    list-style: none;
    margin: 0;
    padding: 0;
}
.et-d5__top-item + .et-d5__top-item {
    border-top: 1px solid #F0F0F0;
}
.et-d5__top-item a {
    display: block;
    padding: 12px 0;
    color: #0A0A0A !important;
    text-decoration: none !important;
}
.et-d5__top-item a:hover .et-d5__top-title { color: #0B0B0C; }
.et-d5__top-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
    color: #0A0A0A;
    letter-spacing: -0.2px;
    transition: color .15s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* CATEGORÍAS / PÁGINAS — grid 2 columnas, finas */
.et-d5__cats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}
.et-d5__cat {
    display: flex;
    align-items: center;
    padding: 13px 8px 13px 0;
    color: #0A0A0A !important;
    text-decoration: none !important;
    font-size: 14.5px;
    font-weight: 500;
    letter-spacing: -0.15px;
    border-bottom: 1px solid #F0F0F0;
    transition: color .15s;
    line-height: 1.2;
}
.et-d5__cat:nth-child(odd) { border-right: 1px solid #F0F0F0; padding-right: 14px; }
.et-d5__cat:nth-child(even) { padding-left: 14px; }
.et-d5__cat:hover { color: #0B0B0C !important; }
.et-d5__cats > .et-d5__cat:nth-last-child(-n+2) { border-bottom: 0; }

/* ─── Mi Cuenta · v2.48.4 ────────────────────────────────────────
   Igual estructura que el resto de categorías del grid 2 columnas:
   mismo padding, misma hairline, mismo tamaño · solo diferenciado
   por el TEXTO en azul Dunes + negrita. Premium minimalista. */
.et-d5__cat--account {
    color: #0B0B0C !important;
    font-weight: 700 !important;
}
.et-d5__cat--account:hover { color: #1E2F5C !important; }

/* v2.33.13 — Tarjeta del TIEMPO premium · ANCHO COMPLETO · 2 niveles:
   - Top: icono grande + temperatura + condición + min/max
   - Bottom: footer link "Pronóstico 7 días →" separado por hairline
   Background con gradiente sutil azul→blanco. */
.et-d5__weather {
    display: block;
    width: 100%;
    padding: 18px 20px 14px;
    background: linear-gradient(135deg, #F6F9FF 0%, #FFFFFF 100%);
    border: 1px solid #E8ECF4;
    border-radius: 14px;
    text-decoration: none !important;
    color: #0A0A0A !important;
    transition: border-color .18s, box-shadow .18s, transform .18s;
    box-sizing: border-box;
}
.et-d5__weather:hover,
.et-d5__weather:focus-visible {
    border-color: #0B0B0C;
    box-shadow: 0 4px 16px rgba(11,11,12, 0.08);
}
.et-d5__weather-main {
    display: flex;
    align-items: center;
    gap: 16px;
}
.et-d5__weather-icon {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.et-d5__weather-icon svg { display: block; }
.et-d5__weather-data {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1;
    min-width: 0;
}
.et-d5__weather-temp {
    font-family: 'Inter', sans-serif;
    font-size: 42px;
    font-weight: 300;
    color: #0A0A0A;
    letter-spacing: -2.5px;
    line-height: 0.95;
}
.et-d5__weather-cond {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #525252;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-top: 4px;
}
.et-d5__weather-range {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: right;
    font-family: 'Inter', sans-serif;
    font-size: 10.5px;
    font-weight: 400;
    color: #8A8A8A;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    flex-shrink: 0;
}
.et-d5__weather-mm strong {
    color: #0A0A0A;
    font-weight: 700;
    letter-spacing: 0;
}
.et-d5__weather-cta {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #ECECEC;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #0B0B0C;
}
.et-d5__weather-cta svg {
    color: #0B0B0C;
    transition: transform .2s;
}
.et-d5__weather:hover .et-d5__weather-cta svg {
    transform: translateX(3px);
}

/* ──────────────────────────────────────────────────────────────
 * CSS ANTIGUO v4 — placeholder por compatibilidad (no usado, NO romper)
 * ────────────────────────────────────────────────────────────── */
.et-m__drawer.et-m__drawer--v4 {
    background: #FFFFFF !important;
    color: #0A0A0A !important;
    font-family: 'Inter', sans-serif !important;
    padding: 0 !important;
}

/* ── HEAD: logo + Mi Cuenta + cerrar ── */
.et-d4__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 16px 18px 14px !important;
    border-bottom: 1px solid #EFEFEF !important;
    background: #FFFFFF !important;
}
.et-d4__logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    color: #0A0A0A !important;
    flex-shrink: 0;
}
.et-d4__logo img {
    max-height: 36px;
    width: auto;
    display: block;
}
.et-d4__logo-text {
    font-size: 22px;
    font-weight: 800;
    color: #0A0A0A;
    letter-spacing: -0.6px;
    line-height: 1;
}
.et-d4__head-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.et-d4__account {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    background: #FFFFFF;
    border: 1px solid #0A0A0A;
    border-radius: 6px;
    color: #0A0A0A !important;
    text-decoration: none !important;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: -0.1px;
    line-height: 1;
    transition: background .15s, color .15s;
}
.et-d4__account strong {
    font-weight: 800;
    margin-left: 2px;
}
.et-d4__account:hover {
    background: #0A0A0A;
    color: #FFFFFF !important;
}
.et-d4__close {
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    color: #0A0A0A;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
    transition: background .15s;
}
.et-d4__close:hover { background: #F5F5F5; }

/* ── BUSCADOR pill grande ── */
.et-d4__search {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 18px 18px 8px !important;
    padding: 14px 18px !important;
    background: #C8CED8 !important;
    border: 0 !important;
    border-radius: 999px !important;
    transition: background .15s !important;
}
.et-d4__search:focus-within { background: #B5BCC6 !important; }
.et-d4__search svg {
    color: #2A2F3C !important;
    flex-shrink: 0 !important;
}
.et-d4__search input {
    flex: 1 !important;
    border: 0 !important;
    background: transparent !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    color: #0A0A0A !important;
    outline: 0 !important;
    padding: 0 !important;
}
.et-d4__search input::placeholder { color: #595E69 !important; opacity: 1; }

/* ── SECCIÓN común ── */
.et-d4__section {
    padding: 24px 18px 10px !important;
    border-bottom: 0 !important;
}
.et-d4__kicker {
    margin: 0 0 14px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 2.6px !important;
    color: #0B0B0C !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

/* ── LO MÁS VISTO ── */
.et-d4__top {
    list-style: none;
    margin: 0;
    padding: 0;
}
.et-d4__top-item {
    border-bottom: 1px solid #F0F0F0;
}
.et-d4__top-item:last-child { border-bottom: 0; }
.et-d4__top-item a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 0;
    color: #0A0A0A !important;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.2px;
}
.et-d4__top-item a:hover { color: #0B0B0C !important; }
.et-d4__top-dot {
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0B0B0C;
}
.et-d4__top-title {
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.et-d4__top-badge {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding: 3px 7px;
    background: #FF3131;
    color: #FFFFFF !important;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.8px;
    line-height: 1.2;
}

/* ── SECCIONES / PÁGINAS — grid 2 columnas con separador vertical ── */
.et-d4__cats {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
}
.et-d4__cat {
    display: flex !important;
    align-items: center !important;
    padding: 16px 14px 16px 0 !important;
    color: #0A0A0A !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    border-bottom: 1px solid #F0F0F0 !important;
    line-height: 1.2 !important;
    transition: color .15s !important;
}
.et-d4__cat:nth-child(odd) {
    border-right: 1px solid #E5E5E5 !important;
    padding-right: 14px !important;
}
.et-d4__cat:nth-child(even) {
    padding-left: 14px !important;
}
.et-d4__cat:hover { color: #0B0B0C !important; }
.et-d4__section .et-d4__cats .et-d4__cat:nth-last-child(-n+2) {
    border-bottom: 0 !important;
}

/* ── TARJETA TIEMPO al final del drawer ── */
.et-d4__section--weather {
    padding-bottom: 28px !important;
}
.et-d4__weather {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px 18px !important;
    background: linear-gradient(135deg, #F7F9FC 0%, #E9EEF8 100%) !important;
    border: 1px solid #DCE5F4 !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    color: #0A0A0A !important;
    transition: border-color .15s, box-shadow .15s !important;
}
.et-d4__weather:hover {
    border-color: #0B0B0C !important;
    box-shadow: 0 2px 10px rgba(11,11,12,0.10) !important;
}
.et-d4__weather-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.et-d4__weather-main {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}
.et-d4__weather-top {
    display: flex;
    align-items: baseline;
    gap: 10px;
}
.et-d4__weather-top strong {
    font-size: 30px;
    font-weight: 800;
    color: #0A0A0A;
    line-height: 1;
    letter-spacing: -1px;
}
.et-d4__weather-cond {
    font-size: 14px;
    font-weight: 500;
    color: #525252;
    letter-spacing: -0.1px;
}
.et-d4__weather-range {
    font-size: 12px;
    color: #525252;
    font-weight: 500;
    letter-spacing: 0.2px;
}
.et-d4__weather-range strong {
    color: #0A0A0A;
    font-weight: 700;
    font-size: 13px;
    margin-left: 2px;
}

/* Wrapper drawer v3 — fondo blanco */
.et-m__drawer.et-m__drawer--v3 {
    background: #FFFFFF !important;
    color: #0A0A0A !important;
    font-family: 'Inter', sans-serif !important;
}

/* HEAD */
.et-m__drawer--v3 .et-m__drawer-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 18px 18px 14px !important;
    border-bottom: 1px solid #F0F0F0 !important;
    background: #FFFFFF !important;
}
.et-m__drawer--v3 .et-m__drawer-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    color: #0A0A0A !important;
}
.et-m__drawer--v3 .et-m__drawer-logo img {
    max-height: 32px;
    width: auto;
    display: block;
}
.et-m__drawer--v3 .et-m__drawer-logo-text {
    font-size: 18px;
    font-weight: 800;
    color: #0A0A0A;
    letter-spacing: -0.4px;
}
.et-m__drawer--v3 .et-m__drawer-head-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.et-m__drawer--v3 .et-m__drawer-account {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #FFFFFF;
    border: 1px solid #0B0B0C;
    border-radius: 999px;
    color: #0B0B0C !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    transition: background .15s, color .15s;
}
.et-m__drawer--v3 .et-m__drawer-account:hover {
    background: #0B0B0C;
    color: #FFFFFF !important;
}
.et-m__drawer--v3 .et-m__drawer-close {
    width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    color: #0A0A0A;
    cursor: pointer;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .15s;
}
.et-m__drawer--v3 .et-m__drawer-close:hover { background: #F5F5F5; }

/* BÚSQUEDA */
.et-m__drawer--v3 .et-m__drawer-search {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 14px 18px 6px !important;
    padding: 10px 14px !important;
    background: #F5F5F5 !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    transition: border-color .15s, background .15s !important;
}
.et-m__drawer--v3 .et-m__drawer-search:focus-within {
    border-color: #0B0B0C !important;
    background: #FFFFFF !important;
}
.et-m__drawer--v3 .et-m__drawer-search svg {
    color: #8C8C8C !important;
    flex-shrink: 0 !important;
}
.et-m__drawer--v3 .et-m__drawer-search input {
    flex: 1 !important;
    border: 0 !important;
    background: transparent !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #0A0A0A !important;
    outline: 0 !important;
    padding: 0 !important;
}
.et-m__drawer--v3 .et-m__drawer-search input::placeholder { color: #8C8C8C !important; }

/* SECCIÓN común */
.et-m__drawer--v3 .et-m__drawer-section {
    padding: 18px 18px 18px !important;
    border-bottom: 1px solid #F0F0F0 !important;
}
.et-m__drawer--v3 .et-m__drawer-kicker {
    display: block !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 2.4px !important;
    color: #0B0B0C !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
    line-height: 1 !important;
}

/* Lo más visto */
.et-m__drawer--v3 .et-m__drawer-top {
    list-style: none;
    margin: 0;
    padding: 0;
}
.et-m__drawer--v3 .et-m__drawer-top li {
    border-bottom: 1px solid #F5F5F5;
}
.et-m__drawer--v3 .et-m__drawer-top li:last-child { border-bottom: 0; }
.et-m__drawer--v3 .et-m__drawer-top a {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
    color: #0A0A0A !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.2px;
}
.et-m__drawer--v3 .et-m__drawer-top a:hover { color: #0B0B0C !important; }
.et-m__drawer--v3 .et-m__drawer-top-dot {
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0B0B0C;
    margin-top: 8px;
}
.et-m__drawer--v3 .et-m__drawer-top-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Secciones / Páginas — grid 2 columnas con separadores */
.et-m__drawer--v3 .et-m__drawer-cats {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    margin: 0 !important;
}
.et-m__drawer--v3 .et-m__drawer-cat {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    padding: 12px 14px 12px 0 !important;
    color: #0A0A0A !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    letter-spacing: -0.1px !important;
    border-bottom: 1px solid #F5F5F5 !important;
    transition: color .15s !important;
    line-height: 1.2 !important;
}
.et-m__drawer--v3 .et-m__drawer-cat:nth-child(odd) {
    padding-right: 14px !important;
    border-right: 1px solid #F0F0F0 !important;
}
.et-m__drawer--v3 .et-m__drawer-cat:nth-child(even) { padding-left: 14px !important; }
.et-m__drawer--v3 .et-m__drawer-cat:hover { color: #0B0B0C !important; background: #FAFAFA !important; }
.et-m__drawer--v3 .et-m__drawer-cat-name {
    flex: 1;
    min-width: 0;
}
.et-m__drawer--v3 .et-m__drawer-cat-new {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    background: #0B0B0C;
    color: #FFFFFF !important;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.4px;
    line-height: 1;
    flex-shrink: 0;
}

/* TARJETA TIEMPO CANARIAS */
.et-m__drawer-wcard-v3 {
    margin: 14px 14px 24px;
    padding: 18px 18px 16px;
    background: linear-gradient(135deg, #F7F9FC 0%, #E9EEF8 100%);
    border: 1px solid #DCE5F4;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(11,11,12,0.06);
}
.et-m__drawer-wcard-v3 .et-m__drawer-wcard-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}
.et-m__drawer-wcard-v3 .et-m__drawer-wcard-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(11,11,12,0.10);
    color: #0B0B0C !important;
    transition: background .15s;
}
.et-m__drawer-wcard-v3 .et-m__drawer-wcard-link:hover {
    background: #0B0B0C;
    color: #FFFFFF !important;
}
.et-m__drawer-wcard-v3 .et-m__drawer-wcard-body {
    display: flex;
    align-items: center;
    gap: 14px;
}
.et-m__drawer-wcard-v3 .et-m__drawer-wcard-icon {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.et-m__drawer-wcard-v3 .et-m__drawer-wcard-temp {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}
.et-m__drawer-wcard-v3 .et-m__drawer-wcard-temp strong {
    font-size: 32px;
    font-weight: 800;
    color: #0A0A0A;
    line-height: 1;
    letter-spacing: -1.5px;
}
.et-m__drawer-wcard-v3 .et-m__drawer-wcard-temp span {
    font-size: 14px;
    font-weight: 500;
    color: #525252;
    letter-spacing: -0.1px;
}
.et-m__drawer-wcard-v3 .et-m__drawer-wcard-range {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #DCE5F4;
    font-size: 12.5px;
    color: #525252;
}
.et-m__drawer-wcard-v3 .et-m__drawer-wcard-range strong {
    color: #0A0A0A;
    font-weight: 700;
    font-size: 13px;
    margin-left: 4px;
}
.et-m__drawer-wcard-v3 .et-m__drawer-wcard-sep {
    width: 1px;
    height: 14px;
    background: #DCE5F4;
}