.qhrs{--bg:#1a1117;--bg2:#241822;--rose:#c9899a;--rose-d:#a5667a;--paper:#f6f0ee;--ink:#2a1d25;--mute:#5a4650;--line:#e3d6d6;
  font-family:Georgia,"Times New Roman",serif;color:var(--ink);line-height:1.65;font-size:18px;box-sizing:border-box}
.qhrs *{box-sizing:border-box}
.qhrs h1,.qhrs h2,.qhrs h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
.qhrs p{margin:0 0 1em}
.qhrs a{color:inherit}
.qhrs .wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.qhrs section{padding:72px 0}
.qhrs .dark{background:var(--bg);color:var(--paper)}
.qhrs .dark2{background:var(--bg2);color:var(--paper)}
.qhrs .light{background:var(--paper)}
.qhrs h1{font-size:clamp(34px,5.4vw,60px)}
.qhrs h2{font-size:clamp(26px,3.6vw,38px)}
.qhrs h3{font-size:21px}
.qhrs .lead{font-size:20px;max-width:34em;opacity:.9}
.qhrs .sans{font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.qhrs .btn{display:inline-block;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;
  padding:15px 28px;border-radius:3px;text-decoration:none;background:var(--rose);color:#1a1117;border:2px solid var(--rose);margin:0 12px 12px 0}
.qhrs .btn:hover{background:var(--paper);border-color:var(--paper)}
.qhrs .btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.qhrs .btn.ghost:hover{background:var(--paper);color:#1a1117}
.qhrs .btn:focus-visible,.qhrs summary:focus-visible{outline:3px solid var(--rose-d);outline-offset:3px}

/* hero */
.qhrs .hero{padding:80px 0}
.qhrs .hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.qhrs .hero img{width:100%;height:auto;display:block;border:1px solid #4a3340;max-width:420px;margin:0 auto}
.qhrs .hero ul{list-style:none;padding:0;margin:28px 0 32px;font-family:-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px}
.qhrs .hero li{padding:6px 0 6px 26px;position:relative}
.qhrs .hero li:before{content:"";position:absolute;left:0;top:15px;width:14px;height:2px;background:var(--rose)}

/* two column text */
.qhrs .cols{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}

/* benefits */
.qhrs .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:36px}
.qhrs .benefits div{padding:28px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.qhrs .benefits p{margin:0;color:var(--mute);font-size:16px}

/* steps */
.qhrs .steps{list-style:none;padding:0;margin:36px 0 0;counter-reset:s}
.qhrs .steps li{counter-increment:s;display:grid;grid-template-columns:64px 1fr;gap:16px;padding:22px 0;border-top:1px solid #4a3340}
.qhrs .steps li:before{content:counter(s);font-size:40px;line-height:1;color:var(--rose)}
.qhrs .steps strong{display:block;font-weight:400;font-size:21px;margin-bottom:4px}
.qhrs .steps span{opacity:.8;font-size:16px}

/* note */
.qhrs .note{font-family:-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;color:var(--mute);border-left:3px solid var(--rose);padding:4px 0 4px 14px;margin:24px 0 0}
.qhrs .dark .note,.qhrs .dark2 .note{color:#c9b6bd}

/* position */
.qhrs .pos{background:#fff;border:1px solid var(--line);padding:32px}
.qhrs .pos svg{width:100%;height:auto;display:block}

/* pricing */
.qhrs .prices{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
.qhrs .price{border:1px solid #4a3340;padding:34px 30px}
.qhrs .price.main{border-color:var(--rose)}
.qhrs .price .amt{font-size:46px;line-height:1.1;margin:10px 0 4px}
.qhrs .price .sub{font-family:-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;opacity:.75}

/* faq */
.qhrs details{border-top:1px solid var(--line);padding:18px 0}
.qhrs details:last-of-type{border-bottom:1px solid var(--line)}
.qhrs summary{cursor:pointer;font-size:20px;list-style:none;position:relative;padding-right:32px}
.qhrs summary::-webkit-details-marker{display:none}
.qhrs summary:after{content:"+";position:absolute;right:4px;top:-2px;font-size:26px;color:var(--rose-d)}
.qhrs details[open] summary:after{content:"\2212"}
.qhrs details p{margin:12px 0 0;color:var(--mute);font-size:17px}

/* disclaimer + contact */
.qhrs .disc{background:#ece3e1;padding:36px 0;font-family:-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;color:#5c4a53}
.qhrs .disc strong{color:var(--ink)}
.qhrs .cert{border:1px dashed var(--rose-d);padding:28px;text-align:center;color:var(--mute);font-family:-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px}

@media(max-width:820px){
  .qhrs section{padding:52px 0}
  .qhrs .hero .wrap,.qhrs .cols,.qhrs .prices{grid-template-columns:1fr}
  .qhrs .benefits{grid-template-columns:1fr}
  .qhrs .hero{padding:52px 0}
}
@media(prefers-reduced-motion:reduce){.qhrs *{transition:none!important}}
html,body.qhrs-canvas{margin:0;padding:0}

/* v1.1.1: eksplicitne boje (tema ih ne sme prepisati) */
.qhrs .dark,.qhrs .dark2{color:#f6f0ee!important}
.qhrs .dark :is(h1,h2,h3,p,li,div,span,strong,summary,label),
.qhrs .dark2 :is(h1,h2,h3,p,li,div,span,strong,summary,label){color:#f6f0ee!important}
.qhrs .dark .note,.qhrs .dark2 .note{color:#e3d3d9!important}
.qhrs .dark .price .sub,.qhrs .dark2 .price .sub{color:#e3d3d9!important}
.qhrs .dark .steps li:before,.qhrs .dark2 .steps li:before{color:#c9899a!important}
.qhrs .light{color:#2a1d25!important}
.qhrs .light :is(h1,h2,h3,li,strong,summary,div){color:#2a1d25!important}
.qhrs .light :is(p,span){color:#4a3841!important}
.qhrs .light .benefits p,.qhrs .light details p{color:#5a4650!important}
.qhrs .light .note,.qhrs .light .cert{color:#5a4650!important}
.qhrs .light summary:after{color:#a5667a!important}
.qhrs .pos text{fill:#4a3841}
.qhrs .disc,.qhrs .disc p{color:#4a3841!important}
.qhrs .disc strong{color:#2a1d25!important}
.qhrs .btn,.qhrs .btn:visited{background:#c9899a!important;border-color:#c9899a!important;color:#1a1117!important;text-decoration:none!important}
.qhrs .btn:hover{background:#f6f0ee!important;border-color:#f6f0ee!important;color:#1a1117!important}
.qhrs .btn.ghost,.qhrs .btn.ghost:visited{background:transparent!important;border-color:#f6f0ee!important;color:#f6f0ee!important}
.qhrs .btn.ghost:hover{background:#f6f0ee!important;color:#1a1117!important}