/* Otomatik Kepenk Galeri + Mobil Slide V3 */
.gallery-v3-wrap{background:linear-gradient(180deg,#fff,#f5f9fd)}
.gallery-v3-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}
.gallery-v3-head span{display:inline-flex;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.10em;text-transform:uppercase;margin-bottom:8px}
.gallery-v3-head h2{font-size:clamp(28px,3vw,42px);line-height:1.1;margin:0;color:var(--ink)}
.gallery-v3-head p{margin:10px 0 0;color:var(--muted);max-width:680px}
.gallery-v3-filter{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.gallery-v3-filter button{border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:900;border-radius:999px;padding:10px 14px;cursor:pointer;transition:.22s}
.gallery-v3-filter button.active,.gallery-v3-filter button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.gallery-grid-v3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gallery-card-v3{position:relative;display:block;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 18px 48px rgba(7,60,115,.12);border:1px solid rgba(7,60,115,.10)}
.gallery-card-v3 figure{margin:0;position:relative}
.gallery-card-v3 img{width:100%;height:280px;object-fit:cover;transition:transform .45s ease, filter .45s ease}
.gallery-card-v3:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.04)}
.gallery-card-v3 figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(6,34,62,.92),rgba(7,60,115,.82));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}
.gallery-card-v3 figcaption strong{font-size:15px;line-height:1.25}
.gallery-card-v3 figcaption span{font-size:12px;color:#ffd2ae;font-weight:800;text-align:right}
.empty-gallery-v3{border:1px dashed var(--line);border-radius:22px;padding:34px;text-align:center;background:#fff}
@media(max-width:980px){
  .gallery-v3-head{display:block}
  .gallery-v3-filter{justify-content:flex-start;margin-top:16px}
  .gallery-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .hero{min-height:720px;background:#06182d}
  .hero-bg{background-image:linear-gradient(180deg,rgba(5,24,43,.34),rgba(5,24,43,.82)),url('/assets/media/mobile/otomatik-kepenk-tamiri-mobile-v3.jpg')!important;background-size:cover!important;background-position:center 56%!important;background-repeat:no-repeat!important}
  .hero-bg img{opacity:0!important}
  .hero-bg:after{background:linear-gradient(180deg,rgba(5,24,43,.30) 0%,rgba(5,24,43,.55) 48%,rgba(5,24,43,.93) 100%)!important}
  .hero-content{padding:78px 24px 330px!important}
  .hero h1{font-size:38px!important;line-height:1.04}
  .hero p{font-size:16px;max-width:96%}
  .hero-actions .btn{min-height:50px}
  .hero-badges{margin:-300px 22px 26px!important}
  .gallery-grid-v3{grid-template-columns:1fr;gap:18px}
  .gallery-card-v3{border-radius:20px}
  .gallery-card-v3 img{height:300px}
  .gallery-card-v3 figcaption{left:10px;right:10px;bottom:10px;padding:12px 13px;display:block}
  .gallery-card-v3 figcaption span{display:block;margin-top:5px;text-align:left}
}
@media(max-width:430px){
  .hero{min-height:760px}
  .hero-content{padding-bottom:355px!important}
  .hero-badges{margin-top:-324px!important}
  .gallery-card-v3 img{height:260px}
}