/* Jelena Šamanc - javne stranice sadržaja (početna, River, tehnike, o meni, sesije, pitanja, kontakt, pravila, 404). Samo dopune dizajn sistema iz site.css. */

/* ---------- početni hero ---------- */
.hm-hero{position:relative;overflow:hidden;padding:clamp(40px,6vw,90px) 0 clamp(70px,9vw,130px);background:radial-gradient(ellipse at 78% 38%,#dcefef 0,transparent 58%),var(--pena)}
.hm-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(30px,5vw,80px);align-items:center}
.hm-hero h1{font-size:clamp(42px,6vw,88px);line-height:1.02;margin:0 0 30px}
.hm-hero .lead{font-size:clamp(17px,1.45vw,20px);max-width:540px}
.hm-hero .lead strong{color:var(--tekst)}
.facts{display:flex;flex-wrap:wrap;gap:18px clamp(26px,3.6vw,52px);margin-top:clamp(40px,5vw,60px);padding-top:26px;border-top:1px solid var(--linija);max-width:680px}
.facts div{display:grid;gap:2px}
.facts b{font-size:clamp(19px,1.6vw,23px);font-weight:600;color:var(--dubina);letter-spacing:-.01em;line-height:1.25}
.facts span{font-size:13.5px;color:var(--tekst3)}
.hm-art{position:relative}
.hm-art .disc{max-width:540px}
.note-glass{position:absolute;left:0;bottom:11%;max-width:250px;padding:18px 22px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-left:2px solid var(--reka);box-shadow:var(--sh2);font-size:14.5px;line-height:1.5;color:var(--tekst2);border-radius:0 var(--r) var(--r) 0}
.note-glass b{display:block;color:var(--tekst);font-weight:700;margin-bottom:2px}
@media (max-width:900px){.hm-grid{grid-template-columns:1fr}.hm-art{order:-1;max-width:420px;width:100%;margin:0 auto}.note-glass{left:-4px;bottom:4%;max-width:220px;font-size:13.5px;padding:14px 18px}}
@media (max-width:560px){.hm-hero h1{font-size:clamp(38px,11vw,48px)}.hm-art{max-width:320px}.facts{gap:16px 26px}.facts div{min-width:40%}}

/* ---------- prepoznajete li se: numerisana lista uz krug ---------- */
.pain{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,7vw,110px);align-items:start}
.pain-aside{position:sticky;top:120px}
.pain-aside h2{margin-bottom:22px}
.pain-aside .disc{max-width:340px;margin:44px 0 0}
.pain-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,4vw,56px);counter-reset:p}
.pain-list li{counter-increment:p;padding:28px 0 26px;border-top:1px solid var(--linija2)}
.pain-list li:before{content:counter(p,decimal-leading-zero);display:block;font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--reka);margin-bottom:12px}
.pain-list h3{font-size:20px;margin:0 0 8px}
.pain-list p{margin:0;font-size:15.5px;line-height:1.65;color:var(--tekst2)}
.pain-foot{margin-top:40px;font-size:18px;color:var(--tekst2);max-width:620px}
.pain-foot strong{color:var(--reka)}
@media (max-width:900px){.pain{grid-template-columns:1fr}.pain-aside{position:static}.pain-aside .disc{display:none}}
@media (max-width:560px){.pain-list{grid-template-columns:1fr}.pain-list li{padding:22px 0}}

/* ---------- tok u tri koraka ---------- */
.flow{display:grid;grid-template-columns:.85fr 1.4fr;gap:clamp(36px,6vw,90px);align-items:start}
.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--linija2)}
.flow-steps div{padding:30px 26px 0 0;position:relative}
.flow-steps div:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--pena);border:1px solid var(--reka)}
.flow-steps em{display:block;margin-top:8px;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--reka)}
.flow-steps h3{margin:14px 0 10px}
.flow-steps p{margin:0;color:var(--tekst2);font-size:16px}
@media (max-width:980px){.flow{grid-template-columns:1fr}}
@media (max-width:680px){.flow-steps{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--linija2);padding-left:26px;gap:30px}.flow-steps div{padding:0}.flow-steps div:before{top:6px;left:-31px}.flow-steps em{margin-top:0}}

