/* QVoiceMP3 public product page — aligned with THE QWORLD Astra light system. */
.qv-page{background:transparent!important;color:var(--astra-text,#493154)!important}
.qv-page main{position:relative;z-index:1}
.qv-shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.qv-breadcrumb{margin:0 0 34px!important;font-size:11px!important;color:#907c9b!important}
.qv-breadcrumb a{color:#75538a!important}
.qv-breadcrumb a:hover{text-decoration:underline}
.qv-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px!important;color:#795791!important;font-size:10px!important;letter-spacing:.17em!important;font-weight:650!important;text-transform:uppercase}
.qv-eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:#86639f;flex:0 0 auto}

.qv-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:72px;align-items:center;padding:54px 0 78px;border-bottom:1px solid var(--astra-line,rgba(114,81,142,.13))}
.qv-identity{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.qv-app-icon{width:66px;height:66px;flex:0 0 66px;border-radius:17px;overflow:hidden;background:#fff;border:1px solid var(--astra-line,rgba(114,81,142,.13));box-shadow:0 12px 30px rgba(92,61,115,.12)}
.qv-app-icon img{width:100%;height:100%;object-fit:cover;display:block}
.qv-identity-copy strong{display:block;color:#4d3659;font-size:14px;letter-spacing:.015em}
.qv-identity-copy span{display:block;margin-top:2px;color:#9a889f;font-size:10px}
.qv-hero h1{max-width:860px;margin:0 0 18px!important;font-size:clamp(48px,5.4vw,74px)!important;font-weight:430!important;letter-spacing:-.055em!important;color:var(--astra-text,#493154)!important}
.qv-hero h2{max-width:760px;margin:0 0 16px!important;font-size:clamp(23px,2.35vw,34px)!important;font-weight:430!important;line-height:1.2!important;color:#674b79!important}
.qv-lead{max-width:720px;margin:0!important;font-size:15px!important;line-height:1.85!important;color:var(--astra-muted,#746080)!important}
.qv-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}
.qv-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:1px solid #76509a;border-radius:7px;background:#8056aa;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:650;box-shadow:0 10px 25px rgba(104,70,139,.16);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.qv-btn:hover{transform:translateY(-1px);background:#714897;box-shadow:0 14px 32px rgba(104,70,139,.20)}
.qv-btn.secondary{background:rgba(255,255,255,.68);color:#674b79!important;border-color:var(--astra-line-strong,rgba(114,81,142,.22));box-shadow:none}
.qv-btn.secondary:hover{background:#fff}
.qv-quick-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:31px;max-width:820px}
.qv-quick-points span{padding:13px 14px;border-top:1px solid var(--astra-line,rgba(114,81,142,.13));color:#806d89;font-size:11px;line-height:1.5}

.qv-preview{position:relative;padding:24px;border:1px solid var(--astra-line,rgba(114,81,142,.13));border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,243,252,.88));box-shadow:var(--astra-shadow,0 20px 55px rgba(92,61,115,.09))}
.qv-preview-label{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;color:#8f789a;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.qv-preview-label strong{color:#674b79;font-size:10px}
.qv-phone{width:min(325px,100%);margin:0 auto;padding:10px;border-radius:28px;background:#fff;border:1px solid rgba(114,81,142,.14);box-shadow:0 22px 52px rgba(80,54,97,.13)}
.qv-phone img{display:block;width:100%;height:auto;border-radius:21px;image-rendering:auto}
.qv-preview-note{margin:16px 0 0!important;text-align:center;font-size:10px!important;color:#97859f!important}

.qv-section{padding:76px 0;border-bottom:1px solid var(--astra-line,rgba(114,81,142,.13))}
.qv-section-head{max-width:840px;margin-bottom:32px}
.qv-section-head h2{margin:0!important;font-size:clamp(34px,4vw,52px)!important;font-weight:430!important;letter-spacing:-.045em!important;color:var(--astra-text,#493154)!important}
.qv-section-head p:not(.qv-eyebrow){max-width:700px;margin:14px 0 0!important;font-size:13px!important;line-height:1.8!important;color:var(--astra-muted,#746080)!important}

.qv-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.qv-card{min-height:198px;padding:25px;border:1px solid var(--astra-line,rgba(114,81,142,.13));border-radius:14px;background:rgba(255,255,255,.86);box-shadow:var(--astra-shadow-soft,0 10px 34px rgba(91,63,112,.055));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.qv-card:hover{transform:translateY(-2px);border-color:rgba(128,86,170,.24);box-shadow:0 16px 40px rgba(91,63,112,.09)}
.qv-card-mark{width:34px;height:34px;display:grid;place-items:center;margin-bottom:24px;border-radius:10px;background:#f1e9f7;color:#714897;font-size:13px;font-weight:750}
.qv-card h3{margin:0 0 9px!important;color:#5b4169!important;font-size:20px!important;font-weight:520!important;letter-spacing:-.025em!important}
.qv-card p{margin:0!important;color:#7c6a85!important;font-size:12px!important;line-height:1.75!important}

.qv-gallery-wrap{padding:24px;border:1px solid var(--astra-line,rgba(114,81,142,.13));border-radius:18px;background:rgba(255,255,255,.70);box-shadow:var(--astra-shadow-soft,0 10px 34px rgba(91,63,112,.055))}
.qv-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:start}
.qv-shot{margin:0;padding:7px;border-radius:22px;background:#fff;border:1px solid rgba(114,81,142,.12);box-shadow:0 14px 32px rgba(80,54,97,.08);overflow:hidden}
.qv-shot img{display:block;width:100%;height:auto;border-radius:16px;image-rendering:auto}
.qv-gallery-note{margin:18px 0 0!important;color:#9a879f!important;font-size:10px!important;text-align:center}

.qv-plans{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.qv-plan{position:relative;min-height:330px;padding:31px;border:1px solid var(--astra-line,rgba(114,81,142,.13));border-radius:16px;background:rgba(255,255,255,.88);box-shadow:var(--astra-shadow-soft,0 10px 34px rgba(91,63,112,.055))}
.qv-plan.premium{border-color:rgba(128,86,170,.24);background:linear-gradient(145deg,#fff,#f7effc)}
.qv-plan-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border:1px solid rgba(128,86,170,.20);border-radius:999px;background:#f3ecf8;color:#795791;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.qv-plan h3{margin:18px 0 8px!important;color:#5b4169!important;font-size:30px!important;font-weight:450!important}
.qv-plan-sub{margin:0!important;color:#8a788f!important;font-size:12px!important}
.qv-list{display:grid;gap:12px;margin-top:24px}
.qv-list span{position:relative;padding-left:22px;color:#735f7d;font-size:12px;line-height:1.6}
.qv-list span:before{content:"✓";position:absolute;left:0;top:0;color:#8056aa;font-weight:800}
.qv-plan .qv-actions{margin-top:27px}

.qv-support-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:34px;border:1px solid var(--astra-line,rgba(114,81,142,.13));border-radius:16px;background:rgba(255,255,255,.78)}
.qv-support-strip h2{margin:0 0 8px!important;font-size:30px!important;color:#5b4169!important}
.qv-support-strip p{margin:0!important;font-size:12px!important;color:#827087!important}

/* Initial footer shell is replaced by astra-dynamic.js with the same footer used elsewhere. */
.qv-page .site-footer{position:relative;z-index:1}

@media(max-width:1050px){
  .qv-shell{width:min(100% - 56px,1280px)}
  .qv-hero{grid-template-columns:1fr;gap:44px}
  .qv-preview{max-width:620px}
  .qv-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qv-gallery{grid-template-columns:repeat(5,190px);overflow-x:auto;padding-bottom:9px;scroll-snap-type:x proximity}
  .qv-shot{scroll-snap-align:start}
}
@media(max-width:700px){
  .qv-shell{width:calc(100% - 32px)}
  .qv-hero{padding:38px 0 56px}
  .qv-breadcrumb{margin-bottom:25px!important}
  .qv-hero h1{font-size:43px!important}
  .qv-hero h2{font-size:25px!important}
  .qv-quick-points{grid-template-columns:1fr}
  .qv-features,.qv-plans{grid-template-columns:1fr}
  .qv-section{padding:56px 0}
  .qv-gallery-wrap{padding:16px}
  .qv-support-strip{grid-template-columns:1fr}
  .qv-actions{display:grid}
  .qv-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.qv-card,.qv-btn{transition:none}.qv-card:hover,.qv-btn:hover{transform:none}}