Corvette C8 3LT Stingray Black with Black Interior

*{ margin:0; padding:0; box-sizing:border-box; font-family:'Poppins',sans-serif; } body{ background:#000; } /* ===== FOOTER ===== */ .gr-footer{ background:linear-gradient(90deg,#000 0%, #111 48%, #000 100%); padding:56px 58px 34px; color:#fff; overflow:hidden; } .gr-footer-inner{ max-width:1500px; margin:0 auto; display:grid; grid-template-columns:1.6fr 1.05fr 1.05fr 82px; gap:54px; align-items:start; } /* ===== LEFT COLUMN ===== */ .gr-footer-news h2{ font-size:28px; font-weight:700; line-height:1.2; color:#ffffff; margin-bottom:26px; letter-spacing:.2px; } .gr-footer-news p{ max-width:470px; font-size:16px; line-height:1.75; color:rgba(255,255,255,.76); margin-bottom:40px; } .gr-email-form{ max-width:470px; position:relative; margin-bottom:165px; } .gr-email-form input{ width:100%; height:60px; border-radius:999px; border:1px solid rgba(255,255,255,.42); background:transparent; outline:none; color:#fff; font-size:16px; padding:0 76px 0 24px; } .gr-email-form input::placeholder{ color:rgba(255,255,255,.32); } .gr-email-btn{ position:absolute; right:8px; top:50%; transform:translateY(-50%); width:44px; height:44px; border:none; border-radius:50%; background:#C29B52; color:#000; font-size:22px; cursor:pointer; display:flex; align-items:center; justify-content:center; text-decoration:none; transition:.25s ease; } .gr-email-btn:hover{ transform:translateY(-50%) scale(1.05); } .gr-copyright{ color:#ffffff; font-size:15px; font-weight:600; } /* ===== COLUMN TITLES ===== */ .gr-footer-col h3{ font-size:18px; font-weight:700; color:#ffffff; margin-bottom:28px; letter-spacing:.4px; } /* ===== SPECS COLUMN ===== */ .gr-specs-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px 28px; } .gr-spec-item{ display:flex; align-items:flex-start; gap:12px; color:#f5f5f5; font-size:16px; line-height:1.5; } .gr-spec-icon{ width:18px; min-width:18px; height:18px; color:#C29B52; margin-top:3px; display:flex; align-items:center; justify-content:center; } .gr-spec-icon svg{ width:100%; height:100%; display:block; } .gr-spec-item span:last-child{ color:rgba(255,255,255,.88); } /* ===== VEHICLE SPECS COLUMN (same clean support layout) ===== */ .gr-link-list{ display:flex; flex-direction:column; gap:18px; } .gr-spec-link{ display:flex; align-items:flex-start; gap:12px; color:rgba(255,255,255,.84); text-decoration:none; font-size:16px; line-height:1.5; transition:.22s ease; } .gr-spec-link:hover{ color:#fff; } .gr-spec-link .gr-spec-icon{ margin-top:3px; } /* ===== SOCIALS ===== */ .gr-socials{ display:flex; flex-direction:column; align-items:flex-end; gap:16px; } .gr-social-btn{ width:48px; height:48px; border-radius:50%; border:1px solid rgba(255,255,255,.58); color:#fff; text-decoration:none; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:500; transition:.25s ease; } .gr-social-btn:hover{ background:rgba(255,255,255,.06); border-color:#fff; } /* ===== BOTTOM NOTE ===== */ .gr-footer-bottom{ max-width:1500px; margin:58px auto 0; display:grid; grid-template-columns:1.6fr 1.05fr 1.05fr 82px; gap:54px; align-items:end; } .gr-footer-note{ grid-column:2 / 4; color:rgba(255,255,255,.78); font-size:16px; line-height:1.7; max-width:760px; } /* ===== RESPONSIVE ===== */ @media (max-width:1250px){ .gr-footer{ padding:46px 32px 30px; } .gr-footer-inner{ grid-template-columns:1.25fr 1fr 1fr; gap:34px; } .gr-footer-bottom{ grid-template-columns:1.25fr 1fr 1fr; gap:34px; } .gr-socials{ grid-column:1 / -1; flex-direction:row; justify-content:flex-start; align-items:center; margin-top:6px; } .gr-footer-note{ grid-column:2 / 4; } .gr-email-form{ margin-bottom:90px; } } @media (max-width:900px){ .gr-footer-inner, .gr-footer-bottom{ grid-template-columns:1fr; } .gr-footer-note{ grid-column:auto; max-width:100%; } .gr-email-form{ margin-bottom:34px; } .gr-socials{ grid-column:auto; } } @media (max-width:640px){ .gr-footer{ padding:38px 18px 24px; } .gr-footer-news h2{ font-size:24px; } .gr-footer-news p{ font-size:15px; margin-bottom:28px; } .gr-email-form input{ height:56px; font-size:15px; } .gr-email-btn{ width:40px; height:40px; font-size:20px; } .gr-footer-col h3{ font-size:17px; margin-bottom:20px; } .gr-specs-grid{ grid-template-columns:1fr; gap:14px; } .gr-spec-item, .gr-spec-link{ font-size:15px; } .gr-social-btn{ width:44px; height:44px; font-size:15px; } .gr-footer-note{ font-size:15px; } }