/* Oly's Tires 2 LLC — custom styles
   Palette:
   --red:#fe0000; --red2:#c20800; --red3:#ff0e00;
   --yellow:#fce93b; --yellow2:#fdf79b;
   --black:#171717; --white:#ffffff;
   --gray:#444444; --g1:#d1d1d1; --g2:#cccccc;
*/

:root{
  --red:#fe0000; --red2:#c20800; --red3:#ff0e00;
  --yellow:#fce93b; --yellow2:#fdf79b;
  --black:#171717; --white:#fff;
  --gray:#444; --g1:#d1d1d1; --g2:#ccc;
  --radius:1rem;
}

html{scroll-behavior:smooth;}
body{background:#fff;color:#111;}

.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-link:focus{position:static;width:auto;height:auto;background:#000;color:#fff;padding:.5rem;}

.navbar{padding:.65rem 0;}
.nav-link.active{color:var(--yellow)!important}
.navbar .btn-danger{background:var(--red);border-color:var(--red2)}

.hero{
  min-height:56vh;
  background: radial-gradient(80% 80% at 50% 20%, #2b2b2b 0%, #000 60%) center/cover no-repeat;
  text-shadow: 0 2px 0 rgba(0,0,0,.5);
  padding: 5rem 0;
}

.tiles .tile-card{
  display:block; position:relative; overflow:hidden; text-align:center;
  /* border-radius:12px; background:#111; border:1px solid #2a2a2a; */
}
.tiles .tile-card img{width:100%; height:auto; display:block; filter:saturate(1.05) contrast(1.05);}
.tiles .tile-card span{
  position:absolute; left:0; right:0; bottom:0; padding:.5rem .75rem;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(254,0,0,.95) 75%);
  color:#fff; font-weight:700; letter-spacing:.5px;
}

.section-title{font-weight:800; letter-spacing:.5px}
.brand-strip{display:flex; gap:1.25rem; flex-wrap:wrap; align-items:center}
.brand-strip img{height:28px; width:auto; opacity:.9}

.svc{background:#1a1a1a; border:1px solid #2e2e2e; padding:.75rem .9rem; border-radius:.75rem; text-align:center}
.policy-box{background:#f8f9fa; border-left:4px solid var(--red); padding:1rem; border-radius:.5rem}
.about-pill{background:#f1f3f5; padding:.6rem .9rem; border-radius:999px; display:inline-block; border:1px solid #e6e8ea}

footer{font-size:.95rem}

.anim-hidden{opacity:0; transform: translateY(12px); transition:opacity .6s ease, transform .6s ease;}
.animate__animated{opacity:1!important; transform:none!important}

/* Forms */
.was-validated .form-control:invalid,
.was-validated .form-select:invalid{border-color:#dc3545;}

/* Buttons */
.btn-danger{background:var(--red);border-color:var(--red2)}
.btn-danger:hover{background:var(--red2);border-color:var(--red2)}
.btn-warning{color:#000}

/* Utilities */
.bg-black{background:#000;}