/* iEvolution Video Download Manager — Frontend CSS
   Strictly following brand-guidelines.html v2.0 */

.pvdm{--nv:#1B2A4A;--tl:#2AAFD3;--td:#1E8FAD;--g1:#6B7B8D;--g2:#94A3B8;--bg:#F8FAFB;--bd:#E8EDF2;--ff:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ff);color:var(--nv);max-width:1280px;margin:0 auto;padding:0 40px;-webkit-font-smoothing:antialiased}
.pvdm *,.pvdm *::before,.pvdm *::after{box-sizing:border-box;margin:0;padding:0}

/* Hero */
.pvdm-hero{text-align:center;padding:56px 20px 0}
.pvdm .pvdm-hero-ey{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--tl);margin-bottom:24px}
.pvdm .pvdm-hero-ey::before,.pvdm .pvdm-hero-ey::after{content:'';width:28px;height:2px;background:var(--tl)}
.pvdm .pvdm-hero-h{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-1.5px;line-height:1.15;color:var(--nv);margin-bottom:12px;font-family:var(--ff)}
.pvdm-hero-p{font-size:16px;line-height:1.7;color:var(--g1);max-width:600px;margin:0 auto 48px}

/* Controls */
.pvdm-bar{display:flex;gap:12px;max-width:600px;margin:0 auto;align-items:stretch}

/* Search */
.pvdm-srch{flex:1;position:relative;min-width:0}
.pvdm .pvdm-srch-box{position:relative;display:flex;align-items:center;background:#fff;border:1px solid var(--bd);border-radius:8px;transition:border-color .2s ease}
.pvdm .pvdm-srch-box:focus-within{border-color:var(--tl)}
.pvdm .pvdm-srch-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--g2);pointer-events:none;transition:color .2s}
.pvdm .pvdm-srch-box:focus-within .pvdm-srch-ico{color:var(--tl)}
.pvdm .pvdm-srch-in{width:100%;padding:10px 38px 10px 42px;border:none;outline:none;font:600 13px/1 var(--ff);color:var(--nv);background:transparent;box-shadow:none;min-height:40px}
.pvdm .pvdm-srch-in::placeholder{color:var(--g2);font-weight:400}
.pvdm .pvdm-srch-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--g2);background:none;border:none;padding:4px 8px;font:600 12px/1 var(--ff);letter-spacing:.3px;transition:color .2s}
.pvdm .pvdm-srch-x:hover{color:var(--tl)}

/* Autocomplete */
.pvdm .pvdm-ac{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--bd);border-radius:16px;box-shadow:0 16px 40px -12px rgba(27,42,74,.1);z-index:50;max-height:220px;overflow-y:auto;display:none}
.pvdm .pvdm-ac-i{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background .12s;border:none;width:100%;background:transparent;text-align:left;font-family:var(--ff)}
.pvdm .pvdm-ac-i:hover{background:var(--bg)}
.pvdm .pvdm-ac-i+.pvdm-ac-i{border-top:1px solid var(--bd)}
.pvdm .pvdm-ac-ico{color:var(--g2);flex-shrink:0}
.pvdm .pvdm-ac-tx{min-width:0;flex:1}
.pvdm .pvdm-ac-nm{font-size:13px;font-weight:600;color:var(--nv);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-family:var(--ff);line-height:1.4}
.pvdm .pvdm-ac-ct{font-size:11px;color:var(--g2);font-weight:600;display:block;letter-spacing:1px;text-transform:uppercase}
.pvdm .pvdm-ac-0{padding:20px 16px;text-align:center;color:var(--g1);font-size:14px;font-family:var(--ff);font-weight:400}
.pvdm .pvdm-ac mark{background:rgba(42,175,211,.08);color:var(--tl);border-radius:2px;padding:0 2px}

