/* Akülü Parça — Hizmetlerimiz: cinematic service cards (same language as the home page vc-cards) */
.vc-grid.hz-grid{grid-template-columns:1fr;gap:16px;margin-top:2.2rem}
.hz-card{min-height:0}
.hz-card.vc-sm{padding:16px 16px 18px}
.hz-card .vc-num{left:18px;top:16px;font-size:30px}
.hz-card .vc-ghost{font-size:110px;right:12px}
.hz-card .vc-slab{top:0;height:300px;width:66%}
.hz-card .vc-beam{height:300px}
.hz-card .vc-stage{height:200px;margin-top:20px;margin-bottom:36px}
.hz-body{position:relative;padding-top:22px}
.hz-body::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16) 30%,rgba(255,255,255,.16) 70%,transparent)}
.hz-kicker{display:block;margin-top:0;font:600 12px/1.2 'Barlow Condensed',var(--display),sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--red2,#ff4d53)}
.hz-card .vc-h3.hz-title{display:block;min-height:0;margin-top:8px;font-size:32px;line-height:1}
.hz-text{margin:12px 0 0;font:400 14.5px/1.6 var(--body,'Inter',sans-serif);color:#b9bec4}
.hz-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
.hz-list li{display:flex;align-items:center;gap:11px;font:600 14px/1.3 var(--body,'Inter',sans-serif);color:#eceff2}
.hz-list li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/62% no-repeat,radial-gradient(circle,#ec353b,#a81c22);box-shadow:0 0 12px rgba(216,43,49,.5)}
.hz-actions{display:grid;gap:10px;margin-top:auto;padding-top:20px}
.hz-card .vc-btn{font-size:16px;padding:5px 5px 5px 18px;min-height:46px}
.hz-card .vc-ar{width:36px;height:36px}
.hz-card .vc-ar svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.hz-card .vc-btn--ghost{background:rgba(255,255,255,.03);box-shadow:none;border:1px solid rgba(255,77,83,.45)}
.hz-card .vc-btn--ghost::after{display:none}
.hz-card .vc-btn--ghost .vc-ar{background:rgba(216,43,49,.22)}
.hz-card .vc-btn--ghost:hover{background:rgba(216,43,49,.12)}
.hz-card .vc-btn:hover .vc-ar{transform:translateX(3px)}
.hz-card .vc-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (min-width:700px){
  .vc-grid.hz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .hz-grid>.hz-card:nth-child(3){grid-column:1/-1}
  .hz-grid>.hz-card:nth-child(3) .vc-stage{width:100%;max-width:400px;margin-inline:auto}
  .hz-card .vc-stage{height:230px;margin-bottom:40px}
  .hz-card .vc-slab,.hz-card .vc-beam{height:340px}
}
@media (min-width:1000px){
  .vc-grid.hz-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .hz-grid>.hz-card:nth-child(3){grid-column:auto}
  .hz-grid>.hz-card:nth-child(3) .vc-stage{max-width:none}
  .hz-card.vc-sm{padding:24px 22px 24px}
  .hz-card .vc-num{left:24px;top:22px;font-size:34px}
  .hz-card .vc-ghost{font-size:140px}
  .hz-card .vc-stage{height:240px;margin-top:20px;margin-bottom:50px}
  .hz-card .vc-slab,.hz-card .vc-beam{height:350px}
  .hz-card .vc-h3.hz-title{min-height:3em}
  .hz-text{min-height:6.4em}
  .hz-card .vc-h3.hz-title{font-size:clamp(28px,2.4vw,36px)}
}
