/* Ultrand Şanlıurfa — orijinal tasarımın (assets/ut/chunks) üstüne yalnız bayi sitesinde eklenen parçalar.
   Renk/yazı tipi değişkenleri orijinal CSS'ten gelir (--color-brand-500, --font-display …). */

/* Logo yanındaki bayi etiketi */
.ut-bayi-etiket{display:none;margin-left:.75rem;padding-left:.75rem;border-left:1px solid var(--color-ink-200);
  font-family:var(--font-display);font-size:10px;font-weight:700;line-height:1.25;letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-700)}
.ut-bayi-etiket span{display:block;font-weight:500;letter-spacing:.1em;color:var(--color-ink-500)}
@media (min-width:40rem){.ut-bayi-etiket{display:block}}

/* Mobil menü */
.ut-mobil-menu{position:fixed;inset:64px 0 auto 0;z-index:49;background:#fff;border-bottom:1px solid var(--color-ink-200);
  box-shadow:0 24px 48px -12px #1b191840;padding:.5rem 1rem 1.25rem;transform:translateY(-8px);opacity:0;visibility:hidden;
  transition:opacity .2s,transform .2s,visibility .2s;max-height:calc(100vh - 64px);overflow-y:auto}
.ut-mobil-menu.acik{opacity:1;transform:none;visibility:visible}
.ut-mobil-menu a{display:block;padding:.85rem .25rem;border-bottom:1px solid var(--color-ink-100);font-family:var(--font-display);
  font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-800)}