/* Dropdown */
.pvdm-dd{position:relative;width:200px;flex-shrink:0}
.pvdm .pvdm-dd-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;height:100%;min-height:40px;background:#fff;border:1px solid var(--bd);border-radius:8px;cursor:pointer;transition:border-color .2s ease;user-select:none;font:600 13px/1 var(--ff);color:var(--nv);width:100%;min-width:160px}
.pvdm .pvdm-dd-btn:hover,.pvdm .pvdm-dd-btn:focus{border-color:var(--tl);outline:none}
.pvdm-dd-text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvdm-dd-arr{color:var(--g2);flex-shrink:0;transition:transform .2s}
.pvdm-dd.open .pvdm-dd-arr{transform:rotate(180deg)}
.pvdm .pvdm-dd-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--bd);border-radius:16px;box-shadow:0 16px 40px -12px rgba(27,42,74,.1);z-index:50;overflow:hidden;display:none}
.pvdm-dd-opt{display:flex;align-items:center;gap:10px;padding:11px 16px;width:100%;border:none;background:transparent;cursor:pointer;transition:background .12s;text-align:left;font-family:var(--ff)}
.pvdm-dd-opt:hover{background:var(--bg)}
.pvdm .pvdm-dd-opt--on{background:rgba(42,175,211,.08)}
.pvdm .pvdm-dd-opt--on .pvdm-dd-opt-n{color:var(--tl);font-weight:700}
.pvdm-dd-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.pvdm-dd-opt-n{flex:1;font-size:13px;font-weight:600;color:var(--nv)}
.pvdm-dd-opt-c{font-size:11px;font-weight:600;padding:2px 8px;border-radius:100px;background:var(--bg);color:var(--g2)}

