/* Video pages and admin controls share the site's navy/gold identity. */
.videos-hero .videos-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:24px;font-size:.8rem;color:#d4e0ed}
.videos-hero h1{max-width:1000px}
.videos-hero .eyebrow{color:#e4c391}
.videos-filter-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.videos-filters{display:flex;flex-wrap:wrap;gap:8px}
.videos-filters a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:999px;padding:8px 18px;background:#fff;color:var(--navy);font-size:.86rem}
.videos-filters a.is-selected{background:var(--navy);border-color:var(--navy);color:#fff}
.videos-filters a:hover{text-decoration:none;border-color:var(--gold)}
.videos-count{margin:0;color:var(--muted);font-size:.87rem}
.videos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.videos-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 6px 22px #073b7207}
.videos-card-link{display:flex;flex-direction:column;height:100%;color:var(--ink)}
.videos-card-link:hover{text-decoration:none}
.videos-card-link:focus-visible{outline-offset:-4px}
.videos-card-cover{position:relative;aspect-ratio:16/9;background:var(--deep);isolation:isolate;display:grid;place-items:center;overflow:hidden}
.videos-card-cover::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#062c56bb);z-index:0;pointer-events:none}
.videos-card-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.videos-cover-empty{background:radial-gradient(ellipse at 15% 15%,#295d86 0,transparent 64%),linear-gradient(130deg,#103e65,#062747)}
.videos-cover-brand{position:absolute;top:15px;left:20px;direction:ltr;color:#e8eff5;font-size:1.05rem;font-weight:700;letter-spacing:.02em}
.videos-cover-brand span{font-size:.66rem;font-weight:400;border-inline-start:1px solid #b7c7d7;padding-inline-start:6px;margin-inline-start:5px}
.videos-play{display:grid;place-items:center;position:relative;z-index:1;width:60px;height:60px;line-height:1;border:1px solid #e1c599;border-radius:50%;background:#c7a16b;color:#092e50;font:24px/1 Arial,sans-serif;box-shadow:0 4px 28px #0003;text-indent:4px}
.videos-card-link:hover .videos-play{background:#ecd2ab}
.videos-cover-caption{position:absolute;inset-inline-start:20px;bottom:14px;color:#fff;font-size:.8rem;z-index:1}
.videos-card-body{display:flex;flex-direction:column;flex:1;padding:22px}
.videos-category{font-size:.78rem;color:var(--blue);font-weight:700}
.videos-card h3{font:700 1.18rem/1.75 Vazirmatn,Tahoma,sans-serif;margin:9px 0;color:var(--navy)}
.videos-product{margin:0 0 8px;font-size:.8rem;color:var(--blue)}
.videos-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.95;font-size:.87rem;color:var(--muted);margin:0 0 20px;white-space:pre-line}
.videos-card-action{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);color:var(--navy);font-size:.85rem;font-weight:700}
.videos-empty{background:#fff;border:1px solid var(--line);border-radius:18px;text-align:center;padding:48px 24px;color:var(--ink)}
.videos-empty-icon{display:grid;place-items:center;width:60px;height:60px;background:#edf3f8;border-radius:50%;color:var(--navy);margin:0 auto 20px;font-size:22px}
.videos-empty h2{font-size:1.6rem;margin:0 0 12px}
.videos-empty p{max-width:640px;margin:0 auto 25px;color:var(--muted)}
.videos-pagination{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-top:35px;font-size:.85rem}
.videos-detail{max-width:1080px}
.videos-player{aspect-ratio:16/9;background:#061c30;border:1px solid #123c5f;border-radius:16px;overflow:hidden}
.videos-player :is(video,iframe){display:block;width:100%;height:100%;border:0;object-fit:contain;background:#061c30}
.videos-player-help{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.83rem;margin-top:10px;color:var(--muted)}
.videos-player-help a{display:inline-flex;align-items:center;min-height:44px}
.videos-player-help>span{align-self:center}
.videos-description{padding:28px 32px;margin-top:25px;background:#fff;border:1px solid var(--line);border-radius:16px}
.videos-description h2{font-size:1.6rem;margin:0 0 12px}
.videos-description p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:2.15}
.videos-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.video-admin{min-width:0}
.video-admin h1{font-size:clamp(1.65rem,3vw,2.1rem)}
.video-admin-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px}
.video-admin-heading h1{margin-bottom:0}
.video-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.video-admin-summary>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}
.video-admin-summary>div>span{color:var(--muted);font-size:.8rem}
.video-admin-summary strong{color:var(--navy);font-size:1.45rem}
.video-admin-summary small{font-size:.72rem;font-weight:400}
.video-admin-note{background:#eaf1f8;border-inline-start:3px solid var(--gold);padding:14px 18px;border-radius:8px;font-size:.85rem;color:var(--ink)}
.video-admin-list{display:grid;gap:16px}
.video-admin-item{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;align-items:center}
.video-admin-thumbnail{aspect-ratio:16/9;border-radius:10px;overflow:hidden;display:grid;place-items:center;color:var(--gold);font-size:2rem}
.video-admin-thumbnail img{width:100%;height:100%;display:block;object-fit:cover}
.video-admin-item-body{min-width:0}
.video-admin-item-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.video-admin-status{font-size:.72rem;padding:3px 9px;border-radius:99px;background:#edf1f5;color:#455c71}
.video-admin-status.is-published{background:#e7f3e9;color:#225b35}
.video-admin-item h2{font:700 1.1rem/1.85 Vazirmatn,Tahoma,sans-serif;margin:9px 0 3px}
.video-admin-item-info{color:var(--muted);font-size:.76rem;margin:0 0 6px}
.video-admin-item-actions{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;font-size:.83rem}
.video-admin-item-actions>a{min-height:44px;display:inline-flex;align-items:center}
.video-admin-delete-link{color:#9c3329;margin-inline-start:auto}
.video-admin-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px 26px;margin:24px 0;min-width:0}
.video-admin-panel legend{padding:0 10px;color:var(--navy);font-size:1rem;font-weight:700}
.video-admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.video-admin-required,.video-admin-optional{font-size:.75rem;font-weight:400;color:var(--muted)}
.video-admin-help{font-size:.79rem;color:var(--muted);margin:0 0 14px;line-height:1.9}
.video-admin-form :is(input,select,textarea){margin-bottom:9px}
.video-admin-field-error{display:block;color:#a83127;font-size:.8rem}
.video-admin-field-error:empty{display:none}
.video-admin input[type=file]{padding:12px;border-style:dashed;background:#f7f9fc;font-size:.84rem}
.video-admin input[type=file]::file-selector-button{border:1px solid var(--line);border-radius:6px;background:#eaf1f8;color:var(--navy);font:inherit;padding:7px 10px;margin-inline-end:10px;cursor:pointer}
.video-admin-poster{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding-top:12px;margin-top:24px}
.video-admin-poster:has(.video-admin-current-poster){grid-template-columns:minmax(0,1fr) 180px}
.video-admin-current-poster{margin-top:24px}
.video-admin-current-poster img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:8px}
.video-admin-check{display:flex;align-items:flex-start;gap:8px;min-height:44px;margin-block:16px;line-height:1.85}
.video-admin-check input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin:5px 0 0}
.video-admin-order{max-width:300px}
.video-admin-submit{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.video-admin-submit button:disabled{opacity:.65;cursor:wait}
.video-admin-upload-status{font-size:.86rem;color:var(--navy);min-height:1.9em}
.video-admin-delete-panel{border-inline-start:4px solid #a8372c}
.video-admin-delete-panel h2{font-size:1.5rem}
.video-admin .video-admin-delete-button{background:#9b3328;color:#fff}
.video-admin .video-admin-delete-button:hover{background:#7b241c}
.video-admin [hidden]{display:none!important}
@media(max-width:1050px){.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-admin-item{grid-template-columns:130px minmax(0,1fr)}.video-admin-poster:has(.video-admin-current-poster){grid-template-columns:minmax(0,1fr)}.video-admin-current-poster{max-width:260px;margin-top:0}}
@media(max-width:650px){.videos-grid{grid-template-columns:minmax(0,1fr);gap:20px}.videos-filters{gap:7px}.videos-filters a{font-size:.79rem;padding:8px 13px}.videos-card-body{padding:20px}.videos-play{width:54px;height:54px;font-size:22px}.videos-description{padding:22px}.videos-player{border-radius:10px}.videos-detail-actions .btn{flex:1 1 220px}.video-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.video-admin-summary>div:last-child{grid-column:1/-1}.video-admin-item{grid-template-columns:minmax(0,1fr);gap:14px}.video-admin-thumbnail{width:100%;max-height:220px}.video-admin-panel{padding:18px}.video-admin-fields{grid-template-columns:minmax(0,1fr);gap:0}.video-admin-heading .btn{width:100%}.video-admin-check{font-size:.86rem}.videos-empty{padding:35px 20px}}
@media print{.videos-player,.videos-player-help,.videos-filters,.videos-pagination,.video-admin-submit{display:none}.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.videos-card{break-inside:avoid}.videos-description{border:0;padding:0}}