/* ---------- uživo / na daljinu ---------- */
.modes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,34px)}
.mode{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linija);border-radius:var(--r2);overflow:hidden}
.mode-img{aspect-ratio:16/9;overflow:hidden;background:var(--magla)}
.mode-img img{width:100%;height:100%;object-fit:cover}
.mode-in{padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;flex:1}
.mode-in .lbl{margin-bottom:14px}
.mode h3{font-size:clamp(24px,2.2vw,30px);font-weight:300;letter-spacing:-.015em;margin:0 0 14px}
.mode h3 strong{font-weight:700;color:var(--reka)}
.mode>.mode-in>p{color:var(--tekst2)}
.mode .ticks{margin:8px 0 30px;font-size:15.5px}
.mode .btns{margin-top:auto}
@media (max-width:860px){.modes{grid-template-columns:1fr}}

/* ---------- šta klijenti osete: centrirana izjava ---------- */
.feel{text-align:center}
.feel h2{max-width:900px;margin:0 auto}
.feel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,3vw,40px);margin:clamp(46px,6vw,76px) 0 clamp(36px,5vw,56px)}
.feel-item{display:grid;justify-items:center;gap:20px}
.feel-ring{position:relative;width:92px;height:92px;border-radius:50%;border:1px solid var(--linija2);display:grid;place-items:center;color:var(--reka)}
.feel-ring:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid var(--linija)}
.feel-ring .ic{width:30px;height:30px;stroke-width:1.2}
.feel-item p{margin:0;font-size:17px;line-height:1.5;color:var(--tekst);max-width:230px}
.feel-note{max-width:640px;margin:0 auto;color:var(--tekst2)}
@media (max-width:860px){.feel-row{grid-template-columns:1fr 1fr;row-gap:40px}}
@media (max-width:400px){.feel-item p{font-size:15.5px}}

/* ---------- mreža tehnika ---------- */
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--linija2);border-left:1px solid var(--linija2)}
.tcard{position:relative;display:flex;flex-direction:column;gap:12px;padding:30px 26px 28px;border-right:1px solid var(--linija2);border-bottom:1px solid var(--linija2);background:transparent;transition:background .3s}
.tcard:hover{background:#fff}
.tcard .num{display:block}
.tcard h3{font-size:19px;margin:6px 0 0}
.tcard p{margin:0;font-size:15px;line-height:1.6;color:var(--tekst2)}
.tcard .link{margin-top:auto;align-self:flex-start;font-size:14px;padding-top:12px;border-bottom:0}
.tcard .link span{border-bottom:1px solid currentColor}
.sec-white .tcard:hover{background:var(--pena)}
@media (max-width:1080px){.tgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.tgrid{grid-template-columns:1fr}.tcard{padding:24px 20px}}

/* ---------- o meni (teaser i stranica) ---------- */
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,7vw,110px);align-items:center}
.about-art{position:relative}
.about-art .disc{max-width:460px}
.about-sign{position:absolute;right:2%;bottom:4%;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:14px 20px;border-radius:var(--r);box-shadow:var(--sh2)}
.about-sign img{height:40px;width:auto}
.about h2{margin-bottom:24px}
.about p{color:var(--tekst2)}
.quote{margin:34px 0 0;padding:4px 0 4px 26px;border-left:2px solid var(--reka)}
.quote p{margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:300;line-height:1.3;color:var(--tekst);letter-spacing:-.01em}
.quote p strong{font-weight:700;color:var(--reka)}
.quote small{display:block;margin-top:8px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--tekst3);font-weight:600}
@media (max-width:900px){.about{grid-template-columns:1fr}.about-art{max-width:380px;width:100%;margin:0 auto}}

