/* Constellario · Vidim. Biram. Jesam. (postojeća paleta: --ember, --star, --line, --mute, --serif, --sans, --mono) */
.cq-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cq-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(24px,2.6vw,36px);border:1px solid var(--line);border-radius:26px;background:#fff;transition:border-color .3s,box-shadow .3s,transform .3s}
.cq-card:hover{transform:translateY(-2px)}
.cq-card.cq-on{border-color:rgba(208,9,42,.45);box-shadow:0 18px 50px -30px rgba(208,9,42,.45)}
.cq-card .cq-mot{width:120px;height:60px;color:var(--ember);margin-bottom:6px}
.cq-ck{font:400 clamp(40px,3.6vw,58px)/.95 var(--serif);letter-spacing:-.01em;color:var(--star)}
.cq-card .label{color:var(--ember)}
.cq-card h3{font:italic 400 clamp(24px,2vw,30px)/1.15 var(--serif);margin:4px 0 0}
.cq-card p{margin:0;color:var(--mute);font-size:15.5px;line-height:1.55;flex:1}
.cq-card .btn{margin-top:14px;align-self:flex-start;text-transform:uppercase;letter-spacing:.07em;font-size:12.5px;white-space:normal;text-align:left;width:auto}
.cq-more{font:500 13.5px/1.3 var(--sans);color:var(--star);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(17,17,17,.3)}
.cq-more:hover{color:var(--ember)}
.cq-stage{margin-top:18px}
.cq-stage[hidden]{display:none}

/* upitnik */
.cq{position:relative;border:1px solid var(--line);border-radius:28px;background:#fff;padding:clamp(22px,3.4vw,48px);overflow:hidden}
.cq-hd{position:relative;max-width:760px;padding-right:44px}
.cq-hd .cq-mot{position:absolute;right:0;top:-6px;width:120px;height:60px;color:var(--ember);opacity:.85}
.cq-k{font:500 11.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ember)}
.cq-t{font:400 clamp(30px,3.4vw,50px)/1.05 var(--serif);margin:12px 0 8px;max-width:20ch}
.cq-s{font:italic 400 clamp(17px,1.4vw,20px)/1.4 var(--serif);color:var(--mute);margin:0}
.cq-x{position:absolute;top:-8px;right:-8px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;font:300 26px/1 var(--sans);color:var(--star);cursor:pointer}
.cq-hd:has(.cq-x) .cq-mot{right:56px}
.cq-prog{display:flex;gap:6px;margin:26px 0 22px;max-width:760px}
.cq-prog i{flex:1;height:3px;border-radius:3px;background:rgba(17,17,17,.1);transition:background .4s}
.cq-prog i.cq-on{background:var(--ember)}
.cq-prog i.cq-cur{background:linear-gradient(90deg,var(--ember) 0 40%,rgba(17,17,17,.1) 40%)}
.cq-body{max-width:980px}
.cq-body.cq-in{animation:cqIn .45s ease both}
@keyframes cqIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cq-n{font:500 12px/1 var(--mono);letter-spacing:.14em;color:var(--mute);margin:0 0 10px}
.cq-n b{color:var(--ember);font-weight:500}
.cq-q h4{font:400 clamp(24px,2.4vw,34px)/1.2 var(--serif);margin:0 0 20px;max-width:30ch;outline:none}
.cq-opts{display:grid;gap:10px;max-width:760px}
.cq-o{display:flex;align-items:center;gap:16px;width:100%;min-height:60px;padding:14px 20px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--star);font:400 16.5px/1.4 var(--sans);text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.cq-o i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);font:500 11.5px/1 var(--mono);font-style:normal;color:var(--mute)}
.cq-o:hover{border-color:rgba(208,9,42,.4)}
.cq-o[aria-pressed="true"]{border-color:var(--ember);background:rgba(208,9,42,.045)}
.cq-o[aria-pressed="true"] i{background:var(--ember);border-color:var(--ember);color:#fff}
.cq-o:focus-visible,.cq-b:focus-visible,.cq-chip:focus-visible,.cq-lnkb:focus-visible,.cq-x:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
.cq.cq-busy .cq-o{pointer-events:none}
.cq-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px;max-width:760px}
.cq-b{min-height:44px;padding:0 4px;border:0;background:none;font:500 13.5px/1 var(--sans);color:var(--mute);cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(17,17,17,.25)}
.cq-b:hover{color:var(--ember)}

