/* DownloadPinVideo — Supported Content | original editorial tile layout */
.dpv-supported-section .dpv-media-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1120px;margin:34px auto 0}
.dpv-supported-section .dpv-media-card{display:flex;flex-direction:column-reverse;min-width:0;overflow:hidden;border:1px solid #e9edf2;border-radius:20px;background:#fff;box-shadow:0 7px 24px rgba(18,30,52,.045);transition:transform .2s ease,box-shadow .2s ease}
.dpv-supported-section .dpv-media-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(18,30,52,.09)}
.dpv-supported-section .dpv-media-card--video{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr;min-height:285px}
.dpv-supported-section .dpv-media-card__body{padding:25px 28px 29px;text-align:left;display:flex;flex-direction:column;justify-content:center;min-width:0}
.dpv-supported-section .dpv-media-card--video .dpv-media-card__body{padding:38px 45px}
.dpv-supported-section .dpv-media-card__eyebrow{align-self:flex-start;background:#fff1f3;color:#cb1236;border-radius:6px;padding:5px 9px;font-size:11px;letter-spacing:.09em;font-weight:800;margin-bottom:12px}
.dpv-supported-section .dpv-media-card__body h3{font-size:clamp(19px,2vw,25px);line-height:1.25;color:#172033;font-weight:800;margin:0 0 10px}
.dpv-supported-section .dpv-media-card__body p{font-size:14px;line-height:1.75;color:#64748b;margin:0;max-width:570px}
.dpv-supported-section .dpv-media-card__body a{color:#d81940;text-decoration:underline;text-underline-offset:3px}
.dpv-supported-section .dpv-media-card__visual{position:relative;min-height:170px;display:grid;place-items:center;overflow:hidden;background:#f7f8fb;isolation:isolate}
.dpv-supported-section .dpv-media-card--video .dpv-media-card__visual{min-height:285px;background:radial-gradient(circle at 70% 30%,#ffe4e9,transparent 55%),#fff4f6}
.dpv-supported-section .dpv-media-card--image .dpv-media-card__visual{background:#eef8f4}
.dpv-supported-section .dpv-media-card--cover .dpv-media-card__visual{background:#f2f3ff}
.dpv-supported-section .dpv-media-card--gif .dpv-media-card__visual{background:#fff7e8}
.dpv-supported-section .dpv-media-card--mp3 .dpv-media-card__visual{background:#f1f5ff}
.dpv-supported-section .dpv-art{position:relative;width:230px;height:150px;display:grid;place-items:center}
.dpv-supported-section .dpv-art__window{width:210px;height:132px;border:7px solid #fff;border-radius:16px;background:linear-gradient(145deg,#f54e68,#c81743);box-shadow:0 14px 28px #a31a3b30;position:relative;display:grid;place-items:center}
.dpv-supported-section .dpv-art__bar{position:absolute;top:9px;left:12px;width:52px;height:5px;border-radius:5px;background:#ffffff88}
.dpv-supported-section .dpv-art__play{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:#d52249;font-size:23px;padding-left:4px}
.dpv-supported-section .dpv-art__timeline{position:absolute;bottom:12px;width:80%;height:5px;border-radius:4px;background:linear-gradient(90deg,#fff 45%,#ffffff65 45%)}
.dpv-supported-section .dpv-art__photo{position:absolute;width:140px;height:105px;border:7px solid #fff;border-radius:12px;box-shadow:0 12px 22px #204f3b24}
.dpv-supported-section .dpv-art__photo--back{transform:translate(-25px,-10px) rotate(-12deg);background:#b4dfd3}
.dpv-supported-section .dpv-art__photo--front{transform:translate(23px,9px) rotate(7deg);background:linear-gradient(#a8e2e6 55%,#79bc9d 55%);overflow:hidden}
.dpv-supported-section .dpv-art__sun{position:absolute;right:19px;top:14px;width:22px;height:22px;background:#ffe1a2;border-radius:50%}
.dpv-supported-section .dpv-art__mountain{position:absolute;bottom:-12px;left:12px;width:110px;height:65px;background:#3d947b;transform:rotate(-25deg);border-radius:15px}
.dpv-supported-section .dpv-art__cover{width:194px;height:120px;background:linear-gradient(130deg,#697cda,#293c8f);border:7px solid white;border-radius:14px;box-shadow:0 12px 24px #2a3b8c30;display:grid;place-items:center;position:relative}
.dpv-supported-section .dpv-art__cover-play{color:#fff;font-size:34px}
.dpv-supported-section .dpv-art__cover-label{position:absolute;bottom:-11px;right:-13px;background:#fff;color:#3447a0;border-radius:6px;padding:7px 10px;font-weight:900;font-size:12px;box-shadow:0 5px 15px #273d7d30}
.dpv-supported-section .dpv-art__frame{position:absolute;width:100px;height:100px;border:6px solid #fff;border-radius:13px;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 20px #93621c24}
.dpv-supported-section .dpv-art__frame--one{background:#ffd59a;color:#ac6424;transform:translate(-48px,-8px) rotate(-13deg)}
.dpv-supported-section .dpv-art__frame--two{background:#ffc071;color:#a7581b;transform:translate(0,-1px) rotate(4deg)}
.dpv-supported-section .dpv-art__frame--three{background:#ef9d39;color:#fff;transform:translate(49px,9px) rotate(12deg);font-size:23px}
.dpv-supported-section .dpv-art__audio{width:206px;height:116px;border-radius:18px;background:#fff;box-shadow:0 12px 25px #2b4a8a20;display:flex;align-items:center;gap:17px;padding:20px}
.dpv-supported-section .dpv-art__note{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:#e5edff;color:#456ac2;font-size:38px}
.dpv-supported-section .dpv-art__wave{display:flex;align-items:center;gap:5px;height:60px}
.dpv-supported-section .dpv-art__wave i{width:5px;height:24px;border-radius:5px;background:#6687d2}
.dpv-supported-section .dpv-art__wave i:nth-child(3n){height:45px}.dpv-supported-section .dpv-art__wave i:nth-child(2n){height:33px}
@media(max-width:760px){.dpv-supported-section .dpv-media-cards{grid-template-columns:1fr;gap:16px;margin-top:24px}.dpv-supported-section .dpv-media-card--video{grid-column:auto;display:flex;flex-direction:column-reverse;min-height:0}.dpv-supported-section .dpv-media-card__visual,.dpv-supported-section .dpv-media-card--video .dpv-media-card__visual{min-height:175px}.dpv-supported-section .dpv-media-card__body,.dpv-supported-section .dpv-media-card--video .dpv-media-card__body{padding:23px}.dpv-supported-section .dpv-media-card__body h3{font-size:20px}.dpv-supported-section .dpv-art{transform:scale(.86)}}
@media(prefers-reduced-motion:reduce){.dpv-supported-section .dpv-media-card{transition:none}.dpv-supported-section .dpv-media-card:hover{transform:none}}
/* =========================================
   DownloadPinVideo — Premium Video Preview
   Only affects the Video Downloader card
   ========================================= */

   .dpv-supported-section .dpv-media-card--video .dpv-art {
    width: 300px;
    height: 200px;
    max-width: 100%;
}

/* Modern video player */

.dpv-supported-section .dpv-media-card--video .dpv-art__window {
    width: 280px;
    height: 175px;
    max-width: 100%;
    position: relative;
    overflow: hidden;

    border: 6px solid #ffffff;
    border-radius: 18px;

    background:
        radial-gradient(
            circle at 75% 25%,
            rgba(255, 125, 145, 0.35),
            transparent 45%
        ),
        linear-gradient(
            135deg,
            #354462 0%,
            #202d49 50%,
            #111827 100%
        );

    box-shadow:
        0 20px 40px rgba(31, 41, 65, 0.20),
        0 5px 12px rgba(31, 41, 65, 0.08);

    transform: rotate(-3deg);
}

/* HD badge */

.dpv-supported-section .dpv-media-card--video .dpv-art__window::before {
    content: "HD";
    position: absolute;
    top: 13px;
    right: 14px;

    padding: 5px 9px;
    border-radius: 6px;

    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

/* Red play button */

.dpv-supported-section .dpv-media-card--video .dpv-art__play {
    width: 62px;
    height: 62px;

    border-radius: 50%;
    background: #ed174c;
    color: #ffffff;

    font-size: 25px;

    box-shadow:
        0 8px 24px rgba(237, 23, 76, 0.30),
        0 0 0 9px rgba(237, 23, 76, 0.13);
}

/* Video progress bar */

.dpv-supported-section .dpv-media-card--video .dpv-art__timeline {
    bottom: 17px;
    width: 82%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #ed174c 38%,
        rgba(255, 255, 255, 0.38) 38%
    );
}

/* Player top detail */

.dpv-supported-section .dpv-media-card--video .dpv-art__bar {
    width: 45px;
    height: 5px;
    background: rgba(255, 255, 255, 0.45);
}

/* Mobile optimization */

@media (max-width: 760px) {

    .dpv-supported-section .dpv-media-card--video .dpv-art {
        width: 260px;
        height: 175px;
        transform: scale(0.86);
    }

    .dpv-supported-section .dpv-media-card--video .dpv-art__window {
        width: 250px;
        height: 160px;
    }

}