/* ---------- cene ---------- */
.prices{border-top:1px solid var(--linija2)}
.price{display:grid;grid-template-columns:1fr auto;gap:10px 40px;align-items:baseline;padding:30px 0;border-bottom:1px solid var(--linija2)}
.price h3{font-size:clamp(20px,1.8vw,24px);margin:0}
.price-sub{grid-column:1;margin:0;font-size:15px;color:var(--tekst3)}
.price-note{grid-column:1/-1;margin:4px 0 0;color:var(--tekst2);font-size:16px;max-width:680px}
.price-val{grid-column:2;grid-row:1/3;text-align:right;white-space:nowrap}
.price-val b{display:block;font-size:clamp(24px,2.4vw,34px);font-weight:300;color:var(--dubina);letter-spacing:-.02em;line-height:1.1}
.price-val span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--tekst3);font-weight:600}
.price .btns{grid-column:1/-1;margin-top:14px}
@media (max-width:560px){.price{grid-template-columns:1fr}.price-val{grid-column:1;grid-row:auto;text-align:left;margin-top:8px}}

/* ---------- pitanja (teaser i stranica) ---------- */
.qa{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,7vw,110px);align-items:start}
.qa-aside h2{margin-bottom:22px}
.qa-aside .btns{margin-top:28px}
@media (max-width:900px){.qa{grid-template-columns:1fr}}