/* rezultat */
.cq-rk{font:500 11.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.cq-res h4{font:400 clamp(32px,3.6vw,54px)/1.05 var(--serif);margin:12px 0 10px;outline:none}
.cq-th{font:italic 400 clamp(20px,1.8vw,26px)/1.3 var(--serif);color:var(--ember);margin:0 0 12px}
.cq-x1{font-size:17px;line-height:1.6;max-width:62ch;margin:0 0 10px}
.cq-sym{font-size:13.5px;color:var(--mute);margin:0 0 24px;max-width:70ch}
.cq-recs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:6px 0 4px}
.cq-recs.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.cq-rec{border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.cq-rn{font:500 11px/1 var(--mono);letter-spacing:.14em;color:var(--ember)}
.cq-rec h5{font:400 22px/1.15 var(--serif);margin:0}
.cq-a{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line);color:var(--star);text-decoration:none;font-size:14.5px;line-height:1.4}
.cq-a:hover{color:var(--ember)}
.cq-opt{border-top:1px solid var(--line);padding-top:10px}
.cq-opt b{display:block;font:500 14.5px/1.35 var(--sans)}
.cq-opt p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--mute)}
.cq-opt .cq-a{border-top:0;padding:8px 0 2px;font-size:13.5px}
.cq-opt .btn{margin-top:10px;min-height:42px;padding:0 18px;font-size:13px;width:auto}
.cq-fine{font-size:12.5px!important}
.cq-rel,.cq-other{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}
.cq-rel>span{font-size:14px;color:var(--mute);margin-right:4px}
.cq-chips{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.cq-chips[hidden]{display:none}
.cq-chip{min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font:500 13.5px/1 var(--sans);color:var(--star);cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}
.cq-chip:hover{border-color:var(--ember);color:var(--ember)}
.cq-lnkb{border:0;background:none;padding:6px 0;font:italic 400 19px/1.3 var(--serif);color:var(--star);cursor:pointer;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(208,9,42,.45)}
.cq-note{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line);font:italic 400 18px/1.4 var(--serif);color:var(--mute)}

/* proizvod iz kataloga */
.cq-prods{display:grid;gap:12px}
.cq-load{font-size:14px;color:var(--mute);margin:0}
.cq-prod{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:start}
.cq-cov img{display:block;width:72px;aspect-ratio:1;object-fit:cover;border-radius:12px}
.cq-pb{min-width:0}
.cq-lab{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ember)}
.cq-prod h5{font:400 19px/1.2 var(--serif);margin:6px 0 4px}
.cq-prod h5 a{color:inherit;text-decoration:none}
.cq-meta{display:flex;gap:12px;font-size:13px;color:var(--mute);margin:0}
.cq-meta b{color:var(--star);font-weight:500}
.cq-st{font-size:13px;color:var(--ember);margin:6px 0 0}
.cq-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.cq-acts .btn{margin:0;min-height:40px;padding:0 16px;font-size:12.5px;width:auto}
.cq-pv i{width:0;height:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
.cq-pv.cq-on i{width:8px;height:10px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}
.cq-lnk{font-size:13px;color:var(--star)}
.cq-prods.cq-big{margin-top:14px}
.cq-prods.cq-big .cq-prod{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(18px,3vw,36px);padding:clamp(16px,2vw,24px);border:1px solid var(--line);border-radius:24px;position:relative;overflow:hidden}
.cq-prods.cq-big .cq-prod::before{content:"";position:absolute;inset:auto auto -40% -10%;width:60%;height:120%;background:radial-gradient(closest-side,rgba(208,9,42,.08),transparent);pointer-events:none}
.cq-prods.cq-big .cq-cov img{width:100%;border-radius:16px}
.cq-prods.cq-big h5{font-size:clamp(26px,2.4vw,36px);margin:10px 0 6px}
.cq-sub{font:italic 400 18px/1.35 var(--serif);margin:0 0 8px}
.cq-desc{font-size:14.5px;line-height:1.6;color:var(--mute);margin:0 0 12px;max-width:60ch}
.cq-prods.cq-big .cq-meta{font-size:14px}
.cq-prods.cq-big .cq-acts .btn{min-height:46px;padding:0 20px;font-size:13px}
.cq-prods.cq-big.cq-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cq-prods.cq-big.cq-two .cq-prod{grid-template-columns:minmax(0,1fr)}
.cq-prods.cq-big.cq-two .cq-cov img{max-width:240px}

/* motivi metoda */
.cq-biram .cq-t{text-shadow:0 0 40px rgba(208,9,42,.18)}
.cq-biram::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(closest-side,rgba(208,9,42,.07),transparent);pointer-events:none}
.cq-jesam{background:#fff}
.cq-jesam .cq-o{border-radius:999px}
.cq-jesam .cq-o i{display:none}
.cq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* stranice metoda */
.cq-sec .cq-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);margin-bottom:clamp(28px,4vw,48px)}
.cq-sec .cq-intro h2{font-size:clamp(34px,4vw,58px);margin:12px 0 0}
.cq-sec .cq-intro p{font-size:17px;line-height:1.65;margin:0 0 14px}
.cq-sec .sa-txt .cq-q1{font:italic 400 22px/1.35 var(--serif);color:var(--ember)}
.cq-sec .sa-txt .cq-bold{font-weight:600!important;color:var(--star)}
.k-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.k-tile{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff}
.k-tile h3{font:400 22px/1.2 var(--serif);margin:0 0 8px}
.k-tile p{margin:0;font-size:14.5px;line-height:1.55;color:var(--mute)}
.k-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:0}
.k-steps li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.k-steps li b{font:400 34px/1 var(--serif);color:var(--ember)}
.k-steps h3{font:400 22px/1.2 var(--serif);margin:0 0 6px}
.k-steps p{margin:0;font-size:15.5px;line-height:1.6;color:var(--mute)}

