:root{
  --accent:#ff6b35;
  --muted:#777;
  --bg:#fff;
  --card-border:#e6e6e6;
  --max-width:1100px;
  --radius:10px;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter, Arial, Helvetica, sans-serif;
  background:var(--bg);
  color:#111;
  -webkit-font-smoothing:antialiased;
}

.container{max-width:var(--max-width);margin:28px auto;padding:0 18px}

/* breadcrumb */
.breadcrumb{
  background:#f7f7f7;padding:12px 18px;font-size:14px;display:flex;gap:8px;align-items:center;border-bottom:1px solid #eee
}
.breadcrumb a{color:var(--accent);text-decoration:none}
.breadcrumb .current{color:#333}

/* title */
.main-title h1{margin:18px 0 4px;font-size:24px}
.meta{color:var(--muted);margin:0 0 18px;font-size:13px}

/* video/cta layout */
.video-and-cta{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}
@media(max-width:880px){.video-and-cta{grid-template-columns:1fr;}.cta-panel{order:2}}

/* video frame */
.video-frame iframe{width:100%;height:420px;border-radius:8px;border:1px solid #ddd}

/* cta */
.cta-panel{padding:14px;border-radius:8px;border:1px solid var(--card-border);background:#fff;position:sticky;top:20px;height:max-content}
.price-box{text-align:center}
.price-label{font-weight:600;color:var(--muted);margin-bottom:6px}
.price-amount{font-size:28px;color:#0a0;font-weight:700;margin-bottom:10px}
.primary-btn{background:var(--accent);color:white;border:none;padding:12px 14px;border-radius:8px;font-size:16px;cursor:pointer}
.primary-btn:hover{opacity:.95}

/* content */
.content{margin:20px 0;padding:14px;border-radius:8px;border:1px solid var(--card-border);background:#fff}

/* reviews */
.reviews{margin-top:18px}
.reviews-list{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.review-card{padding:12px;border-radius:8px;border:1px solid var(--card-border);background:#fff}
.review-header{display:flex;align-items:center;gap:12px}
.review-name{font-weight:700}
.review-rating{margin-left:auto;color:#ffb400;font-weight:700}

/* video grid */
.more-videos{margin:28px 0}
.more-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.link-btn{background:none;border:0;color:var(--accent);cursor:pointer;text-decoration:underline}
.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.video-card{display:block;border:1px solid var(--card-border);border-radius:8px;overflow:hidden;background:#fff;text-decoration:none;color:inherit}
.video-thumb{width:100%;height:150px;object-fit:cover;display:block}
.video-meta{padding:10px}
.video-meta h3{margin:0 0 8px;font-size:15px}
.video-meta .tag{display:inline-block;background:#333;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}

/* footer */
.site-footer{background:#111;color:#e6e6e6;padding:22px 18px;margin-top:28px;border-top:4px solid #0f0f0f}
.newsletter{max-width:600px;margin:0 auto;text-align:center}
.newsletter-row{display:flex;gap:8px;justify-content:center;margin-top:10px}
.newsletter input{padding:10px;border-radius:6px;border:1px solid var(--card-border);min-width:260px}
.small-btn{padding:8px 10px;border-radius:6px;background:var(--accent);color:#fff;border:0;cursor:pointer}

/* cookie popup */
.cookie-popup{position:fixed;bottom:12px;left:12px;right:12px;background:#333;color:#fff;padding:12px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 6px 28px rgba(0,0,0,.3)}
.cookie-popup a{color:#fff;text-decoration:underline}

/* utility */
.hidden{display:none}