/* Product pages share typography, buttons and section rhythm with the homepage. */
.rz-product-nav { display:flex; justify-content:center; gap:28px; padding-block:23px; border-bottom:1px solid var(--rz-line); flex-wrap:wrap; }
.rz-product-nav a { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--rz-muted); }
.rz-product-nav a:hover,.rz-product-nav a[aria-current] { color:var(--rz-violet); }
.rz-product-nav a[aria-current] { text-decoration:underline; text-underline-offset:7px; }
.rz-product-nav a>span { font-size:7px; letter-spacing:.06em; padding:2px 5px; background:#eee9fa; border-radius:4px; }
.rz-product-page .rz-hero { padding-top:65px; }
.rz-product-page .rz-hero h1 { font-size:clamp(37px,4.6vw,60px); }
.rz-product-page .rz-lead { max-width:650px; margin-inline:auto; }
.rz-product-page .rz-showcase { margin-top:48px; padding:14px 14px 0; background:#f2eef8; border:1px solid #ebe5f3; border-radius:16px; text-align:left; }
.rz-showcase figcaption { text-align:center; padding:12px 6px; font-size:10px; color:#777080; }
.rz-demo-window { background:white; border:1px solid #e7e1ee; border-radius:9px; overflow:hidden; box-shadow:0 10px 40px #33244308; }
.rz-demo-bar { display:flex; align-items:center; gap:20px; padding:15px 24px; border-bottom:1px solid var(--rz-line); font-size:11px; color:var(--rz-muted); }
.rz-demo-brand { display:flex; align-items:center; gap:6px; font-family:RzManrope,sans-serif; font-size:20px; letter-spacing:-1px; color:var(--rz-ink); }
.rz-demo-brand img { width:22px; height:22px; }
.rz-demo-bar>.rz-demo-badge { margin-left:auto; }
.rz-demo-badge { display:inline-block; font-size:10px; padding:3px 8px; border-radius:5px; color:#695987; background:#eee9f7; white-space:nowrap; }
.rz-demo-split { display:grid; grid-template-columns:1.25fr 1fr; min-height:395px; }
.rz-demo-main { padding:35px; min-width:0; }
.rz-demo-aside { padding:35px; background:#fcfbfd; border-left:1px solid var(--rz-line); min-width:0; }
.rz-demo-window h2 { font-size:27px; margin-top:12px; line-height:1.25; }
.rz-demo-window h3 { font-size:21px; margin-top:12px; }
.rz-demo-window p { font-size:12px; color:var(--rz-muted); margin-top:12px; }
.rz-demo-window small { display:block; font-size:10px; color:var(--rz-muted); font-weight:400; }
.rz-appointment-list { margin-top:25px; }
.rz-agenda-row { display:flex; align-items:center; gap:17px; padding:16px 0; border-top:1px solid var(--rz-line); font-size:12px; }
.rz-agenda-row time { color:#8a8198; font-size:11px; font-variant-numeric:tabular-nums; }
.rz-agenda-row>div { flex:1; }
.rz-agenda-row strong { font-size:12px; font-weight:600; }
.rz-date-strip { display:flex; justify-content:space-between; gap:5px; margin-top:26px; }
.rz-date-strip>span { text-align:center; padding:8px 10px; font-size:9px; color:#8b8197; border-radius:6px; }
.rz-date-strip b { display:block; font-size:18px; font-weight:400; color:#5c516d; }
.rz-date-strip .rz-date-active { background:#eee7fb; color:#6652a3; }
.rz-time-slots { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.rz-time-slots span { padding:7px 16px; background:white; border:1px solid #ded6eb; border-radius:6px; color:#75618f; font-size:12px; }
.rz-demo-message { padding:16px 20px; border-left:2px solid #b9a7d9; background:#f7f3fc; font-size:12px; color:#79698c; margin-top:28px; }
.rz-event-poster { display:flex; flex-direction:column; padding:35px; background:#e9e2f3; overflow:hidden; }
.rz-event-poster .rz-eyebrow { color:#7b648b; }
.rz-event-poster h2 { font-size:47px; color:#564167; position:relative; z-index:1; }
.rz-poster-art { display:flex; justify-content:center; height:125px; margin-top:20px; }
.rz-poster-art span { width:110px; height:110px; border:1px solid #aa90c2; border-radius:50%; background:#bfa5d330; margin-left:-25px; }
.rz-poster-art span:nth-child(2) { transform:translateY(-15px); background:#d8c6e5; }
.rz-poster-art span:nth-child(3) { background:#e9ddf1; }
.rz-poster-bottom { display:flex; justify-content:space-between; gap:15px; border-top:1px solid #cebfda; padding-top:16px; margin-top:auto; font-size:10px; color:#776280; }
.rz-demo-stats { display:flex; gap:45px; margin-top:25px; }
.rz-demo-stats strong { display:block; font-family:RzManrope,sans-serif; font-size:31px; }
.rz-demo-stats span { font-size:10px; color:var(--rz-muted); }
.rz-capacity { height:5px; background:#efebf5; border-radius:5px; overflow:hidden; margin-top:16px; }
.rz-capacity span { display:block; width:80%; height:100%; background:#ac96cc; }
.rz-demo-window .rz-demo-caption { font-size:10px; }
.rz-demo-line { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:16px 0; border-bottom:1px solid var(--rz-line); font-size:12px; }
.rz-form-preview { display:grid; gap:13px; margin-top:22px; }
.rz-form-preview small { margin-bottom:4px; }
.rz-form-preview span { display:block; border:1px solid #e4dfeb; padding:9px 12px; border-radius:5px; font-size:12px; color:#665d72; }
.rz-demo-person { display:flex; align-items:center; gap:11px; border-bottom:1px solid var(--rz-line); padding:19px 0; font-size:12px; }
.rz-person-check { margin-left:auto; color:#7b9f8e; }
.rz-payment-card,.rz-membership { max-width:360px; margin:25px auto 0; padding:22px; border:1px solid #e3dbea; border-radius:10px; background:#fff; box-shadow:0 7px 22px #3e295408; }
.rz-payment-card>.rz-demo-line { margin-bottom:20px; padding-top:0; }
.rz-big-amount { display:block; font:600 42px/1.4 RzManrope,sans-serif; letter-spacing:-2px; margin-top:8px; }
.rz-big-amount small { display:inline; font:400 12px RzInter,sans-serif; letter-spacing:0; }
.rz-payment-total { display:flex; justify-content:space-between; gap:15px; margin-top:20px; border-top:1px solid var(--rz-line); padding-top:15px; font-size:11px; }
.rz-payment-steps { list-style:none; padding:0; margin:25px 0; }
.rz-payment-steps li { display:flex; align-items:start; gap:15px; margin:20px 0; font-size:13px; }
.rz-payment-steps li>b { display:grid; place-items:center; width:30px; height:30px; border:1px solid #e5dced; border-radius:50%; color:#9d88b5; font-size:9px; font-weight:400; }
.rz-payment-steps p { margin-top:3px; }
.rz-membership { margin-inline:0; width:100%; background:#fcfaff; }
.rz-renewal { display:flex; gap:18px; align-items:center; padding:20px 0; border-bottom:1px solid var(--rz-line); font-size:12px; }
.rz-renewal>span { padding:11px; background:#efe9f7; color:#9a81b3; border-radius:7px; font-size:10px; }
.rz-product-features { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.rz-product-features article { border-top:1px solid var(--rz-line); padding-top:25px; }
.rz-product-features svg { width:25px; height:25px; color:#8f79ad; stroke-width:1.4; margin-bottom:20px; }
.rz-product-features h3 { font-size:17px; }
.rz-product-features p { font-size:13px; color:var(--rz-muted); margin-top:13px; }
.rz-product-page .rz-faq { border-top:0; }
.rz-explore { padding-bottom:65px; }
.rz-explore>div { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:20px; }
.rz-explore a { display:flex; justify-content:space-between; gap:10px; border-top:1px solid var(--rz-line); padding-top:16px; font-size:13px; color:var(--rz-muted); }
.rz-explore a:hover { color:var(--rz-violet); }
@media(max-width:900px) {
    .rz-product-nav { gap:15px; }
    .rz-demo-main,.rz-demo-aside,.rz-event-poster { padding:25px; }
    .rz-demo-split { grid-template-columns:1.1fr 1fr; }
    .rz-agenda-row { flex-wrap:wrap; gap:9px; }
    .rz-agenda-row .rz-demo-badge { font-size:8px; }
    .rz-product-features { grid-template-columns:repeat(2,1fr); }
    .rz-date-strip>span { padding:6px; }
}
@media(max-width:640px) {
    .rz-product-nav { gap:12px 20px; padding-block:17px; }
    .rz-product-nav a { font-size:11px; }
    .rz-product-page .rz-hero { padding-top:38px; }
    .rz-product-page .rz-hero h1 { font-size:clamp(32px,7.7vw,43px); }
    .rz-product-page .rz-showcase { padding:6px 6px 0; margin-top:30px; }
    .rz-demo-split { grid-template-columns:1fr; }
    .rz-demo-aside { border-left:0; border-top:1px solid var(--rz-line); }
    .rz-demo-bar { padding:13px 15px; gap:12px; }
    .rz-demo-bar>.rz-demo-badge { display:none; }
    .rz-demo-window h2 { font-size:24px; }
    .rz-event-poster h2 { font-size:43px; }
    .rz-demo-main,.rz-demo-aside,.rz-event-poster { padding:24px 20px; }
    .rz-demo-window .rz-eyebrow { font-size:9px; }
    .rz-demo-message { margin-top:20px; }
    .rz-product-features { gap:30px 20px; }
    .rz-product-features h3 { font-size:16px; }
    .rz-explore>div { grid-template-columns:1fr 1fr; }
    .rz-payment-card,.rz-membership { margin-inline:auto; }
}
@media(max-width:380px) {
    .rz-product-features { grid-template-columns:1fr; }
    .rz-agenda-row .rz-demo-badge { display:none; }
}