@media (max-width:980px){
  .cq-cards,.cq-recs,.cq-recs.four,.k-tiles{grid-template-columns:minmax(0,1fr)}
  .cq-sec .cq-intro{grid-template-columns:minmax(0,1fr)}
  .cq-prods.cq-big .cq-prod,.cq-prods.cq-big.cq-two{grid-template-columns:minmax(0,1fr)}
  .cq-prods.cq-big .cq-cov img{max-width:220px}
}
@media (min-width:600px) and (max-width:980px){ .cq-recs.four,.k-tiles{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){
  .cq{border-radius:22px}
  .cq-hd .cq-mot{display:none}
  .cq-hd{padding-right:40px}
  .cq-o{font-size:15.5px;padding:12px 14px;gap:12px}
}
@media (prefers-reduced-motion:reduce){ .cq-body.cq-in{animation:none} .cq-card,.cq-prog i{transition:none} }

/* naslovna: sekcija Istraži */
.cq-home{position:relative;overflow:hidden;background:radial-gradient(120% 80% at 15% 0%,rgba(208,9,42,.06),transparent 60%),radial-gradient(90% 70% at 100% 100%,rgba(168,16,44,.05),transparent 60%),#fff}
.cq-home>.wrap{position:relative;z-index:1}
.cq-sky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--ember)}
.cq-sky-l{stroke:currentColor;stroke-width:.7;opacity:.28}
.cq-sky-s{fill:currentColor;opacity:.32}
.cq-sky .tw{animation:cqTw 5s ease-in-out infinite}
@keyframes cqTw{0%,100%{opacity:.25}50%{opacity:1}}
.cq-home .hp-head h2{font-size:clamp(46px,6vw,92px);line-height:.98;max-width:13ch}
.cq-home .hp-head>p{max-width:42ch;font-size:16.5px;line-height:1.6}
.cq-home .cq-card{background:rgba(255,255,255,.92);backdrop-filter:blur(6px)}
.cq-home .cq-ck{font-size:clamp(52px,5vw,80px)}
.cq-peek{display:flex;gap:10px;align-items:baseline;margin:6px 0 0!important;padding:12px 14px;border-radius:14px;background:rgba(208,9,42,.045);font:italic 400 17px/1.35 var(--serif)!important;color:var(--star)!important;flex:none!important;opacity:0;transform:translateY(6px);max-height:0;overflow:hidden;transition:opacity .35s,transform .35s,max-height .35s,padding .35s}
.cq-peek b{font:500 11px/1 var(--mono);font-style:normal;color:var(--ember);letter-spacing:.1em;flex:none}
.cq-card:hover .cq-peek,.cq-card:focus-within .cq-peek{opacity:1;transform:none;max-height:160px}
@media (hover:none){.cq-peek{opacity:1;transform:none;max-height:160px}}
.cq-tag{margin-top:10px;font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
@media (prefers-reduced-motion:reduce){.cq-sky .tw{animation:none}.cq-peek{transition:none}}

.k-terms{margin:8px 0 0;display:grid;gap:0;border-top:1px solid var(--line)}.k-terms div{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.k-terms dt{font:400 21px/1.2 var(--serif)}.k-terms dd{margin:0;font-size:15.5px;line-height:1.6;color:var(--mute)}.k-iv{margin:0 0 26px}@media (max-width:560px){.k-terms div{grid-template-columns:minmax(0,1fr);gap:4px}}