
/*
Theme Name: Ondrela Gold USA
Theme URI: https://ondrela.com/
Author: Technoadx
Description: Premium single-page DTC affiliate landing theme.
Version: 3.0
Text Domain: ondrela-gold
*/
:root{--bg:#070707;--ink:#f6f2ea;--muted:#b7afa1;--gold:#d5b06a;--gold2:#f3db9b;--line:rgba(255,255,255,.11);--card:#11110f;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}.og-wrap{overflow:hidden}.og-container{width:min(calc(100% - 40px),var(--max));margin:auto}.og-top{position:fixed;z-index:50;left:0;right:0;top:0;background:rgba(7,7,7,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.og-nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.og-logo{font-size:27px;letter-spacing:-1.2px;font-weight:800;text-decoration:none;color:#fff}.og-logo small{font-size:11px;color:var(--gold);font-weight:500;margin-left:4px;letter-spacing:1px}.og-links{display:flex;gap:22px}.og-links a{color:#ddd;text-decoration:none;font-size:13px}.og-btn,.og-btn:visited{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(213,176,106,.6);background:linear-gradient(135deg,#f0d394,#b9873d);color:#100d08;text-decoration:none;font-weight:800;padding:15px 24px;border-radius:2px;letter-spacing:.2px;box-shadow:0 12px 34px rgba(197,146,62,.18);transition:.25s}.og-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.og-btn.dark{background:#fff;color:#111;border-color:#fff}.og-hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:115px 0 70px;background:radial-gradient(circle at 75% 20%,rgba(207,164,82,.18),transparent 32%),linear-gradient(115deg,#060606 0%,#0b0a08 52%,#11100d 100%)}.og-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:800;margin-bottom:18px}.og-hero h1{font-size:clamp(52px,7vw,96px);line-height:.94;letter-spacing:-4px;margin:0 0 25px;max-width:760px}.gold-text{background:linear-gradient(100deg,#fff6d7,#c99a4c,#f6df9e);-webkit-background-clip:text;background-clip:text;color:transparent}.og-lead{font-size:19px;color:#c9c3b8;max-width:650px;margin:0 0 28px}.og-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0 0 34px;padding:0;list-style:none}.og-checks li{font-size:14px;color:#eee;display:flex;gap:10px;align-items:center}.og-checks i{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 14px var(--gold)}.og-hero-art{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center}.hero-halo{position:absolute;width:540px;height:540px;border-radius:50%;border:1px solid rgba(213,176,106,.18);box-shadow:inset 0 0 90px rgba(213,176,106,.08),0 0 120px rgba(213,176,106,.08)}.hero-photo{position:absolute;width:86%;height:82%;object-fit:cover;object-position:47% 48%;filter:saturate(.85) contrast(1.04);opacity:.72;clip-path:polygon(10% 0,100% 0,92% 100%,0 100%)}.gold-card{position:relative;z-index:2;width:min(520px,90%);aspect-ratio:1.586/1;border-radius:24px;background:linear-gradient(120deg,#8d6428 0%,#f2d995 26%,#c59a54 50%,#f0d89b 72%,#8f672e 100%);box-shadow:0 45px 90px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.55);transform:rotate(-7deg);overflow:hidden}.gold-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.32) 30%,transparent 46%);mix-blend-mode:screen}.card-logo{position:absolute;left:40px;top:34px;color:#f8e9be;font-size:32px;font-weight:800;letter-spacing:-1px;text-shadow:0 1px rgba(0,0,0,.12)}.card-logo span{display:block;font-size:12px;letter-spacing:1.5px;font-weight:500;margin-left:7px;margin-top:-5px}.card-chip{position:absolute;left:42%;top:37%;width:60px;height:45px;border-radius:8px;background:linear-gradient(135deg,#eee0ad,#b88943);border:1px solid rgba(77,54,19,.25)}.card-bar{position:absolute;right:34px;top:30px;width:20px;height:55px;background:#17130d;border-radius:10px}.card-micro{position:absolute;right:34px;bottom:28px;font-size:13px;color:#4d3516;font-weight:800}.og-proof{display:flex;gap:18px;align-items:center;margin-top:28px;color:#bdb6aa;font-size:13px}.stars{color:#e9c269;letter-spacing:2px}.og-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d0d0c}.og-strip-in{display:flex;justify-content:space-around;gap:18px;flex-wrap:wrap;padding:18px 0;color:#d7cfbf;font-size:12px;text-transform:uppercase;letter-spacing:1px}.og-section{padding:115px 0}.og-section.alt{background:#0d0d0b}.section-kicker{color:var(--gold);text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:800}.section-title{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-2.5px;margin:14px 0 22px;max-width:850px}.section-copy{color:var(--muted);max-width:690px;font-size:17px}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.lifestyle{width:100%;border-radius:4px;min-height:500px;object-fit:cover;filter:contrast(1.04) saturate(.88)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:35px}.mini{padding:22px;background:#11110f;border:1px solid var(--line)}.mini strong{display:block;font-size:15px;margin-bottom:7px}.mini span{color:#a9a193;font-size:13px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px}.feature{background:#0b0b0a;padding:34px 28px;min-height:220px}.feature b{font-size:16px;display:block;margin-bottom:10px}.feature p{color:#aaa293;font-size:14px;margin:0}.device-wrap{position:relative;background:radial-gradient(circle at 50% 40%,rgba(218,177,93,.16),transparent 42%);padding:20px}.device-wrap img{width:100%;max-width:650px;display:block;margin:auto;filter:drop-shadow(0 25px 40px rgba(0,0,0,.6))}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.step{padding:30px;border-top:1px solid rgba(213,176,106,.45);background:#10100f}.num{color:var(--gold);font-size:12px;letter-spacing:2px}.step h3{font-size:22px;margin:16px 0 8px}.step p{color:#aaa293;margin:0;font-size:14px}.bundle{position:relative;padding:80px 48px;background:linear-gradient(100deg,#17130d,#080808);border:1px solid rgba(213,176,106,.22);overflow:hidden}.bundle:after{content:"";position:absolute;right:-130px;top:-170px;width:540px;height:540px;border:1px solid rgba(213,176,106,.2);border-radius:50%}.bundle h2{font-size:clamp(38px,5vw,68px);line-height:1;margin:14px 0 22px;max-width:750px}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.review{border:1px solid var(--line);padding:28px;background:#10100f}.review p{color:#d6d0c5;font-size:14px}.review b{font-size:13px}.faq{border-top:1px solid var(--line);max-width:900px;margin:35px auto 0}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p{color:#a9a193;margin:13px 0 0;font-size:14px}.final{padding:130px 0;background:linear-gradient(135deg,#0d0b08,#21180c,#080808);text-align:center}.final h2{font-size:clamp(46px,6vw,84px);line-height:.98;letter-spacing:-3px;margin:15px auto 25px;max-width:950px}.final p{color:#c2b9aa;max-width:650px;margin:0 auto 30px}.og-footer{padding:35px 0;border-top:1px solid var(--line);color:#898174;font-size:12px}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.og-sticky{display:none}
@media(max-width:900px){.og-links{display:none}.og-grid,.split{grid-template-columns:1fr;gap:35px}.og-hero{padding-top:115px}.og-hero h1{letter-spacing:-2.5px}.og-hero-art{min-height:440px;order:-1}.gold-card{width:430px;max-width:90%}.hero-halo{width:390px;height:390px}.hero-photo{width:95%;height:80%}.feature-row,.steps,.reviews{grid-template-columns:1fr}.og-section{padding:80px 0}.lifestyle{min-height:400px}.bundle{padding:60px 26px}.og-sticky{display:flex;position:fixed;bottom:12px;left:12px;right:12px;z-index:80}.og-sticky .og-btn{width:100%}.og-top .og-btn{padding:11px 15px;font-size:12px}.og-checks{grid-template-columns:1fr}.card-logo{font-size:26px;left:28px;top:24px}.card-chip{width:50px;height:38px}.og-proof{font-size:12px}}
