/* Mi smo Čiro – vse je pod #moj-ciro, da se ne tepe s temo (Flatsome). */
#moj-ciro {
	--mc-crimson: #c81249;
	--mc-crimson-d: #970d38;
	--mc-navy: #060f2b;
	--mc-gold: #f2a93b;
	--mc-ink: #14172a;
	--mc-ink-2: #4a4f63;
	--mc-muted: #6f7487;
	--mc-line: #e7e2e5;
	--mc-soft: #f8f5f6;
	--mc-ok: #13703a; --mc-ok-s: #e2f3e8; --mc-ok-d: #178a45;
	--mc-warn: #8a5300; --mc-warn-s: #fff0d3; --mc-warn-d: #e89f1e;
	--mc-bad: #a92a31; --mc-bad-s: #fce8e8; --mc-bad-d: #c7383f;
	--mc-na: #5d646d; --mc-na-s: #eef0f2; --mc-na-d: #a3a9b0;
	max-width: 760px;
	margin: 0 auto 48px;
	color: var(--mc-ink);
	font-family: inherit;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}
#moj-ciro.mc-is-player { max-width: 480px; }
#moj-ciro *, #moj-ciro *::before, #moj-ciro *::after { box-sizing: border-box; }
#moj-ciro [hidden] { display: none !important; }
#moj-ciro p { margin: 0 0 10px; }
#moj-ciro a { color: var(--mc-crimson); }
#moj-ciro img { max-width: none; height: auto; display: block; }
#moj-ciro h2, #moj-ciro h3 { font-family: inherit; text-transform: none; letter-spacing: -0.01em; color: var(--mc-ink); }
#moj-ciro ul { list-style: none; margin: 0; padding: 0; }
#moj-ciro li { margin: 0; list-style: none; }
#moj-ciro small { font-size: inherit; }
#moj-ciro .mc-muted { color: var(--mc-muted); }
#moj-ciro .mc-small { font-size: 13.5px; color: var(--mc-ink-2); margin: 10px 0 0; }
#moj-ciro .mc-loading { padding: 40px 0; text-align: center; color: var(--mc-muted); }
#moj-ciro .mc-center { text-align: center; }

/* gumbi in vnosna polja (prekrijejo Flatsome privzete) */
#moj-ciro .mc-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	min-height: 46px; margin: 0; padding: 10px 20px; border: 0; border-radius: 999px;
	background: var(--mc-crimson); color: #fff; font: inherit; font-weight: 700; font-size: 15px;
	text-transform: none; letter-spacing: 0; line-height: 1.2; text-decoration: none; cursor: pointer; box-shadow: none;
}
#moj-ciro .mc-btn:hover { background: var(--mc-crimson-d); color: #fff; }
#moj-ciro .mc-btn:focus-visible, #moj-ciro .mc-link:focus-visible, #moj-ciro .mc-copy:focus-visible, #moj-ciro a:focus-visible, #moj-ciro summary:focus-visible { outline: 3px solid var(--mc-gold); outline-offset: 2px; }
#moj-ciro .mc-btn[disabled] { opacity: .6; cursor: default; }
#moj-ciro .mc-btn-wide { width: 100%; }
#moj-ciro .mc-btn-ghost { background: #fff; color: var(--mc-ink); border: 1px solid var(--mc-line); min-height: 40px; padding: 8px 16px; font-weight: 600; }
#moj-ciro .mc-btn-ghost:hover { background: var(--mc-soft); color: var(--mc-ink); }
#moj-ciro .mc-link { background: none; border: 0; padding: 0; margin: 0; min-height: 0; font: inherit; font-size: 14px; color: var(--mc-crimson); text-decoration: underline; text-transform: none; letter-spacing: 0; cursor: pointer; box-shadow: none; }
#moj-ciro .mc-label { display: block; font-weight: 600; font-size: 14px; margin: 0 0 6px; color: var(--mc-ink); }
#moj-ciro input[type="email"], #moj-ciro input[type="text"], #moj-ciro input[type="password"] {
	display: block; width: 100%; height: 50px; margin: 0 0 12px; padding: 10px 14px;
	border: 1.5px solid #d6d0d3; border-radius: 12px; background: #fff; color: var(--mc-ink);
	font: inherit; font-size: 17px; box-shadow: none; text-transform: none;
}
#moj-ciro input:focus { border-color: var(--mc-crimson); outline: 3px solid rgba(200, 18, 73, .18); outline-offset: 0; box-shadow: none; }
#moj-ciro .mc-code { font-size: 26px !important; letter-spacing: .45em; text-align: center; font-variant-numeric: tabular-nums; }
#moj-ciro .mc-trap { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0; }
#moj-ciro .mc-err { background: var(--mc-bad-s); color: var(--mc-bad); border-radius: 10px; padding: 9px 12px; font-size: 14px; margin: 0 0 12px; }

/* prijava */
#moj-ciro .mc-box { background: #fff; border: 1px solid var(--mc-line); border-radius: 22px; padding: 26px 22px; box-shadow: 0 18px 40px rgba(6, 15, 43, .08); }
#moj-ciro .mc-login { max-width: 440px; margin: 12px auto 0; }
#moj-ciro .mc-login-img { width: 92px; margin: -6px auto 6px; }
#moj-ciro .mc-h { text-align: center; font-size: 28px; font-weight: 800; margin: 0 0 4px; }
#moj-ciro .mc-lead { text-align: center; color: var(--mc-ink-2); margin: 0 0 20px; }
#moj-ciro .mc-sent { background: var(--mc-soft); border-radius: 12px; padding: 12px 14px; font-size: 14.5px; margin: 0 0 16px; overflow-wrap: anywhere; }
#moj-ciro .mc-links { margin: 14px 0 0; text-align: center; }

/* glava pregleda */
#moj-ciro .mc-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 0 14px; border-bottom: 1px solid var(--mc-line); margin-bottom: 16px; }
#moj-ciro .mc-top-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
#moj-ciro .mc-top-brand img { width: 52px; flex: none; }
#moj-ciro .mc-top-brand b { display: block; font-size: 20px; font-weight: 800; line-height: 1.15; }
#moj-ciro .mc-top-brand span { display: block; font-size: 13px; color: var(--mc-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* naslovna slika: zamegljena fotka s tekme, logotip, #MISMOČIRO */
#moj-ciro .mc-hero { position: relative; isolation: isolate; overflow: hidden; align-items: center; min-height: 104px; margin: 0 0 14px; padding: 16px 18px; border: 0; border-radius: 22px; background: #4a0d24; color: #fff; }
#moj-ciro .mc-hero-bg { position: absolute; inset: -14px; z-index: -2; background-color: #4a0d24; background-size: cover; background-position: 50% 45%; filter: blur(5px) saturate(1.15); }
#moj-ciro .mc-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(107, 10, 41, .9) 0%, rgba(151, 13, 56, .62) 52%, rgba(6, 15, 43, .34) 100%); }
#moj-ciro .mc-hero .mc-logo { flex: none; display: grid; place-items: center; width: 76px; height: 64px; padding: 6px; border-radius: 14px; background: #fff; box-shadow: 0 8px 18px rgba(0, 0, 0, .28); }
#moj-ciro .mc-hero .mc-top-brand img { width: 100%; height: 100%; object-fit: contain; }
#moj-ciro .mc-hero .mc-top-t { min-width: 0; }
#moj-ciro .mc-hero .mc-top-brand b { font-size: 25px; letter-spacing: -.02em; color: #fff; text-shadow: 0 2px 12px rgba(0, 0, 0, .4); }
#moj-ciro .mc-hero .mc-top-brand span { color: #fff; font-weight: 600; text-shadow: 0 1px 8px rgba(0, 0, 0, .4); }
#moj-ciro .mc-tag { display: inline-block; margin-top: 7px; padding: 3px 11px; border-radius: 999px; background: var(--mc-gold); color: var(--mc-navy); font-style: normal; font-size: 12.5px; font-weight: 800; letter-spacing: .05em; line-height: 1.3; }
#moj-ciro .mc-hero .mc-btn-ghost { background: rgba(255, 255, 255, .16); color: #fff; border-color: rgba(255, 255, 255, .6); }
#moj-ciro .mc-hero .mc-btn-ghost:hover { background: #fff; color: var(--mc-crimson-d); }