/* ---------- utisci (samo ako postoje u podešavanjima) ---------- */
.testi{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.testi figure{margin:0;background:#fff;border:1px solid var(--linija);border-radius:var(--r2);padding:34px 30px}
.testi blockquote{margin:0 0 20px;font-size:17px;line-height:1.7;color:var(--tekst)}
.testi figcaption{font-size:14px;font-weight:600;color:var(--reka)}
.testi figcaption span{font-weight:400;color:var(--tekst3)}

/* ---------- unutrašnje: proza i sporedni okvir ---------- */
.prose p{color:var(--tekst2)}
.prose p:first-child{font-size:clamp(19px,1.6vw,22px);line-height:1.6;color:var(--tekst);font-weight:400}
.prose strong{color:var(--tekst)}
.statement{max-width:980px;margin:0 auto;text-align:center}
.statement h2{font-size:clamp(28px,3.4vw,46px);line-height:1.18}
.statement .lead{margin:26px auto 0}
.aside-card{background:#fff;border:1px solid var(--linija);border-radius:var(--r2);padding:clamp(26px,3vw,38px);display:grid;gap:18px}
.aside-card h3{font-size:19px;margin:0}
.aside-card p{margin:0;color:var(--tekst2);font-size:15.5px}
.aside-row{display:flex;gap:14px;align-items:flex-start;padding-top:18px;border-top:1px solid var(--linija)}
.aside-row:first-of-type{padding-top:0;border-top:0}
.aside-row .ic{color:var(--reka);margin-top:3px}
.aside-row b{display:block;color:var(--tekst);font-weight:600;font-size:15.5px}
.aside-row span{font-size:15px;color:var(--tekst2);line-height:1.55}
.aside-card .btn{width:100%}
.two{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(36px,6vw,90px);align-items:start}
@media (max-width:900px){.two{grid-template-columns:1fr}}

/* ---------- River: koraci sesije (veliki brojevi) ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--linija2)}
.steps li{display:grid;grid-template-columns:120px 1fr 1.2fr;gap:clamp(20px,4vw,60px);align-items:baseline;padding:clamp(28px,3.4vw,44px) 0;border-bottom:1px solid var(--linija2)}
.steps .big{font-size:clamp(46px,5vw,72px);font-weight:300;line-height:1;color:var(--reka);letter-spacing:-.04em}
.steps h3{font-size:clamp(21px,2vw,26px);margin:0}
.steps p{margin:0;color:var(--tekst2)}
@media (max-width:760px){.steps li{grid-template-columns:1fr;gap:10px}.steps .big{font-size:40px}}

/* ---------- za koga / kada nije ---------- */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,34px)}
.fit-box{border-radius:var(--r2);padding:clamp(28px,3.4vw,46px);background:#fff;border:1px solid var(--linija)}
.fit-box h3{font-size:clamp(22px,2vw,28px);font-weight:300;letter-spacing:-.015em;margin:0 0 22px}
.fit-box h3 strong{font-weight:700;color:var(--reka)}
.fit-box p{color:var(--tekst2)}
.fit-no{background:transparent;border:1px solid var(--linija2);border-left:3px solid var(--reka)}
.fit-no .med-note{margin-top:24px;background:var(--pena)}
@media (max-width:860px){.fit{grid-template-columns:1fr}}

/* ---------- priprema: mali koraci u nizu ---------- */
.prep{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,34px)}
.prep div{padding-top:24px;border-top:2px solid var(--dubina)}
.prep .ic{width:28px;height:28px;color:var(--reka);stroke-width:1.3;margin-bottom:18px}
.prep h3{font-size:20px;margin:0 0 10px}
.prep p{margin:0;color:var(--tekst2);font-size:16px}
@media (max-width:760px){.prep{grid-template-columns:1fr}}

/* ---------- tehnike: uredničke vrste ---------- */
.trows{border-top:1px solid var(--linija2)}
.trow{display:grid;grid-template-columns:70px 150px 1fr auto;gap:clamp(18px,3.4vw,50px);align-items:center;padding:clamp(24px,2.6vw,34px) 0;border-bottom:1px solid var(--linija2)}
.trow .num{font-size:13px}
.trow-img{width:150px;height:150px;border-radius:50%;overflow:hidden;position:relative;background:var(--magla)}
.trow-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.trow:hover .trow-img img{transform:scale(1.05)}
.trow h2{font-size:clamp(24px,2.4vw,34px);margin:0 0 10px}
.trow p{margin:0;color:var(--tekst2);max-width:560px}
.trow-tags{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:13px;color:var(--tekst3)}
.trow-tags span{display:inline-flex;align-items:center;gap:6px}
.trow-tags .ic{width:16px;height:16px;color:var(--reka)}
@media (max-width:900px){.trow{grid-template-columns:110px 1fr}.trow .num{display:none}.trow-img{width:110px;height:110px}.trow .btn{grid-column:1/-1;justify-self:start}}
@media (max-width:560px){.trow{grid-template-columns:76px 1fr;gap:18px;align-items:start}.trow-img{width:76px;height:76px}.trow .btn{width:100%}}

.river-hl{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,4vw,50px);align-items:center;padding:clamp(26px,3vw,40px);background:#fff;border:1px solid var(--linija);border-radius:var(--r2);margin-bottom:clamp(40px,5vw,60px)}
.river-hl .disc{width:150px}
.river-hl h2{font-size:clamp(26px,2.6vw,36px);margin:0 0 8px}
.river-hl p{margin:0;color:var(--tekst2)}
@media (max-width:760px){.river-hl{grid-template-columns:1fr}.river-hl .disc{width:120px;margin:0}.river-hl .btn{width:100%}}

/* ---------- jedna tehnika ---------- */
.note-touch{display:flex;gap:14px;align-items:flex-start;padding:18px 22px;background:var(--pena);border-radius:var(--r);font-size:15px;line-height:1.55;color:var(--tekst2)}
.note-touch .ic{color:var(--reka);margin-top:1px}
.ben{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,7vw,110px);align-items:start}
.ben .ticks{font-size:18px;gap:20px}
.ben .ticks li{padding-bottom:20px;border-bottom:1px solid var(--linija)}
@media (max-width:860px){.ben{grid-template-columns:1fr}.ben .ticks{font-size:16.5px}}
.others{display:flex;flex-wrap:wrap;gap:10px}
.others a{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border:1px solid var(--linija2);border-radius:999px;font-size:14.5px;font-weight:500;color:var(--tekst);background:#fff;transition:border-color .25s,color .25s}
.others a:hover{border-color:var(--reka);color:var(--reka)}

/* ---------- o meni ---------- */
.me-hero{padding:clamp(40px,6vw,80px) 0 clamp(70px,9vw,120px);background:radial-gradient(ellipse at 80% 30%,#dcefef 0,transparent 55%),var(--pena);overflow:hidden}
.me-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,90px);align-items:center}
.me-hero h1{margin-bottom:28px}
.me-art{position:relative}
.me-art .disc{max-width:460px}
.me-portrait{position:absolute;right:-2%;bottom:-2%;width:44%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:6px solid var(--pena);box-shadow:var(--sh)}
.me-portrait img{width:100%;height:100%;object-fit:cover}
.me-sign{margin-top:34px}
.me-sign img{height:46px;width:auto}
@media (max-width:860px){.me-grid{grid-template-columns:1fr}.me-art{order:-1;max-width:320px;width:100%;margin:0 auto}}
.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--linija2)}
.methods a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 4px;border-bottom:1px solid var(--linija2);font-size:17px;font-weight:500;margin-right:clamp(16px,3vw,40px)}
.methods a .ic{color:var(--reka);width:18px;height:18px;transition:transform .25s}
.methods a:hover .ic{transform:translateX(3px)}
@media (max-width:860px){.methods{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.methods{grid-template-columns:1fr}.methods a{margin-right:0}}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,34px);counter-reset:v}
.values div{position:relative;padding:clamp(28px,3vw,40px);background:#fff;border:1px solid var(--linija);border-radius:var(--r2);overflow:hidden}
.values div:after{content:"";position:absolute;right:-60px;top:-60px;width:170px;height:170px;border-radius:50%;border:1px solid var(--linija);outline:1px solid var(--linija);outline-offset:16px}
.values h3{font-size:clamp(24px,2.2vw,30px);font-weight:300;letter-spacing:-.015em;margin:14px 0 12px}
.values h3 strong{font-weight:700;color:var(--reka)}
.values p{margin:0;color:var(--tekst2);font-size:16px}
@media (max-width:860px){.values{grid-template-columns:1fr}}
.bigquote{text-align:center;max-width:900px;margin:0 auto}
.quote-sec{overflow:hidden}
.quote-sec>.wrap{position:relative}
.bigquote{position:relative}
.bigquote p{font-size:clamp(34px,5vw,68px);font-weight:300;line-height:1.08;letter-spacing:-.025em;color:var(--tekst);margin:0}
.bigquote p strong{color:var(--reka);font-weight:700}
.bigquote small{display:block;margin-top:22px;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--reka);font-weight:600}

