/* ==========================================================================
   mayorkingtires.com — RECONSTRUCTED STYLESHEET (temiz sürüm)
   Orijinal Zyro stylesheet'i kalıcı olarak kayıp (CDN 404 + Wayback'te yok).
   Gerçek DOM: main.page > .blocks > section.block > .block-layout
               > .layout-element > .text-box | .grid-button | .form | figure
   ========================================================================== */
:root{
  --navy:#16233f; --navy-2:#24365e; --red:#c8102e; --red-dk:#a50d26;
  --ink:#1f2430; --mut:#586274; --line:#e3e7ec; --bg:#fff; --bg-alt:#f7f8fa;
  --wrap:1080px; --r:10px; --sh:0 1px 2px rgba(16,26,48,.05),0 8px 22px rgba(16,26,48,.06);
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden;
  font:16px/1.65 Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--red);text-decoration:none}
a:hover{text-decoration:underline}

/* ---- Zyro kalıntılarını etkisizleştir ---- */
main.page,.blocks{max-width:none!important;width:100%}
section .block-background{display:none!important}
section,section *{position:static!important;inset:auto!important;transform:none!important;
  min-height:0!important;height:auto!important}
section [class*="grid-"],section .layout-element{width:auto!important}

/* ---- bölüm + ORTALAMA (kritik: .layout-element) ---- */
section{padding:clamp(2rem,4.5vw,3.2rem) 0;border-bottom:1px solid var(--line)}
section:nth-of-type(even){background:var(--bg-alt)}
section .block-layout{width:100%;padding:0!important;margin:0!important}
section .layout-element{max-width:var(--wrap)!important;margin-inline:auto!important;
  padding-inline:1.5rem!important;width:100%!important}
section .layout-element+.layout-element{margin-top:1.1rem!important}

/* ---- header ---- */
header,body>nav{padding:.85rem 1.5rem;background:#fff;border-bottom:1px solid var(--line)}
header>*,body>nav>*{max-width:var(--wrap);margin-inline:auto}
.site-logo{max-height:56px;width:auto;margin-bottom:.5rem}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem 1.7rem;margin:0;padding:0}
nav ul a{color:var(--navy);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
nav ul a:hover{color:var(--red);text-decoration:none}
nav button,header button{display:none}

/* ---- tipografi ---- */
h1{font-size:clamp(1.85rem,4.2vw,2.75rem);line-height:1.12;letter-spacing:-.02em;
  color:var(--navy);font-weight:800;margin:0 0 .8rem}
h2,h3{font-size:clamp(1.3rem,2.5vw,1.8rem);line-height:1.2;color:var(--navy);
  font-weight:800;margin:0 0 .9rem;letter-spacing:-.01em}
h4,h5{font-size:1rem;color:var(--navy);font-weight:700;margin:0 0 .3rem}
h6{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mut);
  font-weight:700;margin:0 0 .4rem}
p{margin:0 0 .9rem;color:var(--mut);max-width:64ch}
.text-box>*:last-child{margin-bottom:0}

/* ---- butonlar ---- */
.grid-button a,a.grid-button,.grid-button{display:inline-block}
.grid-button a,a.grid-button{background:var(--red);color:#fff!important;padding:.78rem 1.7rem;
  border-radius:var(--r);font-weight:700;letter-spacing:.02em;font-size:.94rem}
.grid-button a:hover,a.grid-button:hover{background:var(--red-dk);text-decoration:none}

/* ---- görseller ---- */
figure{margin:0}
section figure.media,section [data-selector="data-image"]{max-width:760px;margin:1.4rem auto 0}
section img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--r);box-shadow:var(--sh)}
.site-logo{box-shadow:none;border-radius:0;max-height:56px}
.dup-img{position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);opacity:0;pointer-events:none}

/* ---- hizmet kartları (JS ile kurulur) ---- */
.svc-grid{display:grid;gap:1.05rem;margin:1.4rem 0 0;max-width:var(--wrap);
  margin-inline:auto;padding-inline:1.5rem}
@media(min-width:820px){.svc-grid{grid-template-columns:repeat(3,1fr)}}
.svc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:1.25rem;box-shadow:var(--sh)}
.svc-card h6{color:var(--red);margin:0 0 .45rem}
.svc-card p{margin:0;font-size:.93rem;max-width:100%}

/* ---- yorumlar (JS ile kurulur) ---- */
.quote-grid{display:grid;gap:1.05rem;margin:1.2rem auto 0;max-width:var(--wrap);padding-inline:1.5rem}
@media(min-width:820px){.quote-grid{grid-template-columns:1fr 1fr}}
.quote-card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--red);
  border-radius:var(--r);padding:1.2rem 1.35rem;box-shadow:var(--sh)}
.quote-card h5{font-weight:400;color:var(--ink);font-size:.94rem;line-height:1.6;margin:0}

/* ---- form ---- */
input,textarea{display:block;width:100%;max-width:420px;padding:.7rem .85rem;margin:.25rem 0 .95rem;
  border:1px solid #ccd3dc;border-radius:8px;font:inherit;color:var(--ink);background:#fff}
input:focus,textarea:focus{outline:2px solid var(--navy-2);outline-offset:1px;border-color:transparent}
textarea{min-height:112px;resize:vertical}
button,input[type=submit]{width:auto;background:var(--navy);color:#fff;border:0;
  padding:.75rem 1.8rem;border-radius:var(--r);font-weight:700;cursor:pointer}
button:hover,input[type=submit]:hover{background:var(--navy-2)}
.form h6{margin-top:0}

/* ---- sosyal ikonlar yan yana ---- */
.social-row{display:flex;gap:.7rem;align-items:center;margin:.2rem 0 .4rem}
.social-row a{display:inline-flex}
a>svg{width:24px;height:24px}

/* ---- arşiv notu ---- */
.archive-note{max-width:var(--wrap);margin:1rem auto;padding:.8rem 1.1rem;
  border-left:4px solid var(--red);background:#fdeef1;border-radius:8px;
  font-size:.85rem;line-height:1.55;color:var(--navy)}
.archive-note strong{font-weight:800}

/* ---- son rötuş ---- */
/* "Testimonials" / "Happy Customers" başlıkları h6 gibi görünsün */
section .text-box h5:only-child,
section .text-box p:only-child{margin:0}
/* hero görseli başlığın altında değil üstünde kalıyor: aradaki boşluğu dengele */
section figure.media:first-child,section [data-selector="data-image"]:first-child{margin-top:0}
/* form ve iletişim bloğu hizası */
.form{max-width:440px}
/* footer bölümü ayrımı */
section:last-of-type{border-bottom:0}
/* mobil */
@media(max-width:640px){
  section img{max-height:260px}
  .archive-note{font-size:.8rem}
  nav ul{gap:.25rem 1.1rem}
}