/*
Theme Name: Horse Soda Peak Official
Theme URI: https://horsesodapeak.ca/
Author: Horse Soda Peak
Description: Responsive Canada-focused product landing page theme for Horse Soda Peak. Includes editable SEO, affiliate CTA, pricing and trust/legal settings.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: horse-soda-peak
*/
:root{--black:#0b0b0c;--black2:#151517;--yellow:#f4d500;--red:#b31324;--red2:#8d0d1b;--white:#fff;--muted:#bdbdbd;--line:#2a2a2d;--card:#171719;--gold:#ffb300;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}img{max-width:100%;height:auto;display:block}.container{width:min(92%,var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(11,11,12,.96);border-bottom:1px solid #242426;backdrop-filter:blur(10px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;letter-spacing:.5px;color:#fff;text-decoration:none;font-size:20px}.brand span{color:var(--yellow)}.menu{display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0}.menu a{color:#fff;text-decoration:none;font-size:14px;font-weight:700}.menu a:hover{color:var(--yellow)}.nav-cta{background:var(--yellow)!important;color:#111!important;padding:10px 16px;border-radius:7px}.hero{padding:72px 0 50px;background:radial-gradient(circle at 70% 30%,rgba(244,213,0,.13),transparent 32%),linear-gradient(135deg,#09090a,#171719)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.eyebrow{display:inline-block;color:#111;background:var(--yellow);font-weight:900;font-size:12px;padding:6px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:1px}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.02;margin:16px 0}.hero h1 span{color:var(--yellow)}.hero p{font-size:18px;color:#ddd;max-width:620px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:7px;text-decoration:none;font-weight:900;border:1px solid transparent}.btn-primary{background:var(--yellow);color:#111}.btn-primary:hover{background:#ffe433}.btn-secondary{border-color:#555;color:#fff}.hero-media{display:flex;justify-content:center;align-items:center}.hero-media img{width:min(100%,560px);max-height:590px;object-fit:contain;border-radius:12px}.strip{background:var(--red);padding:13px 0;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.8px}.section{padding:78px 0}.section-dark{background:#101011}.section-head{text-align:center;max-width:800px;margin:0 auto 42px}.section-head h2{font-size:clamp(30px,4vw,46px);margin:0 0 10px;line-height:1.1}.section-head p{color:#c8c8c8;margin:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.content h3{font-size:28px;margin:0 0 12px}.content p,.content li{color:#ccc}.media img{width:100%;max-height:520px;object-fit:contain;border-radius:12px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit{background:var(--card);border:1px solid var(--line);padding:24px;border-radius:10px}.benefit b{display:block;color:var(--yellow);font-size:17px;margin-bottom:8px}.benefit p{color:#bbb;margin:0;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{border:1px solid var(--line);background:#141416;border-radius:10px;padding:24px}.num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111;font-weight:900;margin-bottom:16px}.formula-box{background:linear-gradient(135deg,#19191b,#0e0e0f);border:1px solid #333;border-radius:12px;padding:30px}.taglist{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.tag{border:1px solid #4b4b4d;border-radius:999px;padding:7px 12px;color:#eee;font-size:13px}.offer{background:linear-gradient(180deg,#120607,#09090a)}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.package-image{display:flex;justify-content:center;align-items:center;height:190px;margin:-4px 0 8px}.package-image img{width:100%;height:180px;object-fit:contain;border-radius:8px}.price-card{position:relative;background:#161618;border:1px solid #333;border-radius:12px;padding:28px;display:flex;flex-direction:column}.price-card.featured{border:2px solid var(--yellow);transform:translateY(-8px)}.badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--yellow);color:#111;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.qty{font-size:20px;font-weight:900}.price{font-size:42px;font-weight:900;margin:6px 0;color:var(--yellow)}.per{color:#bbb;font-size:14px}.saving{margin:14px 0;padding:9px;background:#25181a;border-radius:6px;color:#fff}.saving strong{color:#ffcc00}.price-card .btn{margin-top:auto}.package-image + .qty{margin-top:2px}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust div{background:#141416;border:1px solid var(--line);border-radius:9px;padding:18px;text-align:center;font-weight:800}.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid #303034;padding:18px 0}.faq summary{cursor:pointer;font-weight:900}.faq p{color:#bbb;margin:12px 0 0}.legal{max-width:850px}.legal h1{font-size:44px}.legal h2{margin-top:34px}.legal p,.legal li{color:#c8c8c8}.contact-form{display:grid;gap:14px;max-width:700px;margin:auto}.contact-form input,.contact-form textarea{width:100%;background:#151517;border:1px solid #3a3a3c;color:#fff;border-radius:7px;padding:13px}.contact-form textarea{min-height:150px}.site-footer{border-top:1px solid #2a2a2c;background:#080809;padding:45px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer p,.site-footer a{color:#aaa}.footer-links{display:grid;gap:7px}.copyright{margin-top:30px;padding-top:20px;border-top:1px solid #222;color:#777;font-size:13px}.notice{background:#221d05;border:1px solid #5e5311;color:#e8df9a;border-radius:8px;padding:14px;margin-top:20px;font-size:13px}
@media(max-width:900px){.menu{display:none}.hero-grid,.grid-2{grid-template-columns:1fr}.hero{padding-top:45px}.benefits{grid-template-columns:repeat(2,1fr)}.pricing{grid-template-columns:1fr}.price-card.featured{transform:none}.steps{grid-template-columns:1fr}.trust{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.hero-media img{max-height:500px}}
@media(max-width:520px){.container{width:min(94%,var(--max))}.section{padding:55px 0}.hero h1{font-size:42px}.hero p{font-size:16px}.benefits,.trust{grid-template-columns:1fr}.buttons .btn{width:100%}.price{font-size:36px}.brand{font-size:17px}}