/* stikalo med aplikacijama (enako kot v Čirkovem svetu) */
#moj-ciro .mc-switch { display: flex; gap: 4px; margin: 0 0 16px; padding: 4px; background: var(--mc-soft); border: 1px solid var(--mc-line); border-radius: 999px; }
#moj-ciro .mc-sw { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; min-height: 48px; padding: 6px 10px; border-radius: 999px; color: var(--mc-ink-2); text-align: center; text-decoration: none; }
#moj-ciro .mc-sw b { font-size: 15px; font-weight: 700; line-height: 1.1; }
#moj-ciro .mc-sw small { font-size: 11.5px; line-height: 1.1; }
#moj-ciro .mc-sw-on { background: var(--mc-crimson); color: #fff; }
#moj-ciro a.mc-sw:hover { background: #fff; color: var(--mc-ink); }
#moj-ciro a.mc-sw:focus-visible { outline: 3px solid var(--mc-gold); outline-offset: 2px; }
#moj-ciro .mc-hello { font-size: 17px; font-weight: 700; margin: 0 0 10px; }
#moj-ciro .mc-hello-sub { display: block; font-weight: 500; font-size: 15px; color: var(--mc-ink-2); margin-top: 2px; }
#moj-ciro .mc-banner { border-radius: 12px; padding: 11px 14px; font-size: 14.5px; background: #eef2fb; color: #1c2c57; margin: 0 0 12px; white-space: pre-line; }
#moj-ciro .mc-banner-warn { background: var(--mc-warn-s); color: var(--mc-warn); }
#moj-ciro .mc-banner-ok { background: var(--mc-ok-s); color: var(--mc-ok); }

/* razdelki */
#moj-ciro .mc-sec { margin-top: 28px; }
#moj-ciro .mc-sec-h { font-size: 21px; font-weight: 800; margin: 0 0 12px; }
#moj-ciro .mc-sub { font-size: 13px; font-weight: 700; text-transform: uppercase !important; letter-spacing: .07em; color: var(--mc-ink-2); margin: 18px 0 8px; }

/* oznake stanja */
#moj-ciro .mc-pill { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 4px 11px 4px 9px; font-size: 13px; font-weight: 600; white-space: nowrap; }
#moj-ciro .mc-pill i { width: 8px; height: 8px; border-radius: 50%; flex: none; }
#moj-ciro .mc-ok { background: var(--mc-ok-s); color: var(--mc-ok); } #moj-ciro .mc-ok i { background: var(--mc-ok-d); }
#moj-ciro .mc-warn { background: var(--mc-warn-s); color: var(--mc-warn); } #moj-ciro .mc-warn i { background: var(--mc-warn-d); }
#moj-ciro .mc-bad { background: var(--mc-bad-s); color: var(--mc-bad); } #moj-ciro .mc-bad i { background: var(--mc-bad-d); }
#moj-ciro .mc-na { background: var(--mc-na-s); color: var(--mc-na); } #moj-ciro .mc-na i { background: var(--mc-na-d); }

/* člani */
#moj-ciro .mc-person { background: #fff; border: 1px solid var(--mc-line); border-radius: 20px; padding: 16px; margin: 0 0 14px; }
#moj-ciro .mc-person-h { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
#moj-ciro .mc-person-name { font-size: 19px; font-weight: 800; margin: 0; }
#moj-ciro .mc-person-meta { margin: 12px 0 0; }
#moj-ciro .mc-person-side .mc-small { margin-top: 8px; }
@media (min-width: 680px) {
	#moj-ciro .mc-person.is-valid { display: grid; grid-template-columns: minmax(0, 400px) 1fr; gap: 20px; align-items: start; }
	#moj-ciro .mc-person.is-valid .mc-person-meta { margin-top: 4px; }
	#moj-ciro .mc-person.is-valid .mc-hist { margin-top: 14px; }
}

/* članska izkaznica – kot na /clanstvo/ */
#moj-ciro .mc-id {
	position: relative; overflow: hidden; color: #fff; border-radius: 22px; padding: 18px 20px 16px;
	background: radial-gradient(120% 140% at 100% 0%, rgba(255, 255, 255, .18), rgba(0, 0, 0, 0) 55%), linear-gradient(135deg, #c81249 0%, #970d38 60%, #6b0a29 100%);
	box-shadow: 0 18px 36px rgba(107, 10, 41, .28); display: grid; gap: 14px; max-width: 440px;
}
#moj-ciro .mc-id-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
#moj-ciro .mc-id-brand { display: inline-flex; align-items: center; gap: 8px; }
#moj-ciro .mc-id-brand img { width: 34px; background: #fff; border-radius: 7px; padding: 3px; }
#moj-ciro .mc-id-season { opacity: .92; text-align: right; display: grid; justify-items: end; gap: 2px; }
#moj-ciro .mc-id-year { font-size: 12px; letter-spacing: .1em; opacity: .85; }
#moj-ciro .mc-id-mid { display: flex; align-items: center; gap: 14px; }
#moj-ciro .mc-id-av { width: 62px; height: 62px; border-radius: 50%; background: rgba(255, 255, 255, .16); border: 2px solid rgba(255, 255, 255, .5); overflow: hidden; flex: none; display: grid; place-items: end center; }
#moj-ciro .mc-id-av img { width: 56px; margin-bottom: -10px; }
#moj-ciro .mc-id small { display: block; font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; opacity: .82; }
#moj-ciro .mc-id-name { display: block; font-size: 22px; font-weight: 800; line-height: 1.15; letter-spacing: -.01em; }
#moj-ciro .mc-id-team { display: inline-block; margin-top: 4px; font-size: 12.5px; font-weight: 600; background: rgba(255, 255, 255, .18); border-radius: 999px; padding: 2px 10px; }
#moj-ciro .mc-id-bot { display: flex; gap: 22px; align-items: flex-end; }
#moj-ciro .mc-id-bot b { font-size: 16px; font-weight: 700; letter-spacing: .02em; }
#moj-ciro .mc-id-ball { position: absolute; right: -26px; bottom: -26px; width: 120px; height: 120px; opacity: .16; }
#moj-ciro .mc-id-ball svg { width: 100%; height: 100%; fill: none; stroke: #fff; stroke-width: 2.4; }

/* plačilo */
#moj-ciro .mc-pay { background: var(--mc-soft); border-radius: 16px; padding: 14px; margin-top: 12px; }
#moj-ciro .mc-pay-h { font-size: 15px; margin: 0 0 12px; }
#moj-ciro .mc-pay-h b { font-size: 19px; }
#moj-ciro .mc-kvs { display: grid; gap: 0; background: #fff; border: 1px solid var(--mc-line); border-radius: 12px; overflow: hidden; }
#moj-ciro .mc-kv { display: grid; grid-template-columns: 92px 1fr auto; align-items: center; gap: 10px; padding: 9px 12px; border-top: 1px solid #f1ecee; font-size: 14.5px; }
#moj-ciro .mc-kv:first-child { border-top: 0; }
#moj-ciro .mc-kv-k { color: var(--mc-muted); font-size: 13px; }
#moj-ciro .mc-kv-v { font-weight: 600; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
#moj-ciro .mc-copy { margin: 0; min-height: 32px; padding: 4px 11px; border: 1px solid var(--mc-line); background: #fff; color: var(--mc-ink-2); border-radius: 999px; font: inherit; font-size: 12.5px; font-weight: 600; text-transform: none; letter-spacing: 0; cursor: pointer; box-shadow: none; }
#moj-ciro .mc-copy.is-done { background: var(--mc-ok-s); color: var(--mc-ok); border-color: transparent; }
@media (max-width: 480px) {
	#moj-ciro .mc-kv { grid-template-columns: 1fr auto; }
	#moj-ciro .mc-kv-k { grid-column: 1 / -1; margin-bottom: -6px; }
}

