/* ==========================================================================
   Utility page styles — shared by videos, downloads and brand pages
   (/videolar, /indir, /marka and their EN counterparts)
   ========================================================================== */

/* --- Shared: search + filter tags + empty-state --- */
.search-wrap{max-width:480px;margin:28px auto 16px;position:relative;display:flex;align-items:center;background:var(--white);border:2px solid rgba(0,0,0,.08);border-radius:14px;padding:0 16px;transition:border-color .3s}
.search-wrap:focus-within{border-color:var(--orange)}
.search-wrap svg{width:20px;height:20px;stroke:#94a3b8;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.search-wrap input{flex:1;border:none;outline:none;padding:14px 12px;font-family:var(--font-body);font-size:.92rem;background:transparent;color:var(--navy)}
.search-wrap input::placeholder{color:#94a3b8}
.search-count{font-size:.78rem;color:#94a3b8;white-space:nowrap}

.filter-tags{display:flex;gap:8px;justify-content:center;margin-bottom:8px;flex-wrap:wrap}
.ftag{background:transparent;border:1.5px solid rgba(0,0,0,.1);color:#64748b;padding:7px 18px;border-radius:100px;font-size:.8rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .25s}
.ftag:hover{border-color:var(--orange);color:var(--orange)}
.ftag.active{background:var(--orange);border-color:var(--orange);color:var(--white)}

.hidden{display:none}
.vid-card.hidden,
.dl-card.hidden{display:none}
.no-results{text-align:center;padding:60px 20px;color:#94a3b8;font-size:1rem;display:none}
.no-results.visible{display:block}

/* --- Videos grid --- */
.vid-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:40px}
.vid-card{background:var(--navy);border-radius:16px;overflow:hidden;transition:all .4s;border:1px solid rgba(255,255,255,.06);cursor:pointer}
.vid-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.15);border-color:rgba(232,114,12,.3)}
.vid-thumb{aspect-ratio:16/9;position:relative;overflow:hidden;background:#000}
.vid-thumb img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}
.vid-thumb .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s;z-index:2;box-shadow:0 4px 20px rgba(232,114,12,.4)}
.vid-card:hover .play{transform:translate(-50%,-50%) scale(1.1)}
.play svg{width:28px;height:28px;fill:var(--white);margin-left:4px}
.vid-thumb iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.vid-body{padding:20px 24px}
.vid-body h4{font-family:var(--font-heading);font-size:.82rem;color:var(--white);margin-bottom:6px}
.vid-body p{font-size:.8rem;color:rgba(255,255,255,.5);line-height:1.5}
.vid-body .vid-tag,.vid-tag{display:inline-block;background:rgba(232,114,12,.15);color:var(--orange);padding:3px 10px;border-radius:6px;font-size:.72rem;font-weight:600;margin-top:8px}

/* --- Downloads grid --- */
.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.dl-card{background:var(--white);border-radius:16px;padding:32px;border:1px solid rgba(0,0,0,.06);text-align:center;transition:all .3s;display:block;text-decoration:none;color:inherit;cursor:pointer}
.dl-card:hover{border-color:var(--orange);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.06)}
.dl-card .dl-icon,.dl-icon{width:64px;height:64px;background:var(--orange-light);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.dl-card .dl-icon svg,.dl-icon svg{width:28px;height:28px;fill:var(--orange)}
.dl-card h4{font-family:var(--font-heading);font-size:.82rem;color:var(--navy);margin-bottom:6px}
.dl-card p{color:#64748b;font-size:.8rem;line-height:1.5;margin-bottom:8px}
.dl-card .dl-size,.dl-size{display:inline-block;background:var(--orange-light);color:var(--orange);padding:3px 10px;border-radius:6px;font-size:.72rem;font-weight:600}

/* --- Brand page --- */
.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:40px 0}
.brand-card{background:var(--bg);border-radius:16px;padding:32px;border:1px solid rgba(0,0,0,.05)}
.brand-card h3{font-family:var(--font-heading);font-size:.9rem;color:var(--navy);margin-bottom:12px}
.brand-card p{color:#64748b;font-size:.88rem;line-height:1.7}
.brand-logo{background:var(--navy);border-radius:16px;padding:40px;display:flex;align-items:center;justify-content:center;margin:32px 0}
.brand-logo img{height:60px}
.brand-logo-light{background:var(--bg)}
.contact-list{margin:24px 0}
.contact-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}
.contact-item:last-child{border:none}
.contact-item strong{color:var(--navy);min-width:160px;font-size:.88rem}
.contact-item span{color:#64748b;font-size:.88rem}

/* --- Responsive --- */
@media(max-width:1024px){
  .vid-grid{grid-template-columns:1fr}
  .dl-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .dl-grid{grid-template-columns:1fr}
  .brand-grid{grid-template-columns:1fr}
  .contact-item{flex-direction:column;gap:4px}
  .contact-item strong{min-width:auto}
}