/* vivo — iletişim (form işaretlemesi çekirdekten: .row, .col-12, .form-label, .form-control, .btn) */
.vv-il-kutular { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-bottom: 60px; }
.vv-il-kutu { padding: 30px 28px; border: 1px solid var(--vv-cizgi); }
.vv-il-kutu i { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 16px; background: var(--vv-vurgu); color: var(--vv-vurgu-yazi); }
.vv-il-kutu i svg { width: 22px; height: 22px; }
.vv-il-kutu h6 { margin-bottom: 6px; font-family: var(--vv-dev-font); font-size: 15px; font-weight: 400; text-transform: uppercase; }
.vv-il-kutu p { margin: 0; font-size: 18px; font-weight: 500; color: var(--vv-baslik); }
.vv-il-kutu a:hover { text-decoration: underline; text-decoration-color: var(--vv-vurgu); text-decoration-thickness: 3px; }
.vv-il-izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 50px; align-items: start; }
.vv-il-izgara.is-tek { grid-template-columns: minmax(0, 1fr); max-width: 860px; }
.vv-harita iframe { display: block; width: 100% !important; height: 520px !important; border: 0; }
.vv-form h2 { margin-bottom: 26px; }
.vv-form .vv-metin { margin-bottom: 24px; }
.vv-form .row { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.vv-form .row > * { width: 100%; padding: 0 8px; }
.vv-form .col-md-4 { width: 33.333%; }
.vv-form .form-label { display: block; margin: 0 0 6px; font-weight: 700; color: var(--vv-baslik); }
.vv-form .form-control { display: block; width: 100%; margin-bottom: 16px; padding: 13px 14px; border: 1px solid var(--vv-cizgi); background: var(--vv-beyaz); color: var(--vv-baslik); outline: none; transition: border-color .2s; }
.vv-form textarea.form-control { height: 150px !important; resize: vertical; }
.vv-form .form-control:focus { border-color: var(--vv-baslik); }
.vv-form .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 54px; margin: 6px 0 16px; border: 0; background: var(--vv-vurgu); color: var(--vv-vurgu-yazi); font-family: var(--vv-dev-font); font-size: 15px; text-transform: uppercase; cursor: pointer; transition: background-color .25s, color .25s; }
.vv-form .btn:hover { background: var(--vv-koyu); color: var(--vv-vurgu); }
@media (max-width: 991px) {
	.vv-il-izgara { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.vv-harita iframe { height: 340px !important; }
}
@media (max-width: 640px) {
	.vv-form .col-md-4 { width: 100%; }
}