/* zgodovina plačil */
#moj-ciro .mc-hist { margin-top: 12px; }
#moj-ciro .mc-hist summary { display: list-item; cursor: pointer; font-size: 14px; font-weight: 600; color: var(--mc-ink-2); text-transform: none; letter-spacing: 0; }
#moj-ciro .mc-hist ul { margin-top: 8px; border: 1px solid var(--mc-line); border-radius: 12px; overflow: hidden; }
#moj-ciro .mc-hist li { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; padding: 8px 12px; border-top: 1px solid #f1ecee; font-size: 14px; }
#moj-ciro .mc-hist li:first-child { border-top: 0; }

/* naročila */
#moj-ciro .mc-sum { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 4px; }
#moj-ciro .mc-sum > div { background: #fff; border: 1px solid var(--mc-line); border-radius: 14px; padding: 12px 14px; }
#moj-ciro .mc-sum b { display: block; font-size: 22px; font-weight: 800; line-height: 1.15; }
#moj-ciro .mc-sum span { font-size: 13px; color: var(--mc-ink-2); }
#moj-ciro .mc-orders { background: #fff; border: 1px solid var(--mc-line); border-radius: 16px; overflow: hidden; }
#moj-ciro .mc-order { padding: 12px 14px; border-top: 1px solid #f1ecee; display: grid; gap: 6px; }
#moj-ciro .mc-order:first-child { border-top: 0; }
#moj-ciro .mc-order-h { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
#moj-ciro .mc-order-h b { font-weight: 700; font-size: 15px; }
#moj-ciro .mc-amt { font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
#moj-ciro .mc-order-meta { font-size: 13px; }
#moj-ciro .mc-pills { display: flex; flex-wrap: wrap; gap: 6px; }

/* ugodnosti */
#moj-ciro .mc-ben { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
#moj-ciro .mc-ben li { background: #fff; border: 1px solid var(--mc-line); border-left: 4px solid var(--mc-gold); border-radius: 12px; padding: 11px 14px; display: grid; gap: 2px; }
#moj-ciro .mc-ben b, #moj-ciro .mc-ben a { font-weight: 700; }
#moj-ciro .mc-ben span { font-size: 14px; color: var(--mc-ink-2); }

/* zbiranje zvestobe (NAJ GLEDALEC) */
#moj-ciro .mc-loy-badge { display: inline-block; vertical-align: middle; margin-left: 4px; padding: 3px 9px; border-radius: 999px; background: var(--mc-navy); color: var(--mc-gold); font-size: 11.5px; font-weight: 800; letter-spacing: .06em; line-height: 1.3; }
#moj-ciro .mc-loy-list { display: grid; gap: 8px; }
#moj-ciro .mc-loy-row { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid var(--mc-line); border-radius: 14px; padding: 10px 14px 10px 10px; }
#moj-ciro .mc-loy-pts { flex: none; width: 62px; min-height: 58px; border-radius: 11px; background: var(--mc-navy); color: #fff; display: grid; place-content: center; text-align: center; line-height: 1.05; }
#moj-ciro .mc-loy-pts b { font-size: 26px; font-weight: 800; color: var(--mc-gold); font-variant-numeric: tabular-nums; }
#moj-ciro .mc-loy-pts small { font-size: 11px; font-weight: 600; letter-spacing: .02em; }
#moj-ciro .mc-loy-what { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
#moj-ciro .mc-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: var(--mc-soft); border: 1px solid var(--mc-line); font-size: 14px; font-weight: 600; color: var(--mc-ink); line-height: 1.3; }
#moj-ciro .mc-dot { flex: none; width: 11px; height: 11px; border-radius: 50%; border: 1.5px solid var(--mc-ink); display: inline-block; }
#moj-ciro .mc-dot-a { background: #fff; }
#moj-ciro .mc-dot-b { background: #d4202c; border-color: #d4202c; }
#moj-ciro .mc-dot-c { background: #14172a; }
#moj-ciro .mc-loy-key { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; }
#moj-ciro .mc-chip-key { font-size: 13px; font-weight: 600; color: var(--mc-ink-2); background: transparent; }
#moj-ciro .mc-loy-notes { margin: 12px 0 0; display: grid; gap: 4px; font-size: 13.5px; color: var(--mc-ink-2); }
#moj-ciro .mc-loy-notes li { padding-left: 14px; position: relative; }
#moj-ciro .mc-loy-notes li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 5px; height: 5px; border-radius: 50%; background: var(--mc-gold); }

/* dokumenti */
#moj-ciro .mc-docs { background: #fff; border: 1px solid var(--mc-line); border-radius: 16px; overflow: hidden; }
#moj-ciro .mc-docs li { border-top: 1px solid #f1ecee; }
#moj-ciro .mc-docs li:first-child { border-top: 0; }
#moj-ciro .mc-doc { display: flex; align-items: center; gap: 12px; padding: 12px 14px; color: var(--mc-ink); text-decoration: none; }
#moj-ciro .mc-doc:hover { background: var(--mc-soft); }
#moj-ciro .mc-doc b { display: block; font-weight: 700; font-size: 15px; }
#moj-ciro .mc-doc small { display: block; color: var(--mc-muted); font-size: 13px; }
#moj-ciro .mc-doc-ic { flex: none; width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; font-size: 11.5px; font-weight: 800; letter-spacing: .03em; background: var(--mc-na-s); color: var(--mc-na); }
#moj-ciro .mc-doc-pdf { background: var(--mc-bad-s); color: var(--mc-bad); }
#moj-ciro .mc-doc-word { background: #e5edfb; color: #1f4fa3; }
#moj-ciro .mc-doc-povezava { background: var(--mc-soft); color: var(--mc-crimson); font-size: 18px; }

#moj-ciro .mc-foot { margin-top: 28px; padding-top: 14px; border-top: 1px solid var(--mc-line); font-size: 13.5px; color: var(--mc-muted); }

@media (max-width: 480px) {
	#moj-ciro .mc-box { padding: 22px 16px; border-radius: 18px; }
	#moj-ciro .mc-person { padding: 12px; }
	#moj-ciro .mc-id-name { font-size: 20px; }
	#moj-ciro .mc-sec-h { font-size: 19px; }
}

/* kartica: živa ura (dokaz, da ni posnetek zaslona) in neveljavna kartica */
#moj-ciro .mc-id-live { position: relative; z-index: 1; justify-self: start; display: inline-flex; align-items: center; gap: 8px; background: rgba(0, 0, 0, .22); border-radius: 999px; padding: 5px 12px 5px 10px; font-size: 12.5px; font-weight: 700; letter-spacing: .03em; font-variant-numeric: tabular-nums; white-space: nowrap; }
#moj-ciro .mc-id-dot { width: 9px; height: 9px; border-radius: 50%; background: #3ddc84; flex: none; }
#moj-ciro .mc-id.is-invalid { background: radial-gradient(120% 140% at 100% 0%, rgba(255, 255, 255, .14), rgba(0, 0, 0, 0) 55%), linear-gradient(135deg, #7d818d 0%, #565a66 60%, #3c3f49 100%); box-shadow: 0 12px 28px rgba(20, 23, 42, .18); }
#moj-ciro .mc-id.is-invalid .mc-id-av img { filter: grayscale(1); opacity: .8; }
#moj-ciro .mc-id.is-invalid .mc-id-dot { background: #ff8a80; }

