/* Codervia YouTube Home v1.0 — scoped; theme colours inherited where possible */
.cvyt-showcase{width:100%;min-width:0;margin:25px auto 36px;font-family:inherit;color:inherit}
.cvyt-showcase,.cvyt-showcase *{box-sizing:border-box}
.cvyt-section{width:100%;min-width:0;margin:0 0 36px}
.cvyt-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 17px}
.cvyt-title{font-family:inherit!important;line-height:1.3!important;font-size:clamp(20px,2vw,27px)!important;font-weight:700!important;margin:0!important;letter-spacing:-.025em;color:inherit}
.cvyt-arrows{display:flex;align-items:center;gap:8px;flex-shrink:0}
.cvyt-arrow{appearance:none;display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(100,116,139,.23);background:var(--cv-surface,#fff);color:var(--cv-text,#16223c);border-radius:12px;cursor:pointer;padding:0;transition:background .18s,border-color .18s}
.cvyt-arrow:hover,.cvyt-arrow:focus-visible{background:var(--cv-primary,#2154d8);color:#fff;border-color:transparent;outline-offset:2px}
.cvyt-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cvyt-desktop-cols) - 1)*18px)/var(--cvyt-desktop-cols));gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain;padding:2px 0 9px}
.cvyt-track::-webkit-scrollbar{display:none}
.cvyt-item{min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;background:var(--cv-surface,#fff);border:1px solid rgba(100,116,139,.18);border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(15,23,42,.045)}
.cvyt-play{display:block;width:100%;border:0!important;background:transparent!important;padding:0!important;text-align:left;color:inherit!important;cursor:pointer;box-shadow:none!important;border-radius:0!important;min-width:0}
.cvyt-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#162037}
.cvyt-section--short .cvyt-thumb{aspect-ratio:9/16}
.cvyt-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s}
.cvyt-section--short .cvyt-thumb img{object-position:center; /* Shorts thumbnails fill vertical cards */}
.cvyt-play:hover .cvyt-thumb img,.cvyt-play:focus-visible .cvyt-thumb img{transform:scale(1.035)}
.cvyt-playmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:54px;width:54px;border-radius:50%;display:grid;place-items:center;background:rgba(18,25,49,.83);color:#fff;box-shadow:0 5px 20px rgba(0,0,0,.25);transition:transform .18s,background .18s;pointer-events:none}
.cvyt-play:hover .cvyt-playmark{transform:translate(-50%,-50%) scale(1.09);background:var(--cv-primary,#2455d9)}
.cvyt-caption{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.45;font-size:14px;font-weight:700;min-height:56px;padding:11px 13px 2px;color:inherit}
.cvyt-watch{display:inline-flex;align-items:center;gap:4px;margin:auto 13px 13px;font-size:12px;font-weight:600;color:var(--cv-primary,#2553d9);text-decoration:none!important;align-self:flex-start;min-height:24px}
.cvyt-watch:hover{text-decoration:underline!important}
.cvyt-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(9,14,27,.86);display:flex;align-items:center;justify-content:center;padding:24px;overscroll-behavior:contain}
.cvyt-overlay[hidden]{display:none!important}
.cvyt-modal{position:relative;max-height:calc(100dvh - 40px);max-width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}
.cvyt-modal-frame{width:min(960px,calc(100vw - 48px));aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 24px 65px rgba(0,0,0,.55)}
.cvyt-overlay.is-short .cvyt-modal-frame{width:min(390px,calc((100dvh - 120px)*9/16),calc(100vw - 48px));aspect-ratio:9/16}
.cvyt-modal-frame iframe{display:block;width:100%;height:100%;border:0}
.cvyt-modal-caption{max-width:800px;text-align:center;font-size:15px;font-weight:700;color:#fff;line-height:1.35}
.cvyt-modal-close{position:absolute;right:0;top:-44px;display:grid;place-items:center;min-width:38px;min-height:38px;border:1px solid rgba(255,255,255,.38);background:#fff;color:#172033;border-radius:12px;font-size:24px;line-height:1;cursor:pointer}
.cvyt-modal-open{color:#fff;font-size:13px;text-decoration:underline!important}
@media(max-width:768px){.cvyt-showcase{margin:18px auto 28px}.cvyt-section{margin-bottom:27px}.cvyt-track{grid-auto-columns:calc((100% - (var(--cvyt-mobile-cols) - 1)*12px)/var(--cvyt-mobile-cols));gap:12px}.cvyt-section-head{margin-bottom:12px}.cvyt-arrow{width:34px;height:34px;border-radius:10px}.cvyt-caption{font-size:12px;padding:9px 10px 0;min-height:51px}.cvyt-watch{font-size:11px;margin:4px 10px 10px}.cvyt-playmark{width:45px;height:45px}.cvyt-overlay{padding:12px}.cvyt-modal-frame{width:calc(100vw - 24px)}.cvyt-overlay.is-short .cvyt-modal-frame{width:min(360px,calc((100dvh - 105px)*9/16),calc(100vw - 24px))}}
@media(prefers-reduced-motion:reduce){.cvyt-track{scroll-behavior:auto}.cvyt-thumb img,.cvyt-playmark,.cvyt-arrow{transition:none!important}}