/* =========================================================
   JaimeDiaz.TV Home V4 Clean
   Moved from main.tpl. Keep this block after base styles.
   ========================================================= */
:root{
	--jdv4-dark:#06172f;
	--jdv4-navy:#082549;
	--jdv4-coral:#ff765f;
	--jdv4-orange:#ffb14a;
	--jdv4-border:#dce8f4;
	--jdv4-soft:#f6fbff;
	--jdv4-muted:#6c7a91;
	--jdv4-shadow:0 12px 28px rgba(8,37,73,.075);
	--jdv4-shadow-strong:0 18px 44px rgba(8,37,73,.13);
}
body{background:linear-gradient(180deg,#eef8ff 0,#fbfdff 34%,#fff 100%);}
.pe-topbar{height:32px;background:var(--jdv4-dark);}
.pe-header{background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(8,37,73,.075);}
.pe-header__inner{height:86px;}
.pe-logo--image img{height:58px;width:auto;}
.pe-main{padding-top:26px;}
.jdv4-home{width:100%;}
.jdv4-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;}
.jdv4-section-title{display:flex;align-items:center;gap:10px;margin:0;color:var(--pe-text);font-size:21px;line-height:1.15;font-weight:950;letter-spacing:-.3px;text-transform:uppercase;}
.jdv4-section-title:before{content:"";display:block;width:4px;height:25px;border-radius:99px;background:linear-gradient(180deg,var(--jdv4-coral),var(--jdv4-orange));}
.jdv4-section-link{font-size:11px;font-weight:950;color:var(--jdv4-navy);text-transform:uppercase;text-decoration:none;}
.jdv4-section-link .fa{margin-left:6px;color:var(--jdv4-coral);}

/* Hero */
.jdv4-hero{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,.72fr));gap:16px;align-items:stretch;margin:0 0 34px;}
.jdv4-hero-main{min-width:0;}
.jdv4-hero-main .pe-slider,.jdv4-hero-main .pe-hero{position:relative;height:320px;min-height:320px;overflow:hidden;border-radius:10px;box-shadow:var(--jdv4-shadow-strong);}
.jdv4-hero-main .pe-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;z-index:1;transition:opacity .35s ease,visibility .35s ease;overflow:hidden;}
.jdv4-hero-main .pe-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:3;}
.jdv4-hero-main .pe-hero__image,.jdv4-hero-main .jdv4-carousel-image{position:absolute;inset:0;width:100%;height:100%;}
.jdv4-hero-main .pe-hero__image img,.jdv4-hero-main .jdv4-carousel-image img{width:100%;height:100%;object-fit:cover;}
.jdv4-hero-main .pe-hero__overlay,.jdv4-hero-main .jdv4-carousel-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,23,47,.92),rgba(6,23,47,.48) 58%,rgba(6,23,47,.3)),linear-gradient(0deg,rgba(0,0,0,.62),transparent 70%);z-index:2;}
.jdv4-hero-main .pe-hero__content,.jdv4-hero-main .jdv4-carousel-content{position:absolute;top:50%;bottom:auto;left:42px;transform:translateY(-50%);z-index:4;width:min(560px,calc(100% - 92px));}
.jdv4-hero-main .pe-badge,.jdv4-hero-main .jdv4-carousel-badge{position:relative;top:auto;left:auto;display:inline-flex;align-items:center;height:28px;padding:0 12px;margin:0 0 10px;border-radius:8px;color:#fff;font-size:10px;font-weight:950;border:0;}
.jdv4-hero-main .pe-hero h1,.jdv4-hero-main .jdv4-carousel-content h1{font-size:clamp(28px,2.25vw,38px);line-height:1.06;letter-spacing:-.8px;margin:8px 0;color:#fff;}
.jdv4-hero-main .pe-hero p,.jdv4-hero-main .jdv4-carousel-content p{font-size:13px;line-height:1.45;margin:0 0 10px;max-width:470px;color:rgba(255,255,255,.9);}
.jdv4-hero-main .pe-meta,.jdv4-hero-main .jdv4-carousel-meta{margin:0 0 14px;color:rgba(255,255,255,.9);font-size:12px;font-weight:800;}
.jdv4-hero-main .pe-meta .fa{color:var(--jdv4-orange);margin-right:7px;}
.jdv4-hero-main .pe-btn,.jdv4-hero-main .jdv4-carousel-btn{height:38px;padding:0 16px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(0,0,0,.24);color:#fff;font-size:10px;font-weight:950;box-shadow:none;backdrop-filter:blur(8px);}
.jdv4-hero-main .pe-btn:before{content:"\f04b";font-family:FontAwesome;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:7px;border-radius:50%;background:#fff;color:var(--jdv4-dark);font-size:8px;}
.jdv4-hero-main .pe-arrow{width:36px;height:36px;background:rgba(6,23,47,.78);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18);z-index:10;}
.jdv4-hero-main .pe-arrow .fa{font-size:22px;color:#fff;}
.jdv4-hero-main .pe-dots{bottom:12px;z-index:10;}
.jdv4-side-card{position:relative;display:block;height:320px;border-radius:10px;overflow:hidden;background:var(--jdv4-dark);box-shadow:var(--jdv4-shadow);text-decoration:none;color:#fff;}
.jdv4-side-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .42s ease,filter .42s ease;}
.jdv4-side-card:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.04);}
.jdv4-side-card__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,23,47,.06),rgba(6,23,47,.34) 42%,rgba(6,23,47,.92));}
.jdv4-badge{position:absolute;z-index:2;left:16px;bottom:118px;display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:6px;color:#fff;font-size:10px;font-weight:950;border:0;}
.jdv4-side-card strong{position:absolute;z-index:2;left:16px;right:16px;bottom:46px;color:#fff;font-size:17px;line-height:1.16;font-weight:950;letter-spacing:-.25px;text-shadow:0 4px 18px rgba(0,0,0,.38);}
.jdv4-side-card small{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;color:rgba(255,255,255,.9);font-size:11px;font-weight:800;}
.jdv4-side-card small .fa{margin-right:6px;}

/* Category badges */
.pe-badge--auto,.jdv4-badge{background:linear-gradient(135deg,var(--jdv4-coral),var(--jdv4-orange));color:#fff;}
.jdv4-cat-deportes{background:#2ecf88;color:#fff;}
.jdv4-cat-especiales{background:linear-gradient(135deg,var(--jdv4-coral),var(--jdv4-orange));color:#fff;}
.jdv4-cat-religion{background:#7c5cff;color:#fff;}
.jdv4-cat-politica{background:#e83f5b;color:#fff;}
.jdv4-cat-mantenimiento{background:#ffb14a;color:#082549;}
.jdv4-cat-comunicados{background:#35c9ff;color:#082549;}
.jdv4-cat-noticias{background:#0f6fff;color:#fff;}
.jdv4-cat-eventos{background:#9b5cff;color:#fff;}
.jdv4-cat-replays{background:#ff765f;color:#fff;}


/* Compatibilidad: si DLE cache todavía devuelve clases jdv3, conservar colores */
.jdv3-cat-deportes{background:#2ecf88;color:#fff;}
.jdv3-cat-especiales{background:linear-gradient(135deg,var(--jdv4-coral),var(--jdv4-orange));color:#fff;}
.jdv3-cat-religion{background:#7c5cff;color:#fff;}
.jdv3-cat-politica{background:#e83f5b;color:#fff;}
.jdv3-cat-mantenimiento{background:#ffb14a;color:#082549;}
.jdv3-cat-comunicados{background:#35c9ff;color:#082549;}
.jdv3-cat-noticias{background:#0f6fff;color:#fff;}
.jdv3-cat-eventos{background:#9b5cff;color:#fff;}
.jdv3-cat-replays{background:#ff765f;color:#fff;}

/* Cards */
.jdv4-featured{margin:0 0 36px;}
.jdv4-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.jdv4-card{overflow:hidden;background:#fff;border:1px solid var(--jdv4-border);border-radius:6px;box-shadow:0 8px 22px rgba(8,37,73,.065);}
.jdv4-card__media{position:relative;display:block;height:172px;overflow:hidden;background:var(--jdv4-dark);}
.jdv4-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.jdv4-card:hover .jdv4-card__media img{transform:scale(1.04);}
.jdv4-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.25));}
.jdv4-card__media .jdv4-badge{top:12px;bottom:auto;left:12px;height:25px;border-radius:6px;}
.jdv4-card__body{padding:16px;}
.jdv4-card h3{margin:0 0 10px;font-size:17px;line-height:1.32;font-weight:950;letter-spacing:-.2px;}
.jdv4-card h3 a{text-decoration:none;color:inherit;}
.jdv4-card h3 a:hover{color:var(--jdv4-coral);}
.jdv4-card p{margin:0 0 14px;color:#465469;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.jdv4-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--jdv4-muted);font-size:12px;font-weight:800;}
.jdv4-card__meta .fa{color:var(--jdv4-orange);margin-right:5px;}

/* Mid + trends */
.jdv4-mid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(330px,.82fr);gap:34px;align-items:start;margin:0 0 36px;}
.jdv4-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.jdv4-video-card{display:block;color:var(--pe-text);text-decoration:none;}
.jdv4-video-card__thumb{position:relative;display:block;height:126px;overflow:hidden;border-radius:6px;background:var(--jdv4-dark);box-shadow:0 10px 24px rgba(8,37,73,.08);}
.jdv4-video-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.jdv4-video-card:hover img{transform:scale(1.04);}
.jdv4-video-card__thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.42));}
.jdv4-video-card__play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--jdv4-dark);box-shadow:0 12px 28px rgba(0,0,0,.18);}
.jdv4-video-card__label{position:absolute;z-index:2;left:8px;bottom:8px;padding:4px 8px;border-radius:4px;background:rgba(0,0,0,.78);color:#fff;font-size:11px;font-weight:950;}
.jdv4-video-card strong{display:block;margin:10px 0 8px;font-size:15px;line-height:1.3;font-weight:950;}
.jdv4-video-card small{color:var(--jdv4-muted);font-size:12px;font-weight:800;}
.jdv4-trends{counter-reset:jdv4trend;overflow:hidden;background:#fff;border:1px solid var(--jdv4-border);border-radius:6px;box-shadow:0 10px 26px rgba(8,37,73,.06);}
.jdv4-trend-item{counter-increment:jdv4trend;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--jdv4-border);color:var(--pe-text);text-decoration:none;}
.jdv4-trend-item:last-child{border-bottom:0;}
.jdv4-trend-item__num:before{content:counter(jdv4trend);display:block;color:var(--jdv4-dark);font-size:30px;line-height:1;font-weight:950;}
.jdv4-trend-item strong{font-size:13px;line-height:1.26;font-weight:900;}
.jdv4-trend-item small{white-space:nowrap;color:var(--jdv4-muted);font-size:12px;font-weight:800;}

/* Lower + widgets */
.jdv4-lower{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start;margin:0 0 36px;}
.jdv4-latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.jdv4-latest-grid .jdv4-card__media{height:205px;}
.jdv4-rail{display:flex;flex-direction:column;gap:24px;}
.jdv4-widget{background:#fff;border:1px solid var(--jdv4-border);border-radius:6px;box-shadow:0 10px 26px rgba(8,37,73,.06);padding:22px;}
.jdv4-newsletter h3{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:19px;text-transform:uppercase;}
.jdv4-newsletter h3 .fa{color:var(--jdv4-orange);}
.jdv4-newsletter p{margin:0 0 16px;color:var(--jdv4-muted);font-size:13px;line-height:1.55;}
.jdv4-newsletter input{width:100%;height:44px;margin:0 0 10px;border:1px solid var(--jdv4-border);border-radius:5px;padding:0 14px;}
.jdv4-newsletter button{width:100%;height:44px;border:0;border-radius:5px;background:linear-gradient(135deg,var(--jdv4-coral),var(--jdv4-orange));color:#fff;font-size:12px;font-weight:950;}
.jdv4-tags .pe-trends{display:flex;flex-wrap:wrap;gap:9px;}
.jdv4-tags .pe-trends a{font-size:12px;}
.jdv4-ad{display:flex;align-items:center;justify-content:center;min-height:92px;margin:8px 0 0;border-radius:6px;background:linear-gradient(180deg,#fff,#f4f7fb);border:1px solid var(--jdv4-border);color:#8b95a5;font-size:18px;letter-spacing:.06em;text-transform:uppercase;}

/* Events widget */
.jdv4-event-widget .jd-event-featured--sidebar-min{display:block;padding:14px 14px 16px;border-radius:16px;border:1px solid var(--jdv4-border);background:#fff;text-decoration:none;margin-bottom:12px;}
.jdv4-event-widget .jd-event-featured__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--jdv4-border);}
.jdv4-event-widget .jd-event-featured__bar span{color:var(--jdv4-muted);font-size:12px;font-weight:950;text-transform:uppercase;}
.jdv4-event-widget .jd-event-featured__bar b{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 13px;border-radius:999px;background:linear-gradient(135deg,var(--jdv4-coral),var(--jdv4-orange));color:#fff;font-size:11px;font-weight:950;white-space:nowrap;}
.jdv4-event-widget .jd-event-featured__countdown{display:grid;grid-template-columns:1.08fr repeat(3,1fr);gap:8px;margin:0;padding:0;background:transparent;}
.jdv4-event-widget .jd-event-featured__countdown span{min-height:58px;padding:8px 5px;border-radius:13px;background:#f6fbff;border:1px solid var(--jdv4-border);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.jdv4-event-widget .jd-event-featured__countdown strong{font-size:20px;line-height:1;color:var(--jdv4-navy);}
.jdv4-event-widget .jd-event-featured__countdown em{margin-top:4px;font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase;color:var(--jdv4-muted);}
.jdv4-event-widget .jd-event-featured__datebox strong{font-size:23px;}
.jdv4-event-widget .jd-event-featured__datebox em{color:var(--jdv4-coral);font-size:10px;}
.jdv4-event-widget .jd-upcoming-event--compact{display:grid;grid-template-columns:54px minmax(0,1fr) 34px;gap:11px;align-items:center;padding:10px 0;margin:0;border:0;border-top:1px solid var(--jdv4-border);border-radius:0;background:transparent;box-shadow:none;text-decoration:none;color:var(--pe-text);}
.jdv4-event-widget .jd-upcoming-date{width:48px;min-width:48px;height:48px;border-radius:10px;background:#fff;border:1px solid var(--jdv4-border);box-shadow:none;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.jdv4-event-widget .jd-upcoming-date strong{font-size:19px;color:var(--jdv4-navy);line-height:1;}
.jdv4-event-widget .jd-upcoming-date em{font-size:10px;color:var(--jdv4-muted);font-style:normal;}
.jdv4-event-widget .jd-upcoming-info b{font-size:13px;line-height:1.2;display:block;color:var(--jdv4-navy);}
.jdv4-event-widget .jd-upcoming-info small{font-size:11px;color:var(--jdv4-muted);}
.jdv4-event-widget .jd-upcoming-arrow{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,rgba(255,118,95,.14),rgba(255,177,74,.20));color:var(--jdv4-coral);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(255,118,95,.12);transition:all .25s ease;}
.jdv4-event-widget .jd-upcoming-arrow .fa{font-size:18px;font-weight:900;}
.jdv4-event-widget .jd-upcoming-event:hover .jd-upcoming-arrow{background:linear-gradient(135deg,var(--jdv4-coral),var(--jdv4-orange));color:#fff;transform:translateX(3px);box-shadow:0 10px 22px rgba(255,118,95,.28);}


/* JD MULTIMEDIA HOME START */

.jdmh-home {
    margin: 0 0 36px;
}

.jdmh-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, .85fr);
    gap: 20px;
    align-items: stretch;
}

.jdmh-side {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.jdmh-card {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--jdv4-border);
    border-radius: 10px;
    box-shadow: var(--jdv4-shadow);
}

.jdmh-card--featured {
    display: grid;
    grid-template-columns: minmax(270px, 1.05fr) minmax(0, .95fr);
    min-height: 330px;
}

.jdmh-card--compact {
    display: grid;
    grid-template-columns: 155px minmax(0, 1fr);
    min-height: 157px;
}

.jdmh-card__media {
    position: relative;
    display: block;
    min-height: 100%;
    overflow: hidden;
    background:
        radial-gradient(circle at 25% 30%, rgba(53,201,255,.24), transparent 35%),
        linear-gradient(135deg, #071b33, #123a68);
}

.jdmh-card__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .42s ease;
}

.jdmh-card:hover .jdmh-card__media img {
    transform: scale(1.045);
}

.jdmh-card__fallback {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.8);
    font-size: 52px;
}

.jdmh-card__shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(4,18,39,.02), rgba(4,18,39,.65));
}

.jdmh-card__type,
.jdmh-card__protected {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 9px;
    line-height: 1;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .4px;
    white-space: nowrap;
}

.jdmh-card--compact .jdmh-card__type {
    left: 10px;
    right: auto;
    bottom: 10px;
    width: auto;
    max-width: calc(100% - 20px);
    height: 20px;
    padding: 0 8px;
    border-radius: 5px;
    overflow: hidden;
    font-size: 7px;
    line-height: 20px;
    letter-spacing: .25px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jdmh-card--compact .jdmh-card__protected {
    top: 9px;
    right: 9px;
    height: 21px;
    padding: 0 7px;
    border-radius: 5px;
    font-size: 7px;
    letter-spacing: .15px;
}

.jdmh-card__type {
    left: 14px;
    bottom: 14px;
    color: #fff;
    background: linear-gradient(
        135deg,
        var(--jdv4-coral),
        var(--jdv4-orange)
    );
}

.jdmh-card__protected {
    top: 14px;
    right: 14px;
    color: var(--jdv4-dark);
    background: rgba(255,255,255,.92);
}

.jdmh-card__protected .fa {
    margin-right: 5px;
}

.jdmh-card__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 24px;
}

.jdmh-card--compact .jdmh-card__body {
    padding: 16px;
}

.jdmh-card__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 10px;
    color: var(--jdv4-muted);
    font-size: 11px;
    font-weight: 850;
}

.jdmh-card__stats span {
    display: inline-flex;
    align-items: center;
}

.jdmh-card__stats .fa {
    margin-right: 5px;
    color: var(--jdv4-coral);
}

.jdmh-card h3 {
    margin: 0 0 10px;
    color: var(--jdv4-dark);
    font-size: 25px;
    line-height: 1.13;
    font-weight: 950;
    letter-spacing: -.45px;
}

.jdmh-card--compact h3 {
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 1.22;
    letter-spacing: -.15px;
}

.jdmh-card h3 a {
    color: inherit;
    text-decoration: none;
}

.jdmh-card h3 a:hover {
    color: var(--jdv4-coral);
}

.jdmh-card p {
    margin: 0 0 16px;
    color: #516077;
    font-size: 13px;
    line-height: 1.5;
}

.jdmh-card--compact p {
    display: -webkit-box;
    margin-bottom: 9px;
    overflow: hidden;
    font-size: 11px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.jdmh-card__button {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: auto;
    color: var(--jdv4-dark);
    font-size: 10px;
    font-weight: 950;
    text-decoration: none;
    text-transform: uppercase;
}

.jdmh-card__button .fa {
    margin-left: 7px;
    color: var(--jdv4-coral);
    font-size: 14px;
    transition: transform .2s ease;
}

.jdmh-card__button:hover .fa {
    transform: translateX(3px);
}

.jdmh-more {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 157px;
    padding: 22px;
    border: 1px dashed var(--jdv4-border);
    border-radius: 10px;
    background: rgba(255,255,255,.62);
    color: var(--jdv4-muted);
}

.jdmh-more .fa {
    margin-bottom: 10px;
    color: var(--jdv4-coral);
    font-size: 25px;
}

.jdmh-more strong {
    color: var(--jdv4-dark);
    font-size: 15px;
}

.jdmh-more span {
    margin-top: 5px;
    font-size: 12px;
}

@media (max-width: 1100px) {
    .jdmh-grid {
        grid-template-columns: 1fr;
    }

    .jdmh-side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
    }
}

@media (max-width: 720px) {
    .jdmh-card--featured,
    .jdmh-card--compact {
        grid-template-columns: 1fr;
    }

    .jdmh-card--featured .jdmh-card__media {
        min-height: 230px;
    }

    .jdmh-card--compact .jdmh-card__media {
        min-height: 170px;
    }

    .jdmh-side {
        grid-template-columns: 1fr;
    }

    .jdmh-card__body {
        padding: 20px;
    }

    .jdmh-card h3 {
        font-size: 21px;
    }

    .jdmh-card--compact h3 {
        font-size: 18px;
    }
}

/* JD MULTIMEDIA HOME END */

@media(max-width:1240px){
	.jdv4-hero{grid-template-columns:1.55fr repeat(3,.72fr);}
	.jdv4-side-card strong{font-size:16px;}
}
@media(max-width:1100px){
	.jdv4-hero{grid-template-columns:1fr;}
	.jdv4-side-card{height:210px;}
	.jdv4-side-card .jdv4-badge{top:16px;bottom:auto;}
	.jdv4-side-card strong{font-size:21px;}
	.jdv4-mid,.jdv4-lower{grid-template-columns:1fr;}
	.jdv4-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:900px){
	.jdv4-featured-grid,.jdv4-video-grid,.jdv4-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:720px){
	.pe-wrap{width:min(100% - 24px,1240px);}
	.jdv4-hero-main .pe-hero,.jdv4-hero-main .pe-slider{height:390px;min-height:390px;}
	.jdv4-hero-main .pe-hero__content,.jdv4-hero-main .jdv4-carousel-content{left:22px;width:calc(100% - 44px);}
	.jdv4-featured-grid,.jdv4-video-grid,.jdv4-latest-grid,.jdv4-rail{grid-template-columns:1fr;}
	.jdv4-trend-item{grid-template-columns:34px minmax(0,1fr);}
	.jdv4-trend-item small{grid-column:2;}
}
/* ========================================================= */