.ut-mobil-menu a:hover{color:var(--color-brand-500)}
.ut-mobil-menu .ut-mm-tel{margin-top:1rem;border:0;border-radius:9999px;background:var(--color-brand-500);color:#fff;text-align:center}
@media (min-width:64rem){.ut-mobil-menu{display:none}}

/* Çerez bandı (orijinaldeki koyu kutu) */
.ut-cerez{position:fixed;right:1.5rem;bottom:1.5rem;left:1.5rem;z-index:60;max-width:36rem;margin-left:auto;padding:1.25rem;
  border-radius:1.75rem;background:var(--color-ink-900);color:#fff;box-shadow:0 24px 48px -12px #1b191866;font-size:.875rem;line-height:1.6}
.ut-cerez a{text-decoration:underline}
.ut-cerez-dugmeler{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}
.ut-cerez button{height:2.5rem;border-radius:9999px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.ut-cerez .kabul{background:var(--color-brand-500);color:#fff}
.ut-cerez .kabul:hover{background:var(--color-brand-700)}
.ut-cerez .red{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px #ffffff59}
.ut-cerez .red:hover{background:#ffffff1a}

/* Talep formu (orijinalde istemci tarafında çizilen form) */
.ut-sekmeler{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.ut-sekmeler button{height:2.75rem;border-radius:9999px;background:var(--color-ink-100);color:var(--color-ink-700);font-family:var(--font-display);
  font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background-color .2s,color .2s}
.ut-sekmeler button:hover{background:var(--color-ink-200)}
.ut-sekmeler button[aria-pressed=true]{background:var(--color-brand-500);color:#fff}
.ut-form-baslik{margin-top:2rem;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-ink-900)}
.ut-form{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1.75rem}
@media (min-width:40rem){.ut-form{grid-template-columns:1fr 1fr}.ut-form .tam{grid-column:1/-1}}
.ut-form label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-ink-800)}
.ut-form input[type=text],.ut-form input[type=tel],.ut-form input[type=email],.ut-form select,.ut-form textarea{width:100%;height:2.75rem;padding:0 .9rem;
  border-radius:1rem;background:#fff;box-shadow:inset 0 0 0 1px var(--color-ink-200);font-size:.9rem;color:var(--color-ink-900);outline:0;transition:box-shadow .15s}
.ut-form textarea{height:5.5rem;padding:.75rem .9rem;resize:vertical}
.ut-form input:focus,.ut-form select:focus,.ut-form textarea:focus{box-shadow:inset 0 0 0 2px var(--color-brand-500)}
.ut-form ::placeholder{color:var(--color-ink-400)}
.ut-form .ut-onay{display:flex;gap:.75rem;align-items:flex-start;font-size:.8rem;color:var(--color-ink-600)}
.ut-form .ut-onay input{margin-top:.15rem;width:1rem;height:1rem;flex-shrink:0;accent-color:var(--color-brand-500)}
.ut-form .ut-onay a{text-decoration:underline}
.ut-kod{display:flex;gap:.75rem;align-items:center}
.ut-kod img{height:2.75rem;border-radius:1rem;box-shadow:inset 0 0 0 1px var(--color-ink-200);cursor:pointer}
.ut-gonder{display:inline-flex;align-items:center;justify-content:center;height:3.25rem;padding:0 2rem;border-radius:9999px;background:var(--color-brand-500);color:#fff;
  font-family:var(--font-display);font-size:.875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background-color .2s}
.ut-gonder:hover{background:var(--color-brand-700)}
.ut-gonder:disabled{opacity:.6;cursor:wait}
.ut-uyari{padding:.85rem 1rem;border-radius:1rem;font-size:.875rem}
.ut-uyari.hata{background:var(--color-red-50);color:var(--color-red-700)}
.ut-uyari.tamam{background:var(--color-brand-50);color:var(--color-brand-700)}
.ut-gizli{position:absolute!important;left:-9999px!important}

/* Blog yazısı ve panelden yazılan içerik */
.ut-yazi>*:first-child{margin-top:0}
.ut-yazi p,.ut-yazi ul,.ut-yazi ol{margin-top:1rem;line-height:1.75;color:var(--color-ink-700)}
.ut-yazi h2{margin-top:2rem;font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-ink-900)}
.ut-yazi h3{margin-top:1.5rem;font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--color-ink-900)}
.ut-yazi ul{list-style:disc;padding-left:1.25rem}
.ut-yazi ol{list-style:decimal;padding-left:1.25rem}
.ut-yazi li{margin-top:.35rem}
.ut-yazi a{color:var(--color-brand-500);text-decoration:underline}
.ut-yazi strong{color:var(--color-ink-900)}
.ut-yazi table{width:100%;margin-top:1rem;font-size:.9rem;border-collapse:collapse}
.ut-yazi th,.ut-yazi td{padding:.6rem .75rem;border-bottom:1px solid var(--color-ink-200);text-align:left}
.ut-yazi img{margin-top:1rem;border-radius:1.75rem}

/* Bayi haritası */
#ut-harita{height:100%;min-height:320px;width:100%}
.ut-pin{color:var(--color-brand-500)}
/* Masaüstünde orijinal menü tam sığsın diye etiket yalnız tablet/mobilde (menü gizliyken) görünür */
@media (min-width:64rem){.ut-bayi-etiket{display:none}}

/* Masaüstü bayi bilgi şeridi (sabit üst menünün içinde; içerik 36px aşağı itilir) */
.ut-ust-serit{display:none}
@media (min-width:64rem){
  .ut-ust-serit{display:block;height:36px;background:var(--color-ink-950);color:#ffffffb3;font-size:12px;letter-spacing:.02em}
  .ut-ust-serit strong{color:#fff;font-weight:600}
  .ut-serit-sag{display:flex;align-items:center;gap:1.25rem}
  .ut-ust-serit a{color:#fff;font-weight:600}
  .ut-ust-serit a:hover{color:var(--color-brand-300)}
  main#main-content{padding-top:36px}
}

/* Galeri büyütme penceresi */
.ut-buyut{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:4rem 1rem;background:#1b1918eb}
.ut-buyut[hidden]{display:none}
.ut-buyut figure{margin:0;max-width:min(1200px,100%);text-align:center}
.ut-buyut img{max-width:100%;max-height:calc(100vh - 9rem);border-radius:1.75rem;object-fit:contain}
.ut-buyut figcaption{margin-top:.85rem;font-size:.875rem;color:#ffffffd9}
.ut-buyut button{position:absolute;display:grid;place-items:center;width:3rem;height:3rem;border-radius:9999px;background:#ffffff1f;color:#fff;font-size:1.75rem;line-height:1;cursor:pointer;transition:background-color .2s}
.ut-buyut button:hover{background:var(--color-brand-500)}
.ut-buyut .kapat{top:1rem;right:1rem}
.ut-buyut .once{left:1rem;top:50%;transform:translateY(-50%)}
.ut-buyut .sonra{right:1rem;top:50%;transform:translateY(-50%)}
@media (max-width:40rem){.ut-buyut .once,.ut-buyut .sonra{top:auto;bottom:1rem;transform:none}}

/* ===== Oto Destek Ultrand Firmamız: kayan foto/video galeri (düz renk) ===== */
.fg{background:#f4f6fa;padding:64px 0}.fg-w{max-width:1200px;margin:0 auto;padding:0 20px}
.fg-ust{margin-bottom:28px}.fg-et{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0067c0}
.fg-ust h2{margin:6px 0 6px;font-size:clamp(26px,3.6vw,38px);line-height:1.15;color:#0b1220}.fg-ust p{margin:0;color:#5b6678}
.fg-blok{margin-top:34px}.fg-blok h3{margin:0 0 14px;font-size:20px;color:#0b1220}
.fg-slider{position:relative}.fg-iz{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}.fg-iz::-webkit-scrollbar{display:none}
.fg-oge{margin:0;flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;min-width:240px}
.fg-foto,.fg-vid{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;background:#0b1220;border-radius:12px;overflow:hidden;cursor:pointer}
.fg-foto img,.fg-vid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.fg-foto:hover img,.fg-vid:hover img{transform:scale(1.04)}
.fg-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:#0067c0;color:#fff;display:grid;place-items:center;font-size:20px;padding-left:4px}
.fg-oge figcaption{margin-top:8px;font-size:14px;color:#334155}
.fg-ok{position:absolute;top:calc(50% - 26px);z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#0b1220;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 1px 6px rgba(0,0,0,.25)}
.fg-ok:hover{background:#0067c0;color:#fff}.fg-geri{left:-10px}.fg-ileri{right:-10px}
.fg-kutu{position:fixed;inset:0;z-index:9999;background:rgba(5,10,20,.92);display:grid;place-items:center;padding:20px}.fg-kutu[hidden]{display:none}
.fg-ic{width:min(1000px,100%);max-height:88vh;display:grid;place-items:center}.fg-ic img{max-width:100%;max-height:88vh;border-radius:8px}.fg-ic iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px;background:#000}
.fg-kapat{position:absolute;right:16px;top:12px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;font-size:28px;cursor:pointer}
@media(max-width:900px){.fg-oge{flex-basis:calc((100% - 16px)/2)}}@media(max-width:560px){.fg-oge{flex-basis:84%}.fg-geri{left:2px}.fg-ileri{right:2px}.fg{padding:44px 0}}