/*
Theme Name: AptoFit Track Pro UK
Theme URI: https://aptofittrackpro.co.uk/
Author: AptoFit
Description: Responsive product landing-page theme for AptoFit Track Pro.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: aptofit-track-pro-uk
*/
:root{--black:#090909;--ink:#171313;--white:#fff;--cream:#f4e7d6;--brown:#c7a078;--brown2:#e1c19a;--gold:#d8a25d;--red:#b3202a;--red2:#e23843;--muted:#6e6258;--line:#dfd1c0;--soft:#faf5ee;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.58;background:#fff}img{max-width:100%;height:auto;display:block}a{color:inherit}.container{width:min(1140px,92%);margin:auto}
.topbar{background:var(--red);color:#fff;border-bottom:1px solid #7f151d;font-size:13px;font-weight:800}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding:8px 0}
.header{background:var(--black);color:#fff;border-bottom:1px solid #3b2519;position:sticky;top:0;z-index:50}.header .container{display:flex;align-items:center;justify-content:space-between;padding:13px 0;gap:20px}.logo{font-size:23px;font-weight:950;letter-spacing:.4px;text-decoration:none}.logo span{color:var(--red2)}.nav{display:flex;gap:20px;align-items:center}.nav a{text-decoration:none;font-size:14px;font-weight:800}.nav a:hover{color:var(--brown2)}.mobile{display:none;background:var(--red);color:#fff;border:0;border-radius:7px;padding:9px 13px;font-weight:900;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--red2),var(--red));color:#fff;text-decoration:none;border-radius:999px;padding:13px 25px;font-weight:950;border:1px solid #7d151c;box-shadow:0 7px 18px rgba(179,32,42,.18);transition:.2s ease}.btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#ef4b55,#c01f2a)}
.hero{background:var(--black);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:47% 53%;min-height:580px;align-items:center}.hero-copy{padding:45px 0}.eyebrow{display:inline-block;border:1px solid var(--red2);color:#ffd9d9;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900}.hero h1{font-size:clamp(42px,5.2vw,70px);line-height:.95;text-transform:uppercase;letter-spacing:-2px;margin:17px 0 10px}.hero h1 em{font-style:normal;color:var(--red2)}.hero h2{font-size:21px;margin:0 0 12px}.hero p{color:#eee;max-width:560px}.hero-image{height:580px;display:flex;align-items:center;justify-content:center;padding:18px}.hero-image img{width:100%;height:100%;object-fit:contain;border-radius:16px}
.trust{background:var(--cream);border-bottom:1px solid var(--brown)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{display:flex;justify-content:center;align-items:center;gap:10px;padding:13px 8px;border-right:1px solid #d8c0a2;font-size:13px;font-weight:800}.trust-item:last-child{border:0}.trust-item strong{color:var(--red)}
.section{padding:70px 0}.section.alt{background:var(--soft)}.section.dark{background:var(--black);color:#fff}.section-head{text-align:center;max-width:760px;margin:0 auto 35px}.section-head h2{font-size:clamp(29px,4vw,44px);line-height:1.05;margin:0 0 10px;text-transform:uppercase}.section-head h2 em{font-style:normal;color:var(--red2)}.section-head p{color:var(--muted);margin:0}.dark .section-head p{color:#ccc}
.split{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}.split>img{width:100%;height:auto;max-width:100%;max-height:380px;object-fit:contain;border-radius:14px;display:block}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;box-shadow:0 10px 28px rgba(60,37,20,.06)}.dark .panel{background:#151515;border-color:#3a2820}.check{list-style:none;padding:0;margin:0}.check li{padding:9px 0 9px 27px;position:relative}.check li:before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:900}.dark .check li:before{color:var(--red2)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:0 9px 24px rgba(60,37,20,.05)}.card h3{margin:8px 0;font-size:18px}.card p{margin:0;color:var(--muted);font-size:14px}.icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--red);font-weight:900;color:#fff}.dark .icon{background:var(--red2)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{background:#151515;border:1px solid #3b2921;border-radius:12px;padding:22px}.num{font-size:30px;color:var(--brown2);font-weight:950}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 9px 24px rgba(60,37,20,.05)}.gallery img{width:100%;height:230px;object-fit:cover}.gallery figcaption{padding:12px;font-weight:800;border-top:3px solid var(--red)}
.usecases{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center}.use-image{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#111}.use-image img{width:100%;height:360px;object-fit:cover}
.pricing{background:#080808;color:#fff;padding:65px 0}.pricing .section-head p{color:#ddd}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{background:#fff;color:#111;border:2px solid var(--brown);border-radius:12px;overflow:hidden;text-align:center;position:relative}.price-card.popular{border-color:var(--red);box-shadow:0 0 0 2px rgba(179,32,42,.18)}.popular-label{background:var(--red);color:#fff;font-size:12px;font-weight:950;padding:5px}.price-head{background:linear-gradient(135deg,var(--brown2),var(--gold));padding:10px 12px;display:flex;justify-content:space-between;gap:10px;font-weight:950}.badge{background:var(--red);color:#fff;border-radius:999px;padding:4px 7px;font-size:11px}.price-body{padding:12px 16px 16px}.bundle{height:165px;display:flex;align-items:center;justify-content:center;background:#faf7f2;border-radius:10px}.bundle img{width:100%;height:155px;max-width:100%;object-fit:contain;border-radius:8px}.price{font-size:34px;font-weight:950}.price del{font-size:13px;color:#8a6969;font-weight:500}.each{font-size:13px}.save{font-weight:950;margin:4px 0 12px;color:var(--red)}.price-card .btn{width:100%}.fast{font-size:11px;font-weight:900;margin-top:9px;color:#6b5a4d}
.guarantee{border:2px solid var(--red);background:#fff8f7;border-radius:16px;padding:28px}.guarantee h3{margin-top:0;color:var(--red)}
.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid #d8cdbf;padding:15px 0}.faq summary{font-weight:900;cursor:pointer}.final{background:var(--black);color:#fff;text-align:center;padding:65px 0;border-top:2px solid var(--red)}.final h2{font-size:38px;margin:0 0 8px;text-transform:uppercase}
.footer{background:#070707;color:#ddd;padding:45px 0 18px;border-top:1px solid #3a2820}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer h3{color:#fff}.footer a{text-decoration:none}.footer a:hover{color:var(--brown2)}.footer-bottom{border-top:1px solid #30261d;margin-top:25px;padding-top:15px;font-size:12px;color:#aaa}
.page-hero{background:var(--black);color:#fff;padding:55px 0;border-bottom:2px solid var(--red)}.page-content{padding:55px 0}.notice{font-size:12px;color:#777;margin-top:12px}
@media(max-width:900px){.nav{display:none}.mobile{display:block}.nav.open{display:flex;position:absolute;left:0;right:0;top:62px;background:var(--black);padding:15px;flex-direction:column;align-items:stretch;border-bottom:2px solid var(--red)}.nav.open .btn{text-align:center}.hero-grid,.split,.usecases{grid-template-columns:1fr}.hero-image{height:390px;order:-1}.hero-copy{padding-top:20px}.trust-grid{grid-template-columns:repeat(2,1fr)}.cards,.steps{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:1fr;max-width:520px;margin:auto}.footer-grid{grid-template-columns:1fr}}
@media(max-width:560px){.topbar .container{font-size:11px;flex-direction:column;align-items:center}.hero h1{font-size:43px}.hero-image{height:300px;padding:8px}.trust-grid,.cards,.steps,.gallery{grid-template-columns:1fr}.section{padding:52px 0}.final h2{font-size:29px}.price{font-size:30px}.use-image img{height:250px}.header .container{padding:11px 0}}
.problem-split{grid-template-columns:1.02fr .98fr;gap:30px}.problem-split>img{max-height:430px;height:100%;object-fit:cover;border-radius:16px;min-height:330px}
@media(max-width:900px){.problem-split>img{max-height:none;height:auto;min-height:0;object-fit:cover}}