/* mobilsale24.de — Base / Reset */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-sans);
  font-size:var(--fs-md);
  line-height:var(--lh-normal);
  color:var(--color-text);
  background:var(--color-bg);
  min-height:100vh;
  display:flex;
  flex-direction:column;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-feature-settings:"cv02","cv03","cv04","cv11","ss01";
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease);
}
img,svg,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,select,textarea{font-family:inherit;font-size:var(--fs-md)}
ul{list-style:none}
h1,h2,h3,h4{line-height:var(--lh-tight);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--color-text)}
h1{font-size:var(--fs-2xl);letter-spacing:var(--ls-tighter)}
h2{font-size:var(--fs-xl)}
h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}
p{text-wrap:pretty}
h1,h2,h3,h4{text-wrap:balance}

.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);width:100%}
main{flex:1 0 auto}

/* Sticky-Header dikkate alınarak çıpa (anchor) hizalaması */
:target{scroll-margin-top:calc(var(--header-h) + var(--sp-4))}

/* Rafine, kurumsal scrollbar (destekleyen tarayıcılar) */
@media (min-width:1025px){
  *{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}
  ::-webkit-scrollbar{width:12px;height:12px}
  ::-webkit-scrollbar-track{background:transparent}
  ::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill);border:3px solid var(--color-bg);background-clip:padding-box}
  ::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted);background-clip:padding-box}
}

/* Header'dan sonraki ilk içerik bloğunda boşluğu daralt (site geneli tutarlılık) */
main > .section:first-child,
main > .container:first-child{padding-top:var(--sp-5)}

.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

::selection{background:var(--color-primary);color:#fff}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}