/*
Theme Name: PullDown Pros
Theme URI: https://pulldownpros.com
Author: PullDown Pros
Description: Premium automotive WordPress theme for discontinued OEM trunk pull-down motor rebuilding and WooCommerce sales.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: pulldown-pros
License: GPL-2.0-or-later
*/

:root{
  --pp-blue:#0877d1;
  --pp-blue-light:#33a8ff;
  --pp-navy:#06111d;
  --pp-black:#080b0f;
  --pp-graphite:#161c23;
  --pp-panel:#1d2630;
  --pp-silver:#c8d0d8;
  --pp-muted:#98a5b3;
  --pp-white:#ffffff;
  --pp-border:rgba(255,255,255,.10);
  --pp-shadow:0 20px 55px rgba(0,0,0,.34);
  --pp-radius:20px;
  --pp-max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--pp-black);
  color:var(--pp-white);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.6;
}
body.admin-bar .site-header{top:32px}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 40px),var(--pp-max));margin:auto}
.section{padding:88px 0}
.section-sm{padding:56px 0}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  color:var(--pp-blue-light);font-size:.76rem;font-weight:900;
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:15px
}
.eyebrow:before{content:"";width:30px;height:2px;background:var(--pp-blue-light)}
h1,h2,h3,h4{line-height:1.08;margin:0 0 18px}
h1{font-size:clamp(3rem,7vw,6.6rem);letter-spacing:-.055em}
h2{font-size:clamp(2.1rem,4vw,4rem);letter-spacing:-.04em}
h3{font-size:1.35rem}
p{margin:0 0 18px;color:#d6dde4}
.lead{font-size:clamp(1.05rem,1.7vw,1.3rem);max-width:760px;color:#d8e0e7}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:54px;padding:0 25px;border-radius:999px;border:1px solid transparent;
  font-weight:900;transition:.22s ease;cursor:pointer
}
.btn-primary{background:linear-gradient(135deg,var(--pp-blue),var(--pp-blue-light));color:#fff;box-shadow:0 12px 32px rgba(8,119,209,.26)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(8,119,209,.36)}
.btn-secondary{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.045)}
.btn-secondary:hover{background:#fff;color:#07101a}
.btn-dark{background:#05070a;color:#fff}
.site-header{
  position:sticky;top:0;z-index:999;
  background:rgba(5,9,14,.86);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--pp-border)
}
.topbar{background:linear-gradient(90deg,#071522,#0b2e4b);font-size:.82rem;color:#cfe4f6}
.topbar-inner{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.header-main{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:flex;align-items:center;gap:13px;min-width:max-content}
.brand-mark{
  width:45px;height:45px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(145deg,#d9e0e7,#757f89 48%,#f5f7f9);
  color:#07121d;font-size:22px;font-weight:950;box-shadow:inset 0 0 0 2px rgba(255,255,255,.34)
}
.brand-copy strong{display:block;font-size:1.12rem;letter-spacing:.02em}
.brand-copy small{display:block;color:var(--pp-muted);font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}
.primary-nav ul{display:flex;align-items:center;gap:26px;list-style:none;padding:0;margin:0}
.primary-nav a{font-size:.91rem;font-weight:800;color:#dbe2e9}
.primary-nav a:hover{color:var(--pp-blue-light)}
.header-actions{display:flex;align-items:center;gap:12px}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.6rem}
.hero{
  min-height:760px;display:grid;align-items:center;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 78% 35%,rgba(8,119,209,.30),transparent 28%),
    linear-gradient(90deg,rgba(5,9,14,.98) 0%,rgba(5,9,14,.88) 48%,rgba(5,9,14,.37) 100%),
    url('assets/images/hero-motor.svg') center right/contain no-repeat;
}
.hero:after{
  content:"";position:absolute;inset:auto 0 0;height:180px;
  background:linear-gradient(transparent,var(--pp-black))
}
.hero-content{position:relative;z-index:2;max-width:840px;padding:80px 0 120px}
.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px #dfe6ed}
.hero .subtitle{font-size:clamp(1.2rem,2vw,1.58rem);font-weight:700;max-width:790px;color:#d5dde5}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:31px}
.hero-proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;color:#d7e0e8;font-size:.92rem;font-weight:800}
.hero-proof span:before{content:"✓";color:var(--pp-blue-light);margin-right:8px}
.trust-strip{position:relative;z-index:3;margin-top:-55px}
.trust-grid{
  display:grid;grid-template-columns:repeat(4,1fr);background:#f6f8fa;color:#08101a;
  border-radius:var(--pp-radius);box-shadow:var(--pp-shadow);overflow:hidden
}
.stat{padding:28px 22px;text-align:center;border-right:1px solid #dfe4e9}
.stat:last-child{border-right:0}
.stat strong{font-size:2rem;display:block;line-height:1;color:#07131f}
.stat span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#52606d}
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}
.visual-card{
  min-height:480px;border-radius:26px;overflow:hidden;position:relative;
  background:
  linear-gradient(145deg,rgba(8,119,209,.20),rgba(6,17,29,.2)),
  url('assets/images/workbench.svg') center/cover no-repeat;
  box-shadow:var(--pp-shadow);border:1px solid var(--pp-border)
}
.visual-badge{
  position:absolute;left:22px;bottom:22px;right:22px;padding:20px;
  background:rgba(5,10,16,.88);border:1px solid var(--pp-border);
  border-radius:16px;backdrop-filter:blur(12px)
}
.visual-badge strong{display:block;font-size:1.15rem}
.check-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}
.check-list div{
  padding:14px 16px;border:1px solid var(--pp-border);border-radius:12px;
  background:rgba(255,255,255,.025);font-weight:750;color:#dce5ed
}
.check-list div:before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;background:var(--pp-blue);border-radius:50%;margin-right:10px;font-size:.75rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{
  padding:31px;border-radius:var(--pp-radius);
  background:linear-gradient(145deg,#18212a,#11171e);
  border:1px solid var(--pp-border);box-shadow:0 14px 35px rgba(0,0,0,.18);
  transition:.22s ease
}
.card:hover{transform:translateY(-5px);border-color:rgba(51,168,255,.38)}
.card-icon{
  width:52px;height:52px;border-radius:15px;display:grid;place-items:center;
  background:rgba(8,119,209,.15);color:var(--pp-blue-light);font-size:1.45rem;margin-bottom:22px
}
.card p{color:#aeb9c4}
.card-link{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:var(--pp-blue-light)}
.card-link:after{content:"→"}
.process-section{background:#f3f6f8;color:#08101a}
.process-section p{color:#53616e}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.process-step{position:relative;padding:28px;background:#fff;border-radius:18px;box-shadow:0 12px 35px rgba(13,28,42,.07)}
.process-number{font-size:3rem;font-weight:950;color:#dceaf6;line-height:1;margin-bottom:12px}
.process-step h3{color:#08101a}
.feature-band{
  border-top:1px solid var(--pp-border);border-bottom:1px solid var(--pp-border);
  background:linear-gradient(120deg,#0d2436,#07111b)
}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}
.snap-box{
  padding:38px;border-radius:24px;background:linear-gradient(135deg,var(--pp-blue),#054d8b);
  box-shadow:0 20px 50px rgba(8,119,209,.24)
}
.snap-box .phone{
  display:inline-block;background:#fff;color:#07101a;font-size:clamp(1.4rem,3vw,2.3rem);
  font-weight:950;padding:13px 19px;border-radius:13px;margin:12px 0 20px
}
.founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}
.founder-portrait{
  min-height:480px;border-radius:24px;background:
  linear-gradient(0deg,rgba(5,9,14,.55),transparent),
  url('assets/images/founder-placeholder.svg') center/cover no-repeat;
  border:1px solid var(--pp-border)
}
.quote{
  padding:24px 0 0;border-top:1px solid var(--pp-border);
  font-size:1.18rem;font-style:italic;color:#dce5ed
}
.reviews{background:#0c1117}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.review{padding:27px;border:1px solid var(--pp-border);background:#141b23;border-radius:18px}
.stars{color:#ffc74c;letter-spacing:3px;margin-bottom:12px}
.cta{
  padding:54px;border-radius:28px;
  background:
    radial-gradient(circle at 85% 20%,rgba(255,255,255,.16),transparent 25%),
    linear-gradient(135deg,#0877d1,#054a86);
  display:flex;align-items:center;justify-content:space-between;gap:35px
}
.cta h2{font-size:clamp(2rem,4vw,3.8rem);margin-bottom:8px}
.site-footer{background:#05070a;border-top:1px solid var(--pp-border);padding:68px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:40px}
.footer-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#8fa0af;margin-bottom:18px;font-weight:900}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin:10px 0;color:#c7d0d8}
.footer-bottom{border-top:1px solid var(--pp-border);margin-top:45px;padding-top:23px;display:flex;justify-content:space-between;gap:20px;color:#84909c;font-size:.83rem}
.page-hero{padding:100px 0 70px;background:linear-gradient(135deg,#07111b,#0b2e4b)}
.content-area{padding:70px 0}
.entry-content{max-width:850px}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:#151c24;border:1px solid var(--pp-border);padding:18px;border-radius:18px
}
.woocommerce div.product{padding:50px 0}
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{
  background:var(--pp-blue)!important;color:#fff!important;border-radius:999px!important;padding:15px 22px!important
}
input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{
  width:100%;background:#10161d;border:1px solid var(--pp-border);color:#fff;border-radius:12px;padding:14px 15px
}
label{font-weight:800}
@media(max-width:980px){
  .primary-nav{position:fixed;inset:115px 0 auto;background:#070c12;border-bottom:1px solid var(--pp-border);display:none;padding:20px}
  .primary-nav.open{display:block}.primary-nav ul{display:block}.primary-nav li{margin:16px 0}
  .menu-toggle{display:block}.header-actions .btn{display:none}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .intro-grid,.feature-grid,.founder{grid-template-columns:1fr}
  .cards,.review-grid{grid-template-columns:1fr}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  body.admin-bar .site-header{top:46px}
  .topbar{display:none}.header-main{min-height:70px}
  .brand-copy small{display:none}
  .hero{min-height:700px;background-position:80% center;background-size:cover}
  .hero-content{padding:70px 0 110px}
  .hero h1{font-size:3.25rem}
  .hero-actions .btn{width:100%}
  .trust-grid{grid-template-columns:1fr 1fr}.stat{padding:20px 12px}.stat strong{font-size:1.5rem}
  .section{padding:66px 0}.section-sm{padding:42px 0}
  .process-grid{grid-template-columns:1fr}
  .check-list{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{display:block}
  .cta{padding:34px 25px;display:block}.cta .btn{margin-top:18px;width:100%}
}