/* dejanja pri članu: kartica na telefon igralca, fizična kartica */
#moj-ciro .mc-person-acts { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
#moj-ciro .mc-btn-sm { min-height: 40px; padding: 8px 15px; font-size: 14px; }
#moj-ciro .mc-btn-danger { background: #fff; color: var(--mc-bad); border: 1.5px solid var(--mc-bad-d); }
#moj-ciro .mc-btn-danger:hover { background: var(--mc-bad-s); color: var(--mc-bad); }
#moj-ciro .mc-ic { display: inline-flex; }
#moj-ciro .mc-ic svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
#moj-ciro .mc-share { margin-top: 12px; background: var(--mc-soft); border: 1px solid var(--mc-line); border-radius: 16px; padding: 14px; }
#moj-ciro .mc-share[hidden] { display: none; }
#moj-ciro .mc-share-grid { display: grid; gap: 12px; }
#moj-ciro .mc-qr { width: 176px; background: #fff; border: 1px solid var(--mc-line); border-radius: 12px; overflow: hidden; }
#moj-ciro .mc-qr svg { display: block; width: 100%; height: auto; }
#moj-ciro .mc-share-h { font-weight: 800; font-size: 15.5px; margin: 0 0 4px; }
#moj-ciro .mc-share .mc-small { margin-top: 0; }
#moj-ciro .mc-share-acts { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
#moj-ciro .mc-share .mc-banner { margin-bottom: 10px; }
#moj-ciro .mc-revoke { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--mc-line); }
#moj-ciro .mc-revoke .mc-link { font-size: 13.5px; color: var(--mc-ink-2); text-align: left; }

/* pogled igralca */
#moj-ciro .mc-player { margin: 4px 0 0; }
#moj-ciro .mc-player .mc-id { max-width: none; padding: 22px 22px 18px; }
#moj-ciro .mc-player .mc-id-name { font-size: 25px; }
#moj-ciro .mc-player > .mc-small { margin-top: 12px; }
#moj-ciro .mc-player > .mc-banner { margin-top: 14px; }
#moj-ciro .mc-tip { background: #eef2fb; color: #1c2c57; border-radius: 12px; padding: 11px 14px; font-size: 13.5px; margin: 22px 0 0; }
#moj-ciro .mc-note { background: var(--mc-soft); border-radius: 10px; padding: 9px 12px; }
#moj-ciro .mc-sec-lead { margin: 0 0 12px; }
#moj-ciro .mc-login .mc-banner { text-align: left; }

@media (prefers-reduced-motion: no-preference) {
	#moj-ciro.mc-anim .mc-person, #moj-ciro.mc-anim .mc-box, #moj-ciro.mc-anim .mc-player { animation: mcIn .22s ease-out; }
	@keyframes mcIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
	#moj-ciro .mc-id.is-live::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: linear-gradient(105deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 65%); transform: translateX(-120%); animation: mcSheen 4.5s ease-in-out infinite; }
	@keyframes mcSheen { 0%, 40% { transform: translateX(-120%); } 80%, 100% { transform: translateX(120%); } }
	#moj-ciro .mc-id.is-live .mc-id-dot { animation: mcPulse 1.6s ease-in-out infinite; }
	@keyframes mcPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(61, 220, 132, .7); } 70% { box-shadow: 0 0 0 7px rgba(61, 220, 132, 0); } }
}

/* prehod v Čirkov svet */
#moj-ciro .mc-fan { margin: 0 0 16px; padding: 18px 18px 16px; border-left: 5px solid var(--mc-crimson); }
#moj-ciro .mc-fan .mc-sec-h { margin-bottom: 6px; }
#moj-ciro .mc-fan .mc-lead { font-size: 15px; margin-bottom: 12px; text-align: left; }
#moj-ciro .mc-fan-btns { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
#moj-ciro .mc-fan-btns .mc-btn { text-align: center; }
#moj-ciro .mc-fan-own { margin: 10px 0 0; padding-top: 10px; border-top: 1px solid var(--mc-line); color: var(--mc-ink-2); }

/* naročanje opreme */
#moj-ciro .mc-quick { margin: 0 0 12px; }
#moj-ciro .mc-prods { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
#moj-ciro .mc-prod { background: #fff; border: 1px solid var(--mc-line); border-radius: 16px; padding: 14px; display: grid; gap: 10px; align-content: start; }
#moj-ciro .mc-prod-img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; border-radius: 10px; background: var(--mc-soft); }
#moj-ciro .mc-prod-h { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
#moj-ciro .mc-prod-h b { font-size: 15px; line-height: 1.3; font-weight: 700; }
#moj-ciro .mc-prod-f { display: grid; gap: 8px; }
#moj-ciro .mc-prod .mc-err { margin: 0; }
#moj-ciro .mc-prod .mc-btn.is-done { background: var(--mc-ok-d); }
#moj-ciro .mc-stock { font-size: 12.5px; font-weight: 600; color: var(--mc-ink-2); }
#moj-ciro select.mc-sel, #moj-ciro input.mc-in, #moj-ciro textarea.mc-in {
	display: block; width: 100%; height: 44px; margin: 0; padding: 0 10px; border: 1.5px solid #d6d0d3; border-radius: 10px;
	background-color: #fff; color: var(--mc-ink); font: inherit; font-size: 15px; box-shadow: none; text-transform: none; max-width: none;
}
#moj-ciro textarea.mc-in { height: auto; min-height: 64px; padding: 8px 10px; margin: 0 0 10px; resize: vertical; }
#moj-ciro select.mc-sel:focus, #moj-ciro input.mc-in:focus, #moj-ciro textarea.mc-in:focus { border-color: var(--mc-crimson); outline: 3px solid rgba(200, 18, 73, .18); outline-offset: 0; }
#moj-ciro select.mc-sel[disabled], #moj-ciro input.mc-in[disabled] { background-color: var(--mc-soft); color: var(--mc-muted); }
#moj-ciro .mc-cart { margin-top: 16px; background: var(--mc-soft); border: 1px solid var(--mc-line); border-radius: 16px; padding: 14px; }
#moj-ciro .mc-cart[hidden] { display: none; }
#moj-ciro .mc-cart-sum { font-size: 16px; margin: 12px 0 4px; }
#moj-ciro .mc-cart-sum b { font-size: 19px; }
#moj-ciro .mc-mine { margin-top: 6px; }
#moj-ciro .mc-mine .mc-banner { margin-top: 12px; }
#moj-ciro .mc-lines { margin: 0; padding: 0; font-size: 14px; color: var(--mc-ink-2); display: grid; gap: 2px; }
#moj-ciro .mc-order.is-off { opacity: .6; }

/* aplikacija: dodaj na začetni zaslon in povezava na spletno stran kluba */
#moj-ciro .mc-install { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 14px; align-items: center; background: #eef2fb; color: #1c2c57; border-radius: 16px; padding: 14px; margin: 16px 0; }
#moj-ciro .mc-install-ic { width: 52px; height: 52px; border-radius: 13px; background: #fff; box-shadow: 0 1px 4px rgba(6, 15, 43, .18); grid-row: span 2; align-self: start; }
#moj-ciro .mc-install-tx { display: grid; gap: 2px; min-width: 0; }
#moj-ciro .mc-install-tx b { font-size: 16px; font-weight: 700; line-height: 1.25; }
#moj-ciro .mc-install-tx span { font-size: 13.5px; color: #3a4a78; line-height: 1.4; }
#moj-ciro .mc-install-act { grid-column: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; margin-top: 6px; }
#moj-ciro .mc-install-panel { grid-column: 1 / -1; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(28, 44, 87, .15); }
#moj-ciro .mc-steps ol { margin: 0 0 8px; padding-left: 22px; display: grid; gap: 6px; font-size: 14px; }
#moj-ciro .mc-steps ol li { list-style: decimal; }
#moj-ciro .mc-steps p { margin: 0 0 8px; }
#moj-ciro .mc-appfoot { margin-top: 14px; font-size: 13.5px; }
#moj-ciro .mc-appfoot-c { text-align: center; margin-top: 18px; }
#moj-ciro .mc-appfoot-row { margin: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; }
#moj-ciro .mc-appfoot-c .mc-appfoot-row { justify-content: center; }
#moj-ciro .mc-appfoot .mc-install-panel { margin-top: 10px; background: var(--mc-soft); border: 1px solid var(--mc-line); border-radius: 12px; padding: 12px 14px; text-align: left; color: var(--mc-ink-2); }
#moj-ciro .mc-applink { font-weight: 600; }
#moj-ciro .mc-inst-host:empty { display: none; }