/* ---------- sesije ---------- */
.compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--linija2);border-radius:var(--r2);overflow:hidden;background:#fff}
.compare>div{padding:clamp(26px,3.4vw,46px)}
.compare>div+div{border-left:1px solid var(--linija2)}
.compare .ic-big{width:52px;height:52px;border-radius:50%;border:1px solid var(--linija2);display:grid;place-items:center;color:var(--reka);margin-bottom:22px}
.compare h3{font-size:clamp(22px,2vw,28px);font-weight:300;letter-spacing:-.015em;margin:0 0 18px}
.compare h3 strong{font-weight:700;color:var(--reka)}
.compare dl{margin:0;display:grid;gap:0}
.compare dt{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tekst3);padding-top:16px;border-top:1px solid var(--linija);margin-top:16px}
.compare dt:first-child{border-top:0;margin-top:0;padding-top:0}
.compare dd{margin:6px 0 0;color:var(--tekst);font-size:16px}
.compare .btns{margin-top:28px}
@media (max-width:860px){.compare{grid-template-columns:1fr}.compare>div+div{border-left:0;border-top:1px solid var(--linija2)}}
.group{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,110px);align-items:center}
.group-art .disc{max-width:420px}
@media (max-width:860px){.group{grid-template-columns:1fr}.group-art{max-width:300px;width:100%;margin:0 auto}}
.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.6vw,30px)}
.rules div{padding-top:22px;border-top:1px solid var(--linija2)}
.rules .ic{color:var(--reka);width:24px;height:24px;margin-bottom:14px}
.rules h3{font-size:18px;margin:0 0 8px}
.rules p{margin:0;font-size:15.5px;color:var(--tekst2)}
@media (max-width:980px){.rules{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.rules{grid-template-columns:1fr}}

/* ---------- kontakt ---------- */
.ct{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,6vw,90px);align-items:start}
.ct-form{background:#fff;border:1px solid var(--linija);border-radius:var(--r2);padding:clamp(24px,3.6vw,50px);box-shadow:var(--sh)}
.ct-form h2{font-size:clamp(28px,2.8vw,38px);margin:0 0 10px}
.ct-form>p{color:var(--tekst2);margin-bottom:28px}
.ct-form .btn[type=submit]{width:100%;margin-top:6px}
.ct-form .check a{color:var(--reka);border-bottom:1px solid currentColor}
.ct-done{text-align:center;padding:30px 0}
.ct-done .ic{width:56px;height:56px;margin:0 auto 20px;color:var(--reka);stroke-width:1.2}
.ct-done h2{margin-bottom:12px}
.ct-side{display:grid;gap:26px}
.ct-list{display:grid;gap:0;border-top:1px solid var(--linija2)}
.ct-item{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--linija2)}
.ct-item .ic{color:var(--reka);margin-top:3px}
.ct-item small{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--tekst3);font-weight:600;margin-bottom:2px}
.ct-item a,.ct-item b{font-weight:600;color:var(--tekst);font-size:16.5px;word-break:break-word}
.ct-item a:hover{color:var(--reka)}
.ct-item span{display:block;font-size:15px;color:var(--tekst2)}
.ct-msgr{display:flex;flex-wrap:wrap;gap:10px}
.ct-msgr .btn{flex:1 1 140px}
.map-btn{display:grid;justify-items:center;gap:12px;width:100%;height:100%;padding:20px;border:0;background:radial-gradient(circle at 50% 45%,#fff 0,var(--magla) 70%);cursor:pointer;font:600 13px/1.4 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--dubina);align-content:center}
.map-btn .ic{width:34px;height:34px;color:var(--reka);stroke-width:1.2}
.map-btn small{font-weight:400;letter-spacing:0;text-transform:none;font-size:13px;color:var(--tekst3);max-width:280px}
.hours{width:100%;border-collapse:collapse;font-size:15px}
.hours td{padding:8px 0;border-bottom:1px solid var(--linija)}
.hours td+td{text-align:right;color:var(--tekst2)}
@media (max-width:900px){.ct{grid-template-columns:1fr}}

/* ---------- pravila, 404 ---------- */
.legal{max-width:780px;margin:0 auto}
.legal h1{font-size:clamp(36px,4.6vw,60px);margin-bottom:24px}
.legal h2{font-size:clamp(22px,2vw,26px);font-weight:600;letter-spacing:-.01em;margin:46px 0 14px}
.legal p,.legal li{color:var(--tekst2)}
.legal ul{padding-left:20px;margin:0 0 1em}
.legal a:not(.btn){color:var(--reka);border-bottom:1px solid currentColor}
.legal-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.legal-tabs a{border-bottom:0}
.legal-date{margin-top:50px;font-size:14px;color:var(--tekst3)}
.nf{min-height:62vh;display:grid;place-items:center;text-align:center;padding:clamp(60px,8vw,110px) 0}
.nf .disc{width:220px;margin:0 auto 40px}
.nf h1{font-size:clamp(38px,5vw,66px);margin-bottom:20px}
.nf .lead{margin:0 auto}
.nf .btns{justify-content:center}

/* zajedničko */
.center{text-align:center}
.mt0{margin-top:0}
.sec-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(40px,5vw,60px)}
.sec-cta p{margin:0;color:var(--tekst2)}
@media (max-width:560px){.btns .btn{flex:1 1 100%}}
/* krugovi ne smeju da izađu iz ekrana na telefonu (prstenovi idu 6% van kruga) */
@media (max-width:560px){main .sec .disc{max-width:calc(100% - 30px)}.note-glass{left:0}}
@media (max-width:560px){.hm-hero{padding-top:24px}.hm-art{max-width:260px}.hm-grid{gap:22px}}