@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&family=Urbanist:wght@600;700&display=swap";:root{--bg-color:#f3f4f6;--line-color:#d6dbe1;--text-color:#475569;--title-color:#0f2942;--accent-color:#0f766e;--body-font:"Source Sans 3", "Segoe UI", sans-serif;--heading-font:"Urbanist", "Trebuchet MS", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-color);min-height:100vh;color:var(--text-color);font-family:var(--body-font);margin:0;line-height:1.5}h1,h2,h3,p{margin:0}#root{min-height:100vh}.page{flex-direction:column;min-height:100vh;display:flex}.section{width:min(1100px,100% - 2rem);margin:0 auto}.site-header{z-index:5;border-bottom:1px solid var(--line-color);background:#fff;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;display:flex}.brand{color:var(--title-color);font-family:var(--heading-font);letter-spacing:.03em;text-transform:uppercase;font-weight:700;text-decoration:none}.site-nav{gap:1.2rem;display:flex}.site-nav a{color:var(--text-color);font-weight:500;text-decoration:none}.site-nav a:hover{color:var(--title-color)}.button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;padding:.62rem 1rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.button:focus-visible{outline-offset:1px;outline:3px solid #93c5fd}.button-primary{background:var(--title-color);color:#fff}.button-primary:hover{background:#1b3e64}.button-secondary{border-color:var(--line-color);color:var(--title-color);background:#fff}.button-secondary:hover{border-color:var(--title-color)}.smart-image{background:#f1f5f9;position:relative;overflow:hidden}.smart-image img,.smart-image-fallback{width:100%;height:100%;display:block}.smart-image img{object-fit:cover}.smart-image-fallback{text-align:center;color:#475569;background:#e2e8f0;justify-content:center;align-items:center;padding:1rem;display:flex}.smart-image-skeleton{background:linear-gradient(90deg,#e2e8f0 20%,#f8fafc 50%,#e2e8f0 80%) 0 0/220% 100%;animation:1.1s linear infinite skeleton-shimmer;position:absolute;inset:0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-color);margin:0;font-size:.78rem;font-weight:700}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:1.8rem;padding:3rem 0 2rem;display:grid}.hero h1{color:var(--title-color);font-family:var(--heading-font);text-wrap:balance;margin:.6rem 0 1rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.hero-description{max-width:62ch}.hero-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;display:flex}.spotlight{border:1px solid var(--line-color);background:#fff;border-radius:.8rem;margin:0;overflow:hidden}.spotlight-image{height:18rem}.spotlight-content{padding:1rem}.spotlight-content h2{color:var(--title-color);font-family:var(--heading-font);margin:.4rem 0 .6rem;font-size:1.5rem}.spotlight-price{color:var(--title-color);font-family:var(--heading-font);margin-top:.8rem;font-size:1.35rem;font-weight:700}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.stats article{border:1px solid var(--line-color);background:#fff;border-radius:.8rem;padding:1rem}.stats h3{color:var(--title-color);font-family:var(--heading-font);margin:0}.stats p{margin-top:.45rem}.catalog{border:1px solid var(--line-color);background:#fff;border-radius:.8rem;margin-top:2rem;padding:1.4rem}.catalog-header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.catalog-header h2,.service h2,.contact h2,.bike-detail h1,.page-not-found h1,.detail-not-found h1{color:var(--title-color);font-family:var(--heading-font);margin:.4rem 0 0}.catalog-results{color:var(--title-color);margin:0;font-weight:600}.catalog-filters{grid-template-columns:1fr 220px 220px;align-items:end;gap:.7rem;margin-top:1.1rem;display:grid}.catalog-filters label{color:var(--title-color);font-size:.84rem;font-weight:600}.catalog-filters input,.catalog-filters select,.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--line-color);width:100%;color:var(--title-color);font:inherit;background:#fff;border-radius:.5rem;margin-top:.35rem;padding:.62rem .72rem}.catalog-filters input:focus,.catalog-filters select:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline-offset:1px;outline:3px solid #bfdbfe}.category-list{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.category-chip{border:1px solid var(--line-color);color:var(--title-color);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:.34rem .75rem;font-size:.9rem}.category-chip.is-active{border-color:var(--title-color);background:var(--title-color);color:#fff}.bike-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.2rem;display:grid}.bike-card{border:1px solid var(--line-color);background:#fff;border-radius:.75rem;overflow:hidden}.bike-card-image{height:11.5rem}.bike-card-content{padding:.95rem}.bike-category{color:var(--accent-color);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.82rem;font-weight:700}.bike-card h3{color:var(--title-color);font-family:var(--heading-font);margin:.45rem 0}.bike-meta{margin-top:.55rem;font-size:.95rem}.bike-card-footer{margin-top:.8rem}.bike-card-footer span{color:var(--title-color);font-family:var(--heading-font);font-size:1.15rem;font-weight:700}.bike-card-actions{flex-wrap:wrap;gap:.5rem;margin-top:.65rem;display:flex}.empty-state{border:1px dashed var(--line-color);border-radius:.75rem;margin-top:1.1rem;padding:1rem}.service{border:1px solid var(--line-color);background:#fff;border-radius:.8rem;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;padding:1.4rem;display:grid}.service ul{gap:.4rem;margin:0;padding-left:1rem;display:grid}.contact{border:1px solid var(--line-color);background:#fff;border-radius:.8rem;margin:2rem auto 2.4rem;padding:1.4rem}.contact-text{margin-top:.7rem}.contact-grid{grid-template-columns:1.2fr .8fr;gap:1rem;margin-top:1rem;display:grid}.contact-form{gap:.55rem;display:grid}.contact-form label{color:var(--title-color);margin-top:.2rem;font-weight:600}.contact-form textarea{resize:vertical}.contact-aside{border:1px solid var(--line-color);background:#fafafa;border-radius:.75rem;padding:1rem}.contact-aside h3{color:var(--title-color);font-family:var(--heading-font);margin:0}.contact-aside p{margin-top:.6rem}.small-note{font-size:.9rem}.bike-detail{padding:2rem 0}.detail-back{color:var(--title-color);margin-bottom:1rem;text-decoration:none;display:inline-block}.detail-layout{grid-template-columns:1fr 1fr;align-items:start;gap:1.4rem;display:grid}.detail-image{border:1px solid var(--line-color);border-radius:.8rem;height:30rem}.detail-summary{margin-top:.8rem}.detail-price{color:var(--title-color);font-family:var(--heading-font);margin-top:.8rem;font-size:1.5rem;font-weight:700}.detail-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem;display:grid}.detail-specs div{border:1px solid var(--line-color);border-radius:.5rem;padding:.65rem}.detail-specs dt{color:var(--accent-color);font-size:.82rem;font-weight:600}.detail-specs dd{color:var(--title-color);margin:.35rem 0 0}.bike-detail h2{color:var(--title-color);font-family:var(--heading-font);margin-top:1.3rem;font-size:1.15rem}.detail-features{gap:.35rem;margin:.6rem 0 0;padding-left:1rem;display:grid}.detail-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.page-not-found,.detail-not-found{padding:3rem 0}.page-not-found p,.detail-not-found p{margin-top:.8rem}.site-footer{border-top:1px solid var(--line-color);background:#fff;margin-top:auto}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;min-height:4rem;padding:1rem 0;display:flex}.site-footer-inner p{margin:0;font-size:.92rem}.modal-backdrop{z-index:15;background:#0f172a52;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line-color);background:#fff;border-radius:.8rem;width:min(560px,100%);padding:1.1rem}.modal h2{color:var(--title-color);font-family:var(--heading-font);margin:.4rem 0 0;font-size:1.3rem}.modal p{margin-top:.7rem}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=1024px){.hero,.service,.contact-grid,.detail-layout,.stats,.catalog-filters{grid-template-columns:1fr}.bike-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-image{height:22rem}}@media (width<=720px){.site-nav{display:none}.section{width:min(1100px,100% - 1.2rem)}.catalog,.service,.contact{padding:1rem}.catalog-header{flex-direction:column;align-items:start}.bike-grid,.detail-specs{grid-template-columns:1fr}.site-footer-inner{flex-direction:column;align-items:start}}