/* naročila: neplačano poudarjeno, gumb »Sem že plačal/-a« */
#moj-ciro .mc-pills-due .mc-bad { font-weight: 800; letter-spacing: .02em; box-shadow: inset 0 0 0 2px var(--mc-bad-d); }
#moj-ciro .mc-claim { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
#moj-ciro .mc-webpaid { display: flex; flex-direction: column; gap: 2px; margin: 12px 0 0; }

/* zbiranje točk na tekmi */
#moj-ciro .mc-collect-total { display: flex; align-items: baseline; gap: 10px; margin: 0 0 12px; }
#moj-ciro .mc-collect-total b { font-size: 44px; font-weight: 800; line-height: 1; }
#moj-ciro .mc-collect-total span { color: var(--mc-ink-2); font-weight: 600; }
#moj-ciro .mc-collect-now { display: flex; flex-direction: column; gap: 2px; background: var(--mc-warn-s); color: var(--mc-warn); border-radius: 14px; padding: 12px 14px; margin: 0 0 12px; }
#moj-ciro .mc-collect-code { margin-top: 14px; display: flex; flex-direction: column; gap: 6px; }
#moj-ciro .mc-collect-row { display: flex; gap: 8px; flex-wrap: wrap; }
#moj-ciro .mc-collect-row input { flex: 1 1 120px; min-width: 0; }
#moj-ciro .mc-collect-hist { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
#moj-ciro .mc-collect-hist li { display: flex; gap: 10px; justify-content: space-between; align-items: baseline; font-size: 14px; }
#moj-ciro .mc-collect-hist li span:first-child { flex: none; }
#moj-ciro .mc-collect-hist li .mc-muted { flex: 1; }

/* obvestila, razpored, klub */
#moj-ciro .mc-notice-list, #moj-ciro .mc-games { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
#moj-ciro .mc-notice { display: flex; gap: 12px; background: #fff; border: 1px solid var(--mc-line); border-left: 4px solid var(--mc-warn-d); border-radius: 14px; padding: 10px 14px; }
#moj-ciro .mc-notice-date { flex: none; display: flex; flex-direction: column; align-items: center; min-width: 52px; }
#moj-ciro .mc-notice-date b { font-size: 18px; font-weight: 800; }
#moj-ciro .mc-notice-date small { color: var(--mc-ink-2); }
#moj-ciro .mc-notice-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
#moj-ciro .mc-game { background: #fff; border: 1px solid var(--mc-line); border-radius: 14px; padding: 10px 14px; display: flex; flex-direction: column; gap: 3px; }
#moj-ciro .mc-game.is-home { border-left: 4px solid var(--mc-ok-d); }
#moj-ciro .mc-game-when { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
#moj-ciro .mc-game-vs { font-weight: 700; }
#moj-ciro .mc-game-meta { font-size: 13px; }
#moj-ciro .mc-game-res { font-weight: 800; font-variant-numeric: tabular-nums; }
#moj-ciro .mc-game-res.is-win { color: var(--mc-ok); }
#moj-ciro .mc-chip-home { background: var(--mc-ok-s); color: var(--mc-ok); }
#moj-ciro .mc-chip-away { background: var(--mc-na-s); color: var(--mc-na); }
#moj-ciro .mc-table-wrap { overflow-x: auto; }
#moj-ciro .mc-table { width: 100%; border-collapse: collapse; font-size: 14px; font-variant-numeric: tabular-nums; }
#moj-ciro .mc-table th, #moj-ciro .mc-table td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--mc-line); white-space: nowrap; }
#moj-ciro .mc-ok-t { color: var(--mc-ok); font-weight: 700; } #moj-ciro .mc-bad-t { color: var(--mc-bad); font-weight: 700; }

/* E-naslov igralca (starš) */
#moj-ciro .mc-pemail { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--mc-line); }
#moj-ciro .mc-pemail .mc-share-acts { margin: 6px 0; align-items: center; }
#moj-ciro .mc-pemail input.mc-in { flex: 1 1 200px; min-width: 0; }