/* Info bar + view toggle */
.pvdm .pvdm-info{padding:22px 0 8px;font-size:14px;color:var(--g1);font-weight:400;display:flex;align-items:center;justify-content:space-between}
.pvdm .pvdm-info strong{color:var(--nv);font-weight:700}
.pvdm .pvdm-view{display:flex;gap:4px}
.pvdm .pvdm-view-btn{width:34px;height:34px;border-radius:16px;border:1px solid var(--bd);background:#fff;color:var(--g2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}
.pvdm .pvdm-view-btn:hover{border-color:var(--tl);color:var(--tl)}
.pvdm .pvdm-view-btn--on{background:var(--nv);border-color:var(--nv);color:#fff}
.pvdm .pvdm-view-btn--on:hover{background:var(--tl);border-color:var(--tl)}
.pvdm .pvdm-view-btn svg{stroke:currentColor}

/* Grid */
.pvdm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;padding-bottom:48px}
.pvdm-grid[data-cols='2']{grid-template-columns:repeat(auto-fill,minmax(46%,1fr))}
.pvdm-grid[data-cols='4']{grid-template-columns:repeat(auto-fill,minmax(265px,1fr))}
.pvdm-grid--1{grid-template-columns:1fr;max-width:640px;margin:0 auto}

/* Card — brand: 16px radius, 1px border, hover -4px lift, NO scale/rotate */
@keyframes pvr{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.pvdm-c{position:relative;background:#fff;border-radius:16px;border:1px solid var(--bd);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;animation:pvr .5s ease var(--d,.04s) both}
.pvdm-c:hover{transform:translateY(-4px);box-shadow:0 16px 40px -12px rgba(27,42,74,.1)}
.pvdm-c.hid{display:none}
.pvdm .pvdm-c-line{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--tl),var(--nv));transform:scaleX(0);transform-origin:left;transition:transform .3s ease;font-style:normal}
.pvdm .pvdm-c:hover .pvdm-c-line{transform:scaleX(1)}

/* Card image */
.pvdm-c-img{position:relative;background:#fff;overflow:hidden;cursor:pointer}
.pvdm-c-img img{width:100%;display:block;object-fit:contain;background:#fff}
.pvdm-c-ph{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--g2)}

/* Play overlay — NO glassmorphism, NO scale on hover */
.pvdm .pvdm-c-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:rgba(27,42,74,.7);color:#fff;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:3;padding-left:3px;opacity:0;pointer-events:none}
.pvdm .pvdm-c-img:hover .pvdm-c-play{opacity:1;pointer-events:auto}
.pvdm .pvdm-c-play:hover{background:var(--tl);border-color:var(--tl);transform:translate(-50%,-50%)}

/* Tags — brand pill style, NO backdrop-filter */
.pvdm .pvdm-c-tag{position:absolute;top:12px;z-index:4;padding:6px 16px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.5px;font-family:var(--ff)}
.pvdm .pvdm-c-tag--f{left:12px;background:rgba(139,105,20,.08);color:#8B6914;border:1px solid rgba(139,105,20,.15)}
.pvdm .pvdm-c-tag--c{right:12px;background:rgba(42,175,211,.08);color:var(--tl);border:1px solid rgba(42,175,211,.15)}

/* Card body — brand type scale: Heading 18px/700/-0.3px, Body 14px/400/1.65 */
.pvdm-c-bd{padding:20px 24px 22px;display:flex;flex-direction:column;flex:1}
.pvdm .pvdm-c-t{font-size:18px;font-weight:700;color:var(--nv);letter-spacing:-.3px;line-height:1.2;margin-bottom:4px;font-family:var(--ff)}
.pvdm-c-d{font-size:14px;color:var(--g1);line-height:1.65;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pvdm-c-ft{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--bd)}

/* Download button — brand btn-primary: navy bg, 50px radius, 14px/700/0.5px, 14px 32px */
.pvdm .pvdm-c-dl{display:inline-flex;align-items:center;gap:10px;background:var(--nv);color:#fff;border:none;padding:14px 32px;border-radius:50px;font:700 14px/1 var(--ff);letter-spacing:.5px;cursor:pointer;white-space:nowrap;transition:all .3s ease;text-decoration:none}
.pvdm .pvdm-c-dl:hover{background:var(--tl);color:#fff;transform:translateY(-2px);box-shadow:0 10px 28px -6px rgba(42,175,211,.35)}
.pvdm .pvdm-c-dl:focus{background:var(--tl);color:#fff;outline:none}
.pvdm .pvdm-c-dl svg{stroke:#fff}
.pvdm-c-dl-a{transition:transform .3s}.pvdm-c-dl:hover .pvdm-c-dl-a{transform:translateX(4px)}
.pvdm-c-dl.busy{opacity:.6;pointer-events:none}

/* Download count — brand pill-teal */
.pvdm-c-mt{font-size:14px;color:var(--g1);display:flex;align-items:center;gap:5px;white-space:nowrap;font-weight:400}
.pvdm .pvdm-c-n{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:6px 16px;border-radius:100px;background:rgba(42,175,211,.08);color:var(--tl);font-size:12px;font-weight:600;letter-spacing:.5px;border:1px solid rgba(42,175,211,.15)}

/* Empty */
.pvdm-nil,.pvdm-0{text-align:center;padding:56px 24px;grid-column:1/-1}
.pvdm-nil-i{font-size:44px;margin-bottom:16px}
.pvdm-nil h3{font-size:18px;font-weight:700;color:var(--nv);letter-spacing:-.3px;margin-bottom:6px}
.pvdm-nil p,.pvdm-0 p{font-size:14px;color:var(--g1);line-height:1.65}

/* Modal */
.pvdm .pvdm-m{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center}
.pvdm .pvdm-m-bg{position:absolute;inset:0;background:rgba(17,24,44,.82);cursor:pointer}
.pvdm .pvdm-m-box{position:relative;width:92%;max-width:860px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -20px rgba(0,0,0,.25);animation:pvr .3s ease both}
.pvdm .pvdm-m-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--bd);gap:12px;background:#fff}
.pvdm .pvdm-m-t{font-size:18px;font-weight:700;color:var(--nv);font-family:var(--ff);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0;letter-spacing:-.3px}
.pvdm .pvdm-m-act{display:flex;align-items:center;gap:8px;flex-shrink:0}
.pvdm .pvdm-m-dl{display:inline-flex;align-items:center;gap:10px;background:var(--nv);color:#fff;border:none;padding:14px 32px;border-radius:50px;font:700 14px/1 var(--ff);letter-spacing:.5px;cursor:pointer;transition:all .3s ease;text-decoration:none}
.pvdm .pvdm-m-dl:hover{background:var(--tl);color:#fff;transform:translateY(-2px);box-shadow:0 10px 28px -6px rgba(42,175,211,.35)}
.pvdm .pvdm-m-dl:focus{background:var(--tl);color:#fff;outline:none}
.pvdm .pvdm-m-dl svg{stroke:#fff}
.pvdm .pvdm-m-x{width:36px;height:36px;border-radius:16px;border:1px solid var(--bd);background:#fff;color:var(--g1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;line-height:1}
.pvdm .pvdm-m-x:hover{border-color:var(--nv);color:var(--nv)}
.pvdm .pvdm-m-x svg{stroke:currentColor}
.pvdm .pvdm-m-vw{background:var(--nv)}
.pvdm .pvdm-m-v{width:100%;max-height:70vh;display:block;background:var(--nv)}
.pvdm .pvdm-m-ln{height:3px;background:linear-gradient(90deg,var(--tl),var(--nv))}

/* List view */
.pvdm .pvdm-grid--list{display:flex;flex-direction:column;gap:12px}
.pvdm .pvdm-grid--list .pvdm-c{flex-direction:row;border-radius:16px;animation:none}
.pvdm .pvdm-grid--list .pvdm-c-img{width:140px;min-height:100px;flex-shrink:0;border-radius:16px 0 0 16px;overflow:hidden}
.pvdm .pvdm-grid--list .pvdm-c-img img{height:100%;width:100%;object-fit:cover}
.pvdm .pvdm-grid--list .pvdm-c-bd{padding:16px 20px;flex:1;justify-content:center}
.pvdm .pvdm-grid--list .pvdm-c-t{font-size:18px;margin-bottom:2px}
.pvdm .pvdm-grid--list .pvdm-c-d{font-size:14px;-webkit-line-clamp:1}
.pvdm .pvdm-grid--list .pvdm-c-ft{margin-top:10px;padding-top:10px}
.pvdm .pvdm-grid--list .pvdm-c-play{width:40px;height:40px}
.pvdm .pvdm-grid--list .pvdm-c-play svg{width:16px;height:16px}
.pvdm .pvdm-grid--list .pvdm-c-tag{font-size:11px;padding:4px 12px;top:8px}
.pvdm .pvdm-grid--list .pvdm-c-tag--f{left:8px}
.pvdm .pvdm-grid--list .pvdm-c-tag--c{right:8px}
.pvdm .pvdm-grid--list .pvdm-c-line{height:0;width:3px;height:auto;top:0;bottom:0;left:0;right:auto;transform:scaleY(0);transform-origin:top}
.pvdm .pvdm-grid--list .pvdm-c:hover .pvdm-c-line{transform:scaleY(1)}
.pvdm .pvdm-grid--list .pvdm-c-ph{aspect-ratio:auto;min-height:100px}

/* Responsive — brand: mobile 16-24px padding */
@media(max-width:768px){.pvdm{padding:0 24px}.pvdm-hero{padding:36px 0 0}.pvdm-hero-h{font-size:1.65rem}.pvdm-bar{flex-direction:column;max-width:100%}.pvdm-dd{width:100%}.pvdm-grid{grid-template-columns:1fr;gap:20px}.pvdm-grid--list .pvdm-c-img{width:100px}.pvdm-c-ft{flex-direction:column;align-items:stretch;gap:12px}.pvdm-c-dl{justify-content:center;padding:14px 32px}.pvdm-c-mt{justify-content:center}.pvdm-m-box{width:96%}.pvdm-m-hd{flex-wrap:wrap}}
@media(max-width:420px){.pvdm{padding:0 16px}.pvdm-c-bd{padding:18px 18px 20px}}