/* Klub: oprema in člani */
#moj-ciro .mc-ktabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0 12px; }
#moj-ciro .mc-ktab, #moj-ciro .mc-kchip { appearance: none; border: 1px solid var(--mc-line); background: #fff; color: var(--mc-ink-2); border-radius: 999px; padding: 7px 14px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
#moj-ciro .mc-ktab[aria-selected="true"], #moj-ciro .mc-kchip[aria-pressed="true"] { background: var(--mc-crimson); border-color: var(--mc-crimson); color: #fff; }
#moj-ciro .mc-kchips { display: flex; gap: 6px; flex-wrap: wrap; margin: 10px 0 4px; }
#moj-ciro .mc-ktiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 4px 0 12px; }
@media (min-width: 640px) { #moj-ciro .mc-ktiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
#moj-ciro .mc-ktile { background: #fff; border: 1px solid var(--mc-line); border-radius: 12px; padding: 10px 12px; }
#moj-ciro .mc-ktile b { display: block; font-size: 20px; line-height: 1.2; font-variant-numeric: tabular-nums; }
#moj-ciro .mc-ktile span { font-size: 12.5px; color: var(--mc-ink-2); line-height: 1.3; display: block; }
#moj-ciro .mc-ksel { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--mc-ink-2); margin: 16px 2px 6px; }
#moj-ciro .mc-kperson { background: #fff; border: 1px solid var(--mc-line); border-radius: 12px; margin-bottom: 6px; }
#moj-ciro .mc-kperson summary { display: flex; gap: 10px; align-items: baseline; padding: 10px 12px; cursor: pointer; list-style: none; flex-wrap: wrap; }
#moj-ciro .mc-kperson summary::-webkit-details-marker { display: none; }
#moj-ciro .mc-kperson summary b { flex: 1 1 140px; }
#moj-ciro .mc-kdue { font-weight: 800; font-variant-numeric: tabular-nums; }
#moj-ciro .mc-kitems, #moj-ciro .mc-klist-plain { list-style: none; margin: 0; padding: 0; }
#moj-ciro .mc-kitem { padding: 10px 12px; border-top: 1px solid var(--mc-line); display: grid; gap: 6px; }
#moj-ciro .mc-kitem-t { display: flex; justify-content: space-between; gap: 10px; font-weight: 600; }
#moj-ciro .mc-klist-plain li { background: #fff; border: 1px solid var(--mc-line); border-radius: 12px; padding: 10px 12px; margin-bottom: 6px; display: grid; gap: 6px; }
#moj-ciro .mc-kbody input.mc-in { margin-top: 4px; }
#moj-ciro .mc-consent, #moj-ciro .mc-trrow { margin-top: 12px; border-top: 1px solid var(--mc-line); padding-top: 10px; }
#moj-ciro .mc-consent summary, #moj-ciro .mc-trrow summary { cursor: pointer; font-weight: 600; }
#moj-ciro .mc-consent-i { padding: 10px 0; border-bottom: 1px solid var(--mc-line); }
#moj-ciro .mc-consent-i p { margin: 4px 0; }

#moj-ciro .mc-train{list-style:none;margin:0 0 .6rem;padding:0;display:grid;gap:.25rem}
#moj-ciro .mc-train li{padding:.35rem .6rem;border-left:3px solid var(--mc-accent,#8f2230);background:rgba(143,34,48,.06);border-radius:0 6px 6px 0;font-size:.92rem}
#moj-ciro .mc-pill-warn{display:inline-block;margin-left:.3rem;padding:0 .45rem;border-radius:999px;background:#fff3cd;color:#664d03;font-size:.75rem}
#moj-ciro .mc-test { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
#moj-ciro .mc-test b { flex: 0 0 100%; }
#moj-ciro .mc-test span { flex: 1 1 220px; }
#moj-ciro .mc-kmbody { padding: 4px 12px 12px; }
#moj-ciro .mc-krow { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 8px 0; }
#moj-ciro .mc-krow input.mc-in { flex: 1 1 200px; min-width: 0; }
#moj-ciro .mc-krow select.mc-sel { flex: 1 1 150px; width: auto; }
#moj-ciro .mc-kdate { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--mc-ink-2); }
#moj-ciro .mc-kdate input.mc-in { width: auto; flex: 0 0 auto; }
#moj-ciro .mc-kmrow { margin: 0 0 2px; }
#moj-ciro .mc-kl { font-size: 13px; font-weight: 700; color: var(--mc-ink-2); }
#moj-ciro .mc-kh { margin: 14px 0 4px; font-size: 14px; font-weight: 800; }
#moj-ciro .mc-kemails li { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; }
#moj-ciro .mc-kmail { word-break: break-all; font-weight: 600; }

/* ===== Mi smo Čiro 2.0: pogled za starše (v18) ===== */
#moj-ciro.mc-v2 { max-width: 460px; }
#moj-ciro .mc2 { display: block; }
#moj-ciro .mc2-head { text-align: center; padding: 6px 0 4px; }
#moj-ciro .mc2-lock { display: flex; align-items: center; justify-content: center; gap: 10px; }
#moj-ciro .mc2-lock img { width: 34px; height: 31px; object-fit: contain; }
#moj-ciro .mc2-slogan { margin: 0; padding: 0; font-size: 24px; line-height: 1.1; font-weight: 800; text-transform: uppercase; color: var(--mc-ink); letter-spacing: .01em; }
#moj-ciro .mc2-who { margin: 2px 0 8px; font-size: 12px; color: var(--mc-muted); overflow-wrap: anywhere; }
#moj-ciro .mc2-act { display: flex; justify-content: center; margin-bottom: 8px; }
#moj-ciro .mc2-sec { margin-top: 24px; }
#moj-ciro .mc2-sec > h2 { margin: 0 0 8px; font-size: 22px; line-height: 1.1; font-weight: 800; text-transform: uppercase; letter-spacing: .01em; }
#moj-ciro .mc2-lead { margin: 0 0 8px; font-size: 12.5px; color: var(--mc-muted); }
#moj-ciro .mc2-note { margin: 8px 0 0; font-size: 11px; color: var(--mc-muted); }
#moj-ciro .mc2-note2 { margin: 10px 2px 0; font-size: 12.5px; color: var(--mc-muted); }
#moj-ciro .mc2-note2 b { color: var(--mc-ink); font-weight: 600; }
#moj-ciro .mc2-pay-btn { width: 100%; min-height: 42px; text-align: center; justify-content: center; }
#moj-ciro .mc2-more { display: inline-block; margin-top: 8px; font-weight: 600; font-size: 13px; color: var(--mc-crimson); text-decoration: none; }
#moj-ciro .mc2-req-btn { width: 100%; margin-top: 10px; min-height: 42px; justify-content: center; }

/* kartica */
#moj-ciro .mc2-flip { perspective: 1200px; margin-top: 2px; }
#moj-ciro .mc2-flip-in { position: relative; display: block; width: 100%; aspect-ratio: 2032 / 1276; padding: 0; border: 0; background: none; cursor: pointer; transform-style: preserve-3d; transition: transform .6s cubic-bezier(.3, .8, .3, 1); }
#moj-ciro .mc2-flip.is-back .mc2-flip-in { transform: rotateY(180deg); }
#moj-ciro .mc2-face { position: absolute; inset: 0; border-radius: 18px; overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; box-shadow: 0 18px 32px -20px rgba(27, 26, 37, .7); container-type: inline-size; text-align: left; }
#moj-ciro .mc2-f { background: linear-gradient(135deg, #9e0a2e 0%, #b5103c 55%, #a30c33 100%); font-family: Poppins, system-ui, sans-serif; }
#moj-ciro .mc2-b { transform: rotateY(180deg); background: radial-gradient(120% 140% at 100% 0%, rgba(255, 255, 255, .16), rgba(0, 0, 0, 0) 55%), linear-gradient(135deg, #a11c38 0%, #8c1730 55%, #6d1124 100%); display: grid; place-items: center; }
#moj-ciro .mc2-mas { position: absolute; left: 8%; bottom: -4%; height: 92%; width: auto; max-width: 44%; object-fit: contain; }
#moj-ciro .mc2-bt { position: absolute; right: 8%; top: 36%; text-align: right; color: #fff; font-weight: 800; font-size: 7.4cqw; line-height: 1; letter-spacing: .02em; }
#moj-ciro .mc2-bt span { display: block; margin-top: 2.4cqw; font-size: 2.8cqw; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; opacity: .9; }
#moj-ciro .mc2-sheen { position: absolute; inset: 0; background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, .16) 48%, rgba(255, 255, 255, .04) 56%, transparent 66%); background-size: 250% 100%; animation: mc2shn 7s ease-in-out infinite; pointer-events: none; }
@keyframes mc2shn { 0%, 55% { background-position: 130% 0; } 100% { background-position: -60% 0; } }
#moj-ciro .mc2-mk { position: absolute; left: 50%; top: 7.5%; width: 15cqw; height: 13.6cqw; transform: translateX(-50%); object-fit: contain; }
#moj-ciro .mc2-ttl { position: absolute; left: 0; right: 0; top: 33%; text-align: center; color: #fff; font-weight: 800; font-size: 7cqw; line-height: .98; letter-spacing: .015em; text-transform: uppercase; text-shadow: 0 .5cqw 1.4cqw rgba(60, 0, 15, .35); }
#moj-ciro .mc2-ttl span { display: block; font-size: 6.4cqw; margin-top: .8cqw; }
#moj-ciro .mc2-lb { position: absolute; color: #fff; font-weight: 600; font-size: 2.5cqw; line-height: 1; letter-spacing: .07em; text-transform: uppercase; opacity: .95; }
#moj-ciro .mc2-l1 { left: 9.4%; top: 68.2%; } #moj-ciro .mc2-l2 { left: 61.5%; top: 68.2%; }
#moj-ciro .mc2-nm, #moj-ciro .mc2-no { position: absolute; display: flex; align-items: center; background: #fff; color: #4a4955; font-weight: 700; font-size: 3.9cqw; line-height: 1; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; overflow: hidden; border-radius: 1.1cqw; box-shadow: inset 0 .3cqw .7cqw rgba(0, 0, 0, .14), 0 .5cqw 1.2cqw rgba(60, 0, 15, .28); }
#moj-ciro .mc2-nm { left: 9.4%; top: 73.4%; width: 48.7%; height: 10.4%; padding-left: 2.6cqw; }
#moj-ciro .mc2-no { left: 61.5%; top: 73.4%; width: 29%; height: 10.4%; padding-left: 2.6cqw; }
#moj-ciro .mc2-okb { position: absolute; right: 5%; top: 7%; display: flex; align-items: center; gap: 1.2cqw; color: #fff; font-weight: 700; font-size: 2.7cqw; line-height: 1; letter-spacing: .08em; text-transform: uppercase; background: rgba(255, 255, 255, .14); border: .25cqw solid rgba(255, 255, 255, .45); border-radius: 99px; padding: 1.2cqw 2.4cqw; }
#moj-ciro .mc2-okb i { width: 2cqw; height: 2cqw; border-radius: 50%; background: #5fe08f; box-shadow: 0 0 1.2cqw #5fe08f; }
#moj-ciro .mc2-vl { position: absolute; left: 0; right: 0; bottom: 5%; text-align: center; color: rgba(255, 255, 255, .8); font-weight: 600; font-size: 2.4cqw; line-height: 1; letter-spacing: .1em; text-transform: uppercase; }
#moj-ciro .mc2-face.is-dead { filter: grayscale(1) brightness(.95); }
#moj-ciro .mc2-stamp { position: absolute; right: 4%; top: 7%; transform: rotate(6deg); border: .7cqw solid #fff; color: #fff; padding: .7cqw 2.6cqw; border-radius: 1.6cqw; font-weight: 800; font-size: 5.2cqw; line-height: 1; text-transform: uppercase; letter-spacing: .04em; background: rgba(140, 23, 48, .78); white-space: nowrap; }
#moj-ciro .mc2-cstate { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; padding: 10px 14px; border-radius: 14px; font-size: 13px; }
#moj-ciro .mc2-cstate.is-ok { background: var(--mc-ok-s); color: var(--mc-ok); }
#moj-ciro .mc2-cstate.is-no { background: #f6e3e7; color: var(--mc-crimson); }
#moj-ciro .mc2-cstate b { display: block; font-size: 14px; font-weight: 600; }
#moj-ciro .mc2-cstate small { display: block; font-size: 11.5px; opacity: .9; font-variant-numeric: tabular-nums; }
#moj-ciro .mc2-tap { font: inherit; font-size: 11.5px; font-weight: 600; white-space: nowrap; text-decoration: underline; text-underline-offset: 3px; background: none; border: 0; color: inherit; cursor: pointer; }

/* stanje */
#moj-ciro .mc2-stg { display: grid; gap: 8px; }
#moj-ciro .mc2-stg-1 { grid-template-columns: 1fr; } #moj-ciro .mc2-stg-2 { grid-template-columns: 1fr 1fr; } #moj-ciro .mc2-stg-3 { grid-template-columns: repeat(3, 1fr); }
#moj-ciro .mc2-stg > div { padding: 9px 10px; border-radius: 14px; border: 1px solid var(--mc-line); display: grid; gap: 2px; }
#moj-ciro .mc2-stg small { font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-muted); font-weight: 600; }
#moj-ciro .mc2-stg b { display: flex; align-items: center; gap: 6px; font-size: 12.5px; line-height: 1.2; font-weight: 600; }
#moj-ciro .mc2-stg b::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #1f8a4c; flex: none; }
#moj-ciro .mc2-stg .is-x { border-color: #e8b6c1; background: #fdf5f7; }
#moj-ciro .mc2-stg .is-x b { color: var(--mc-crimson); } #moj-ciro .mc2-stg .is-x b::before { background: var(--mc-crimson); }

/* urnik */
#moj-ciro .mc2-chips { display: flex; gap: 6px; overflow-x: auto; margin: 0 -2px 10px; padding: 2px 2px 4px; scrollbar-width: none; }
#moj-ciro .mc2-chips::-webkit-scrollbar { display: none; }
#moj-ciro .mc2-chp { flex: 0 0 auto; white-space: nowrap; border: 1px solid var(--mc-line); background: #fff; color: var(--mc-ink); font: inherit; font-weight: 600; font-size: 12.5px; min-height: 36px; padding: 0 14px; border-radius: 999px; cursor: pointer; }
#moj-ciro .mc2-chp small { font-weight: 400; opacity: .85; margin-left: 4px; }
#moj-ciro .mc2-chp[aria-pressed="true"] { background: var(--mc-crimson); border-color: var(--mc-crimson); color: #fff; }
#moj-ciro .mc2-alt { border-style: dashed; color: var(--mc-crimson); } #moj-ciro .mc2-alt[aria-pressed="true"] { border-style: solid; color: #fff; }
#moj-ciro .mc2-trh { display: flex; justify-content: space-between; align-items: baseline; margin: 2px 0 8px; }
#moj-ciro .mc2-trh b { font-size: 15px; font-weight: 700; } #moj-ciro .mc2-trh span { font-size: 11.5px; color: var(--mc-muted); }
#moj-ciro .mc2-trl { display: grid; gap: 6px; }
#moj-ciro .mc2-tr { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; align-items: center; background: var(--mc-soft); border-radius: 12px; padding: 9px 12px; }
#moj-ciro .mc2-tr i { font-style: normal; font-weight: 800; font-size: 15px; text-transform: uppercase; text-align: center; color: var(--mc-crimson); }
#moj-ciro .mc2-tr b { display: block; font-size: 14px; } #moj-ciro .mc2-tr span { font-size: 12px; color: var(--mc-muted); }
#moj-ciro .mc2-pks { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#moj-ciro .mc2-pk { border: 1px solid var(--mc-line); background: #fff; border-radius: 12px; min-height: 44px; font: inherit; font-weight: 600; font-size: 13px; color: var(--mc-ink); cursor: pointer; }
#moj-ciro .mc2-pk[aria-pressed="true"] { background: var(--mc-crimson); border-color: var(--mc-crimson); color: #fff; }

/* tekme, ugodnosti */
#moj-ciro .mc2-tek { display: grid; gap: 8px; }
#moj-ciro .mc2-tek li { display: flex; gap: 12px; align-items: center; background: var(--mc-soft); border-radius: 12px; padding: 10px 12px; }
#moj-ciro .mc2-dt { min-width: 52px; text-align: center; font-weight: 800; font-size: 18px; line-height: 1; color: var(--mc-crimson); }
#moj-ciro .mc2-dt small { display: block; margin-top: 3px; font-size: 10px; font-weight: 600; color: var(--mc-muted); text-transform: uppercase; }
#moj-ciro .mc2-tek b { display: block; font-size: 14px; } #moj-ciro .mc2-tek li span { font-size: 12px; color: var(--mc-muted); }
#moj-ciro .mc2-ugs { display: grid; grid-template-columns: 1fr; gap: 4px; }
#moj-ciro .mc2-ugs li { border-left: 3px solid var(--mc-crimson); background: var(--mc-soft); border-radius: 8px; padding: 5px 10px; display: flex; flex-wrap: wrap; gap: 2px 8px; align-items: baseline; }
#moj-ciro .mc2-ugs b, #moj-ciro .mc2-ugs a { font-size: 12.5px; font-weight: 700; } #moj-ciro .mc2-ugs span { font-size: 11.5px; color: var(--mc-muted); }

/* člani */
#moj-ciro .mc2-mem { border-top: 1px solid var(--mc-line); }
#moj-ciro .mc2-mem > summary { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 48px; cursor: pointer; list-style: none; }
#moj-ciro .mc2-mem > summary::-webkit-details-marker { display: none; }
#moj-ciro .mc2-mem > summary b { display: block; font-size: 14px; } #moj-ciro .mc2-mem > summary small { font-size: 12px; color: var(--mc-muted); }
#moj-ciro .mc2-pill { font-style: normal; padding: 3px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 600; white-space: nowrap; }
#moj-ciro .mc2-pill.is-ok { background: var(--mc-ok-s); color: var(--mc-ok); } #moj-ciro .mc2-pill.is-no { background: #f6e3e7; color: var(--mc-crimson); }
#moj-ciro .mc2-mem-b { padding: 4px 0 14px; }

/* dokumenti, mega, noga */
#moj-ciro .mc2-docs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#moj-ciro .mc2-docs a { display: flex; align-items: center; gap: 9px; min-height: 50px; padding: 8px 10px; border-radius: 12px; background: var(--mc-soft); text-decoration: none; color: var(--mc-ink); height: 100%; }
#moj-ciro .mc2-docs a:hover { box-shadow: inset 0 0 0 1.5px var(--mc-crimson); }
#moj-ciro .mc2-doc-ic { flex: none; width: 20px; height: 20px; } #moj-ciro .mc2-doc-ic svg { width: 20px; height: 20px; stroke: var(--mc-crimson); fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#moj-ciro .mc2-docs b { display: block; font-size: 12px; line-height: 1.25; font-weight: 600; } #moj-ciro .mc2-docs small { font-size: 10.5px; color: var(--mc-muted); }
#moj-ciro .mc2-mega { display: flex; align-items: center; gap: 12px; margin-top: 18px; padding: 12px 14px 12px 16px; border: 1px solid var(--mc-line); border-radius: 16px; text-decoration: none; color: var(--mc-ink); position: relative; overflow: hidden; }
#moj-ciro .mc2-mega::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px; border-radius: 3px; background: var(--mc-crimson); }
#moj-ciro .mc2-mega-t { flex: 1; min-width: 0; }
#moj-ciro .mc2-mega small { display: block; font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--mc-crimson); }
#moj-ciro .mc2-mega b { display: block; font-size: 14.5px; line-height: 1.3; font-weight: 600; } #moj-ciro .mc2-mega-t span { font-size: 11.5px; color: var(--mc-muted); }
#moj-ciro .mc2-go { flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--mc-crimson); color: #fff; display: grid; place-items: center; font-size: 16px; }
#moj-ciro .mc2-foot { margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--mc-line); text-align: center; color: var(--mc-muted); font-size: 11.5px; }
#moj-ciro .mc2-foot nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px 18px; margin: 0 0 10px; }
#moj-ciro .mc2-foot nav a { color: var(--mc-ink); font-size: 13px; font-weight: 500; text-decoration: none; padding: 6px 0; border-bottom: 1.5px solid #e1b9c1; }
#moj-ciro .mc2-foot p { margin: 0 0 6px; }

/* spodnji list */
#moj-ciro .mc2-sheet { position: fixed; inset: 0; z-index: 9999; background: rgba(27, 26, 37, .5); display: flex; align-items: flex-end; justify-content: center; }
#moj-ciro .mc2-sheet > div { background: #fff; width: 100%; max-width: 480px; max-height: 86vh; overflow: auto; border-radius: 24px 24px 0 0; padding: 20px 20px 28px; }
#moj-ciro .mc2-sheet h3 { margin: 0 0 10px; font-size: 24px; line-height: 1.1; font-weight: 800; text-transform: uppercase; }
#moj-ciro .mc2-sheet p { font-size: 13.5px; }
#moj-ciro .mc2-sheet .mc-btn { margin-top: 14px; width: 100%; justify-content: center; text-align: center; }
#moj-ciro .mc2-x { float: right; border: 0; background: var(--mc-soft); width: 36px; height: 36px; border-radius: 50%; font-size: 18px; cursor: pointer; color: var(--mc-ink); }
#moj-ciro .mc2-req { display: grid; gap: 8px; margin: 10px 0; }
#moj-ciro .mc2-req div { padding: 10px 12px; border-radius: 12px; background: var(--mc-soft); display: grid; }
#moj-ciro .mc2-req small { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--mc-muted); font-weight: 600; }
#moj-ciro .mc2-req b { font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
#moj-ciro .mc2-okmsg { padding: 12px 14px; border-radius: 12px; background: var(--mc-ok-s); color: var(--mc-ok); font-weight: 600; font-size: 13.5px; }
@media (prefers-reduced-motion: reduce) { #moj-ciro .mc2-flip-in { transition: none; } #moj-ciro .mc2-sheen { animation: none; } }

#moj-ciro .mc2-cal { margin-left: auto; flex: none; border: 1px solid var(--mc-line); background: #fff; color: var(--mc-crimson); border-radius: 999px; min-height: 32px; padding: 0 12px; font: inherit; font-weight: 600; font-size: 12px; cursor: pointer; }
#moj-ciro .mc2-calbox { display: grid; gap: 10px; } #moj-ciro .mc2-calbox p { margin: 0; font-size: 13px; color: var(--mc-muted); } #moj-ciro .mc2-calbox .mc-btn { text-align: center; text-decoration: none; }
/* oprema (trgovina v videzu aplikacije) */
#moj-ciro .mc2-chips-w { flex-wrap: wrap; overflow: visible; }
#moj-ciro .mc2-prodl { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 8px; }
#moj-ciro .mc2-prow { width: 100%; display: flex; align-items: center; gap: 12px; text-align: left; background: #fff; border: 1px solid var(--mc-line); border-radius: 16px; padding: 10px 12px; font: inherit; color: var(--mc-ink); cursor: pointer; min-height: 64px; }
#moj-ciro .mc2-prow:disabled { opacity: .6; cursor: default; }
#moj-ciro .mc2-prow > img, #moj-ciro .mc2-pph { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 12px; object-fit: cover; background: var(--mc-soft); display: flex; align-items: center; justify-content: center; }
#moj-ciro .mc2-pph img { width: 32px; height: auto; opacity: .55; }
#moj-ciro .mc2-pnm { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }
#moj-ciro .mc2-pnm b { font-size: 15px; } #moj-ciro .mc2-pnm small { color: var(--mc-muted); font-size: 12.5px; }
#moj-ciro .mc2-ppr { display: flex; flex-direction: column; align-items: flex-end; } #moj-ciro .mc2-ppr b { font-size: 16px; } #moj-ciro .mc2-ppr i { font-style: normal; font-size: 12.5px; color: var(--mc-crimson); font-weight: 600; }
#moj-ciro .mc2-shf .mc2-fl { margin: 14px 0 6px; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--mc-muted); }
#moj-ciro .mc2-pimg { width: 100%; max-height: 220px; object-fit: cover; border-radius: 14px; }
#moj-ciro .mc2-pprice { font-size: 20px; font-weight: 800; margin: 0; }
#moj-ciro .mc2-hint { color: var(--mc-muted); font-size: 12.5px; margin: 6px 0 0; }
#moj-ciro .mc2-qty { display: inline-flex; align-items: center; gap: 14px; border: 1px solid var(--mc-line); border-radius: 999px; padding: 4px; }
#moj-ciro .mc2-qb { width: 40px; height: 40px; border-radius: 50%; border: 0; background: var(--mc-soft); font-size: 20px; cursor: pointer; color: var(--mc-ink); }
#moj-ciro .mc2-qn { min-width: 24px; text-align: center; font-size: 17px; }
#moj-ciro .mc2-cartbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000; background: #fff; border-top: 1px solid var(--mc-line); box-shadow: 0 -8px 24px rgba(6,15,43,.12); padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#moj-ciro .mc2-cartbar span { display: flex; flex-direction: column; } #moj-ciro .mc2-cartbar small { color: var(--mc-muted); font-size: 13px; }
#moj-ciro .mc2-cartbar .mc-btn { margin: 0; }
#moj-ciro .mc2-cl { list-style: none; margin: 0; padding: 0; } #moj-ciro .mc2-cl li { display: flex; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--mc-line); }
#moj-ciro .mc2-cl small { display: block; color: var(--mc-muted); font-size: 12.5px; } #moj-ciro .mc2-cr { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
#moj-ciro .mc2-ctot { display: flex; justify-content: space-between; font-size: 17px; margin: 12px 0; }
#moj-ciro .mc2-pay { background: var(--mc-soft); border-radius: 14px; padding: 4px 14px 12px; margin-top: 12px; } #moj-ciro .mc2-pay p { margin: 10px 0 0; }
#moj-ciro .mc2-pay .mc2-pay-btn { display: flex; margin-top: 12px; text-decoration: none; }
#moj-ciro .mc2-sub { font-size: 15px; margin: 18px 0 8px; }
#moj-ciro .mc2-ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
#moj-ciro .mc2-ol > li { border: 1px solid var(--mc-line); border-radius: 14px; padding: 12px; } #moj-ciro .mc2-ol > li.is-off { opacity: .55; }
#moj-ciro .mc2-oh { display: flex; justify-content: space-between; } #moj-ciro .mc2-ln { margin: 6px 0; padding-left: 18px; font-size: 13.5px; color: var(--mc-ink-2); }
#moj-ciro .mc2-ao { margin-bottom: 18px; } #moj-ciro .mc2-aob { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; } #moj-ciro .mc2-aob .mc-btn { margin: 0; }