/* ==========================================================================
   Lucky Results — theme stylesheet
   Colour tokens are injected from the plugin settings as :root custom
   properties (see inc/enqueue.php), so everything here is driven by them.
   ========================================================================== */

/* 1. Tokens & reset --------------------------------------------------------- */

:root {
	/* Fallbacks — overridden by the inline block the plugin generates. */
	--c-primary: #0b1d3a;
	--c-primary-alt: #12294f;
	--c-accent: #1e5eff;
	--c-success: #16a34a;
	--c-gold: #f5b70a;
	--c-danger: #e11d48;
	--c-bg: #f4f6fb;
	--c-surface: #ffffff;
	--radius: 14px;
	--container: 1280px;

	--c-ink: #0f172a;
	--c-body: #334155;
	--c-muted: #64748b;
	--c-line: #e6eaf2;
	--c-line-soft: #eef1f7;

	--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
	--shadow: 0 2px 10px rgba(15, 23, 42, .06);
	--shadow-lg: 0 12px 32px rgba(11, 29, 58, .16);

	--gap: 20px;
	--gap-sm: 12px;
	--side-width: 300px;

	--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--font-head: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
	margin: 0;
	background: var(--c-bg);
	color: var(--c-body);
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

img, svg, video { max-width: 100%; height: auto; display: block; }

a { color: var(--c-accent); text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4 {
	font-family: var(--font-head);
	color: var(--c-ink);
	line-height: 1.25;
	margin: 0 0 .5em;
	letter-spacing: -.01em;
}

p { margin: 0 0 1em; }
ul, ol { margin: 0 0 1em; padding-left: 1.2em; }

button { font: inherit; cursor: pointer; }

:focus-visible {
	outline: 3px solid var(--c-accent);
	outline-offset: 2px;
	border-radius: 4px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.skip-link:focus {
	position: fixed;
	inset: 10px auto auto 10px;
	z-index: 999;
	width: auto; height: auto;
	clip: auto;
	padding: 10px 16px;
	background: #fff;
	border-radius: 8px;
	box-shadow: var(--shadow-lg);
}

/* 2. Layout ---------------------------------------------------------------- */

.container {
	width: 100%;
	max-width: var(--container);
	margin-inline: auto;
	padding-inline: 20px;
}

.container--full-ad { margin-block: var(--gap) 28px; }

.site-main { display: block; padding-block: var(--gap) 40px; }

.layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--side-width);
	gap: 24px;
	align-items: start;
	margin-bottom: var(--gap);
}

.layout__main { min-width: 0; display: flex; flex-direction: column; gap: var(--gap); }
.layout__side { display: flex; flex-direction: column; gap: var(--gap); position: sticky; top: 84px; }

.split {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	gap: var(--gap);
}

.split > * { margin: 0; }

/* 3. Header ---------------------------------------------------------------- */

.notice-bar {
	background: var(--c-gold);
	color: #422c00;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	padding: 7px 0;
}

.site-header {
	background: var(--c-primary);
	color: #fff;
	position: relative;
	z-index: 40;
}

.site-header.is-sticky { position: sticky; top: 0; }

.site-header__inner {
	display: flex;
	align-items: center;
	gap: 24px;
	min-height: 66px;
}

.brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	text-decoration: none;
	flex-shrink: 0;
}

.brand:hover { text-decoration: none; }
.brand__mark { font-size: 26px; line-height: 1; }
.brand__img { max-height: 42px; width: auto; }
.brand__text { display: flex; flex-direction: column; }

.brand__name {
	font-family: var(--font-head);
	font-weight: 800;
	font-size: 22px;
	letter-spacing: -.02em;
	line-height: 1.05;
}

.brand__name-b { color: var(--c-gold); }

.brand__tagline {
	font-size: 10.5px;
	color: rgba(255, 255, 255, .68);
	letter-spacing: .01em;
}

.nav { margin-left: auto; }

.nav__list {
	display: flex;
	align-items: center;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav__list a {
	display: block;
	color: rgba(255, 255, 255, .9);
	font-size: 13.5px;
	font-weight: 500;
	padding: 9px 12px;
	border-radius: 8px;
	white-space: nowrap;
	text-decoration: none;
}

.nav__list a:hover,
.nav__list .current-menu-item > a {
	background: rgba(255, 255, 255, .1);
	color: #fff;
}

.nav__item { position: relative; }

.nav__item--has-children > a::after,
.nav__list .menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	margin-left: 6px;
	border: 4px solid transparent;
	border-top-color: currentColor;
	transform: translateY(2px);
}

.nav__sub,
.nav__list .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 210px;
	background: #fff;
	border-radius: 10px;
	box-shadow: var(--shadow-lg);
	padding: 6px;
	list-style: none;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .16s ease, transform .16s ease, visibility .16s;
}

.nav__item:hover > .nav__sub,
.nav__item:focus-within > .nav__sub,
.nav__list .menu-item-has-children:hover > .sub-menu,
.nav__list .menu-item-has-children:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.nav__sub a,
.nav__list .sub-menu a { color: var(--c-ink); font-size: 13.5px; }
.nav__sub a:hover,
.nav__list .sub-menu a:hover { background: var(--c-bg); color: var(--c-accent); }

.site-header__tools { display: flex; align-items: center; gap: 4px; }

.icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px; height: 38px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: #fff;
}

.icon-btn:hover { background: rgba(255, 255, 255, .12); }

.nav-toggle { display: none; }

.site-search {
	background: var(--c-primary-alt);
	padding: 14px 0;
	border-top: 1px solid rgba(255, 255, 255, .1);
}

.mobile-nav {
	background: var(--c-primary-alt);
	padding: 10px 0 16px;
}

.mobile-nav .nav__list {
	flex-direction: column;
	align-items: stretch;
	gap: 2px;
}

.mobile-nav .nav__sub,
.mobile-nav .sub-menu {
	position: static;
	opacity: 1;
	visibility: visible;
	transform: none;
	box-shadow: none;
	background: rgba(0, 0, 0, .18);
	padding: 2px 0 2px 14px;
	margin-top: 2px;
}

.mobile-nav .nav__sub a,
.mobile-nav .sub-menu a { color: rgba(255, 255, 255, .85); }

/* 4. Cards & buttons -------------------------------------------------------- */

.card {
	background: var(--c-surface);
	border: 1px solid var(--c-line);
	border-radius: var(--radius);
	box-shadow: var(--shadow-sm);
	padding: 18px 20px;
}

.card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding-bottom: 12px;
	margin-bottom: 14px;
	border-bottom: 1px solid var(--c-line-soft);
}

.card__title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--c-ink);
}

.card__title .icon { color: var(--c-accent); }

.card__more {
	font-size: 12.5px;
	font-weight: 600;
	color: var(--c-accent);
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.card__foot {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--c-line-soft);
	display: flex;
	justify-content: center;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 10px 18px;
	border: 1px solid transparent;
	border-radius: 9px;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.btn:hover { text-decoration: none; }

.btn--success { background: var(--c-success); color: #fff; }
.btn--success:hover { background: #12833c; color: #fff; }

.btn--dark { background: var(--c-primary); color: #fff; }
.btn--dark:hover { background: var(--c-primary-alt); color: #fff; }

.btn--outline {
	background: #fff;
	color: var(--c-success);
	border-color: #cfe8d8;
}

.btn--outline:hover { background: #f2fbf5; color: #12833c; }

.btn--ghost {
	background: rgba(255, 255, 255, .07);
	border-color: rgba(255, 255, 255, .22);
	color: #fff;
	width: 100%;
}

.btn--ghost:hover { background: rgba(255, 255, 255, .14); color: #fff; }

.btn--small { padding: 7px 14px; font-size: 12.5px; }
.btn--tiny { padding: 5px 12px; font-size: 12px; }

.badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 8px;
	border-radius: 9px;
	background: var(--accent, var(--c-accent));
	color: #fff;
	font-family: var(--font-head);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: .02em;
	flex-shrink: 0;
}

.badge--lg { min-width: 56px; height: 56px; font-size: 19px; border-radius: 12px; }
.badge--sm { min-width: 28px; height: 24px; font-size: 11px; border-radius: 6px; margin-right: 6px; }

.flag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.flag--live { background: var(--c-danger); color: #fff; animation: lucky-pulse 2.2s ease-in-out infinite; }
.flag--updated { background: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .85); }

.flag--updated .dot {
	width: 7px; height: 7px;
	border-radius: 50%;
	background: #4ade80;
	box-shadow: 0 0 0 0 rgba(74, 222, 128, .7);
	animation: lucky-ping 1.8s ease-out infinite;
}

@keyframes lucky-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: .72; }
}

@keyframes lucky-ping {
	0% { box-shadow: 0 0 0 0 rgba(74, 222, 128, .6); }
	70% { box-shadow: 0 0 0 7px rgba(74, 222, 128, 0); }
	100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0); }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
}

/* 5. Ads -------------------------------------------------------------------- */

.lre-ad {
	width: 100%;
	max-width: var(--lre-ad-w, 100%);
	margin-inline: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.lre-ad--empty {
	min-height: var(--lre-ad-h, 90px);
	flex-direction: column;
	gap: 4px;
	border: 1px dashed rgba(15, 23, 42, .18);
	border-radius: 10px;
	background: repeating-linear-gradient(-45deg, #fdf8e7, #fdf8e7 12px, #fbf3d8 12px, #fbf3d8 24px);
	color: #a1741a;
	text-align: center;
}

.lre-ad__size { font-family: var(--font-head); font-size: 19px; font-weight: 800; }
.lre-ad__label { font-size: 10.5px; font-weight: 700; letter-spacing: .1em; }

.lre-ad--sidebar_skyscraper.lre-ad--empty { background: repeating-linear-gradient(-45deg, #ecfbf1, #ecfbf1 12px, #e2f6ea 12px, #e2f6ea 24px); color: #1a7a45; }
.lre-ad--home_billboard.lre-ad--empty { background: repeating-linear-gradient(-45deg, #fdf0f6, #fdf0f6 12px, #fbe6f0 12px, #fbe6f0 24px); color: #b8256f; }
.lre-ad--home_rect_left.lre-ad--empty,
.lre-ad--home_rect_right.lre-ad--empty,
.lre-ad--sidebar_large_rect.lre-ad--empty { background: repeating-linear-gradient(-45deg, #eef4fe, #eef4fe 12px, #e3edfd 12px, #e3edfd 24px); color: #1e4fb8; }
.lre-ad--home_large_leaderboard.lre-ad--empty { background: repeating-linear-gradient(-45deg, #f4eefe, #f4eefe 12px, #ece2fd 12px, #ece2fd 24px); color: #6d28d9; }
.lre-ad--sidebar_square.lre-ad--empty { background: repeating-linear-gradient(-45deg, #fef3e7, #fef3e7 12px, #fdead6 12px, #fdead6 24px); color: #b45309; }

.lre-ad--fluid { max-width: 100%; }

/* Slideshow slots: every slide is stacked in the same box so the space never
   collapses between transitions, and only the active one is visible. */
.lre-ad--slideshow { position: relative; }

.lre-ad__track {
	position: relative;
	width: 100%;
	min-height: var(--lre-ad-h, 90px);
}

.lre-ad__slide {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s ease;
}

.lre-ad__slide.is-active { opacity: 1; visibility: visible; }

/* Without JS the first slide simply stays put. */
.no-js .lre-ad__slide:not(.is-active) { display: none; }

.ad-row {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr) 300px;
	gap: var(--gap);
	align-items: center;
}

.lre-ad--mobile_sticky {
	position: fixed;
	inset: auto 0 0 0;
	z-index: 60;
	background: #fff;
	border-top: 1px solid var(--c-line);
	padding: 4px 0;
	display: none;
}

/* 6. Hero ------------------------------------------------------------------- */

.hero {
	display: grid;
	grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr);
	gap: var(--gap);
	align-items: stretch;
}

.hero__result,
.hero__next {
	border-radius: var(--radius);
	padding: 18px 22px 20px;
	color: #fff;
	position: relative;
	overflow: hidden;
}

.hero__result {
	background:
		radial-gradient(120% 140% at 85% 0%, rgba(255, 255, 255, .09), transparent 60%),
		linear-gradient(150deg, #0d1526 0%, #101b30 55%, #0b1424 100%);
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.hero__result::after {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 4px;
	background: var(--accent, var(--c-accent));
}

.hero__flags { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }

.hero__title { margin: 0; }
.hero__title a { color: #fff; text-decoration: none; }

.hero__lottery {
	font-family: var(--font-head);
	font-size: clamp(26px, 3.4vw, 34px);
	font-weight: 800;
	color: #5ea2ff;
	letter-spacing: -.02em;
}

.hero__draw {
	font-size: 17px;
	font-weight: 600;
	color: rgba(255, 255, 255, .82);
	margin-left: 4px;
}

.hero__date { font-size: 13px; color: rgba(255, 255, 255, .72); margin: 0 0 10px; }

.hero__prize { display: flex; flex-direction: column; gap: 2px; }

.hero__prize-label { font-size: 12.5px; color: rgba(255, 255, 255, .66); }

.hero__prize-amount {
	font-family: var(--font-head);
	font-size: clamp(30px, 4vw, 40px);
	font-weight: 800;
	color: var(--c-gold);
	line-height: 1.05;
	letter-spacing: -.02em;
}

.hero__prize-ticket {
	font-family: var(--font-head);
	font-size: clamp(21px, 2.6vw, 27px);
	font-weight: 700;
	color: #fff;
	letter-spacing: .04em;
}

.hero__foot {
	margin-top: auto;
	padding-top: 14px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.hero__updated { font-size: 12px; color: rgba(255, 255, 255, .6); margin: 0; }

.hero__result--empty { justify-content: center; text-align: center; min-height: 200px; }
.hero__result--empty .hero__title { color: #fff; }
.hero__empty-note { font-size: 13px; color: rgba(255, 255, 255, .55); margin: 4px 0 0; }

.hero__next {
	background: linear-gradient(165deg, #10254a 0%, #0b1c39 100%);
	border: 1px solid rgba(255, 255, 255, .08);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 3px;
}

.hero__next-label { font-size: 11px; font-weight: 700; letter-spacing: .14em; color: rgba(255, 255, 255, .62); margin: 0; }

.hero__next-name {
	font-family: var(--font-head);
	font-size: 17px;
	font-weight: 800;
	color: #fff;
	margin: 0;
}

.hero__next-name span { font-weight: 600; color: rgba(255, 255, 255, .72); }
.hero__next-date { font-size: 12.5px; color: rgba(255, 255, 255, .62); margin: 0 0 12px; }

.countdown {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 6px;
	margin-bottom: 16px;
}

.countdown__unit {
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 10px;
	padding: 8px 12px 6px;
	min-width: 62px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1px;
}

.countdown__value {
	font-family: var(--font-head);
	font-size: 26px;
	font-weight: 800;
	line-height: 1.1;
	color: #fff;
	font-variant-numeric: tabular-nums;
}

.countdown__label { font-size: 9.5px; font-weight: 700; letter-spacing: .1em; color: rgba(255, 255, 255, .55); }

.countdown__sep {
	font-size: 22px;
	font-weight: 700;
	color: rgba(255, 255, 255, .4);
	padding-top: 8px;
}

.hero__next .btn { margin-top: auto; }

/* 7. Lottery nav chips ------------------------------------------------------ */

.chips {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.chip {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 10px 12px;
	border: 1px solid var(--c-line);
	border-radius: 11px;
	background: #fff;
	color: var(--c-ink);
	text-decoration: none;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
	height: 100%;
}

.chip:hover {
	border-color: var(--accent, var(--c-accent));
	box-shadow: 0 4px 14px rgba(15, 23, 42, .08);
	transform: translateY(-1px);
	text-decoration: none;
}

.chip__dot {
	width: 30px; height: 30px;
	border-radius: 9px;
	background: color-mix(in srgb, var(--accent, #1e5eff) 14%, #fff);
	border: 1px solid color-mix(in srgb, var(--accent, #1e5eff) 30%, #fff);
	position: relative;
	flex-shrink: 0;
}

.chip__dot::after {
	content: "";
	position: absolute;
	inset: 50% auto auto 50%;
	width: 11px; height: 11px;
	border-radius: 50%;
	background: var(--accent, var(--c-accent));
	transform: translate(-50%, -50%);
}

.chip__text { display: flex; flex-direction: column; min-width: 0; }

.chip__name {
	font-size: 12.5px;
	font-weight: 700;
	color: var(--c-ink);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.chip__code { font-size: 11px; color: var(--c-muted); }

/* 8. Ticket checker --------------------------------------------------------- */

.checker {
	background: linear-gradient(180deg, #f7faff 0%, #f2f7ff 100%);
	border-color: #dbe6fb;
}

.checker__intro { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }

.checker__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px; height: 52px;
	border-radius: 14px;
	background: #e3edfe;
	color: var(--c-accent);
	flex-shrink: 0;
}

.checker__title {
	margin: 0;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--c-accent);
}

.checker__hint { margin: 2px 0 0; font-size: 12.5px; color: var(--c-muted); }

.checker__form {
	display: grid;
	grid-template-columns: minmax(150px, 190px) minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
}

.checker__select,
.checker__input,
.archive-filter select,
.archive-filter input,
.subscribe__form input,
.search-form__input {
	width: 100%;
	padding: 10px 13px;
	border: 1px solid var(--c-line);
	border-radius: 9px;
	background: #fff;
	font-size: 13.5px;
	color: var(--c-ink);
}

.checker__input::placeholder,
.search-form__input::placeholder { color: #9aa6b8; }

.checker__select:focus,
.checker__input:focus { outline: none; border-color: var(--c-accent); box-shadow: 0 0 0 3px rgba(30, 94, 255, .14); }

.checker__submit { white-space: nowrap; }

.checker__quick {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 12px;
}

.checker__quick-label { font-size: 12.5px; color: var(--c-muted); }

.pill {
	padding: 5px 13px;
	border: 1px solid #cfdcf6;
	border-radius: 999px;
	background: #fff;
	color: var(--c-accent);
	font-size: 12.5px;
	font-weight: 600;
}

.pill:hover,
.pill[aria-pressed="true"] { background: var(--c-accent); border-color: var(--c-accent); color: #fff; }

.checker__result { margin-top: 14px; }

.checker-msg {
	padding: 12px 15px;
	border-radius: 10px;
	font-size: 13.5px;
	border: 1px solid;
}

.checker-msg--win { background: #ecfdf3; border-color: #a7e5c1; color: #14532d; }
.checker-msg--maybe { background: #fffbeb; border-color: #fde68a; color: #78350f; }
.checker-msg--maybe .checker-msg__amount { color: #b45309; }
.checker-msg--lose { background: #f8fafc; border-color: var(--c-line); color: var(--c-body); }
.checker-msg--error { background: #fef2f2; border-color: #fbc8c8; color: #7f1d1d; }

.checker-msg__amount {
	font-family: var(--font-head);
	font-size: 22px;
	font-weight: 800;
	display: block;
	color: var(--c-success);
}

.checker-msg ul { margin: 8px 0 0; padding-left: 18px; }

/* 9. Result rows ------------------------------------------------------------ */

.results-list { display: flex; flex-direction: column; }

.result-row {
	display: grid;
	grid-template-columns: auto minmax(0, 1.25fr) minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 13px 4px;
	border-bottom: 1px solid var(--c-line-soft);
}

.result-row:last-child { border-bottom: 0; }

.result-row__id { display: flex; flex-direction: column; min-width: 0; }

.result-row__name {
	font-weight: 700;
	font-size: 14px;
	color: var(--c-ink);
	text-decoration: none;
}

.result-row__name:hover { color: var(--c-accent); }
.result-row__date { font-size: 12px; color: var(--c-muted); }

.result-row__prize { display: flex; flex-direction: column; min-width: 0; }
.result-row__prize-label { font-size: 12.5px; color: var(--c-muted); }
.result-row__prize-label strong { color: var(--c-success); font-weight: 700; }

.result-row__ticket {
	font-family: var(--font-head);
	font-size: 15px;
	font-weight: 800;
	color: var(--c-ink);
	letter-spacing: .03em;
}

/* 10. Recent + trust -------------------------------------------------------- */

.recent__list { list-style: none; margin: 0; padding: 0; }

.recent__item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 9px 2px;
	border-bottom: 1px solid var(--c-line-soft);
}

.recent__item:last-child { border-bottom: 0; }
.recent__date { font-size: 12px; color: var(--c-muted); white-space: nowrap; }
.recent__name { font-size: 13px; font-weight: 600; }

.trust__body { display: flex; align-items: center; gap: 16px; }

.trust__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; flex: 1; }

.trust__list li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--c-body);
}

.trust__list .icon { color: var(--c-success); flex-shrink: 0; }

.trust__seal {
	color: var(--c-accent);
	background: linear-gradient(160deg, #e8f0ff, #dbe7fd);
	border-radius: 16px;
	padding: 12px;
	flex-shrink: 0;
}

/* 11. Quick links ----------------------------------------------------------- */

.quick-links {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 0;
	padding: 0;
	overflow: hidden;
}

.quick-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 14px;
	border-right: 1px solid var(--c-line-soft);
	color: var(--c-ink);
	text-decoration: none;
}

.quick-link:last-child { border-right: 0; }
.quick-link:hover { background: #f8faff; text-decoration: none; }

.quick-link__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px; height: 34px;
	border-radius: 10px;
	background: #eaf1ff;
	color: var(--c-accent);
	flex-shrink: 0;
}

.quick-link__text { display: flex; flex-direction: column; min-width: 0; }
.quick-link__title { font-size: 13px; font-weight: 700; }
.quick-link__sub { font-size: 11.5px; color: var(--c-muted); }

/* 12. Sidebar cards --------------------------------------------------------- */

.bigticket__body { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.bigticket__date { font-size: 12px; color: var(--c-muted); margin: 0 0 4px; }

.bigticket__prize {
	font-family: var(--font-head);
	font-size: 21px;
	font-weight: 800;
	color: var(--c-ink);
	margin: 0;
	line-height: 1.15;
}

.bigticket__ticket {
	font-family: var(--font-head);
	font-size: 17px;
	font-weight: 700;
	color: var(--c-body);
	margin: 2px 0 12px;
	letter-spacing: .03em;
}

.bigticket__mark {
	background: #111827;
	color: var(--c-gold);
	font-family: var(--font-head);
	font-weight: 800;
	font-size: 11px;
	letter-spacing: .04em;
	padding: 10px 8px;
	border-radius: 8px;
	transform: rotate(-4deg);
	text-align: center;
	line-height: 1.15;
	flex-shrink: 0;
}

.bigticket .btn { width: 100%; }

.subscribe__hint { font-size: 12.5px; color: var(--c-muted); margin: 8px 0 10px; }

.subscribe__form { display: flex; gap: 8px; }
.subscribe__form input { flex: 1; min-width: 0; }

.subscribe__result {
	margin: 10px 0 0;
	padding: 9px 12px;
	border-radius: 8px;
	font-size: 12.5px;
	border: 1px solid;
}

.subscribe__result--ok { background: #ecfdf3; border-color: #a7e5c1; color: #14532d; }
.subscribe__result--error { background: #fef2f2; border-color: #fbc8c8; color: #7f1d1d; }

.subscribe__consent { margin: 8px 0 0; font-size: 11.5px; color: var(--c-muted); }

.notice-bar--confirmed { background: var(--c-success); color: #fff; }
.notice-bar--unsubscribed { background: #e2e8f0; color: #1e293b; }
.notice-bar--invalid { background: var(--c-danger); color: #fff; }

.hero__watching {
	margin: 0 0 12px;
	font-size: 12.5px;
	color: #7dd3a8;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.hero__watching::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	animation: lucky-pulse 1.4s ease-in-out infinite;
}

.socials { display: flex; gap: 8px; list-style: none; margin: 14px 0 0; padding: 0; }

.socials__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px; height: 32px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.socials__link:hover { background: rgba(255, 255, 255, .2); text-decoration: none; }

.socials--light .socials__link { background: #eef2f9; color: var(--c-primary); }
.socials--light .socials__link:hover { background: var(--c-accent); color: #fff; }

/* 13. Result page ----------------------------------------------------------- */

.crumbs { font-size: 12.5px; color: var(--c-muted); }
.crumbs ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.crumbs li + li::before { content: "/"; margin-right: 6px; color: #cbd5e1; }

.result__head { border-bottom: 1px solid var(--c-line-soft); padding-bottom: 14px; margin-bottom: 16px; }
.result__head .flag--live { margin-bottom: 8px; }

.result__title { font-size: clamp(21px, 2.6vw, 27px); margin: 0 0 6px; }

.result__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	font-size: 13px;
	color: var(--c-muted);
	margin: 0;
}

.result__pdf { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; }

.result__notice {
	margin: 12px 0 0;
	padding: 10px 13px;
	border-radius: 9px;
	background: #fffbeb;
	border: 1px solid #fde68a;
	color: #78350f;
	font-size: 12.5px;
}

.result__first {
	background: linear-gradient(150deg, #0d1526, #101b30);
	border-radius: 12px;
	padding: 16px 20px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	border-left: 4px solid var(--accent, var(--c-accent));
}

.result__first-label { font-size: 12px; color: rgba(255, 255, 255, .62); }

.result__first-amount {
	font-family: var(--font-head);
	font-size: clamp(26px, 3.4vw, 34px);
	font-weight: 800;
	color: var(--c-gold);
	line-height: 1.1;
}

.result__first-ticket {
	font-family: var(--font-head);
	font-size: 21px;
	font-weight: 700;
	color: #fff;
	letter-spacing: .05em;
}

.tiers { display: flex; flex-direction: column; gap: 18px; }

.tier {
	border: 1px solid var(--c-line);
	border-radius: 12px;
	overflow: hidden;
}

.tier__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding: 11px 16px;
	background: #f7f9fd;
	border-bottom: 1px solid var(--c-line);
}

.tier__title { margin: 0; font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }

.tier__amount {
	font-family: var(--font-head);
	font-size: 15px;
	font-weight: 800;
	color: var(--c-success);
}

.tier__note { margin: 0; padding: 9px 16px 0; font-size: 12px; color: var(--c-muted); }

.numbers {
	list-style: none;
	margin: 0;
	padding: 14px 16px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 8px 14px;
}

.numbers--tail { grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); }

.numbers__item { display: flex; flex-direction: column; }

.numbers__ticket {
	font-family: var(--font-head);
	font-size: 15px;
	font-weight: 700;
	color: var(--c-ink);
	letter-spacing: .04em;
	font-variant-numeric: tabular-nums;
}

.numbers__place { font-size: 11px; color: var(--c-muted); text-transform: capitalize; }

.result__content { margin-top: 22px; }
.result__content--intro { margin: 0 0 22px; }
.result__content--intro > :last-child,
.result__content--outro > :last-child { margin-bottom: 0; }
.result__content h2 { font-size: 19px; margin-top: 1.4em; }
.result__content h3 { font-size: 16px; margin-top: 1.2em; }

.result__foot { margin-top: 22px; padding-top: 14px; border-top: 1px solid var(--c-line-soft); }
.result__disclaimer { font-size: 12px; color: var(--c-muted); margin: 0; }

/* 14. Lottery + archive ----------------------------------------------------- */

.lottery-hero { display: flex; align-items: center; gap: 16px; }
.lottery-hero__title { margin: 0 0 4px; font-size: clamp(22px, 3vw, 30px); }

.lottery-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 0;
	font-size: 13px;
	color: var(--c-muted);
}

.lottery-hero__prize { color: var(--c-success); font-weight: 700; }

/* Ticket verdict on the search page ---------------------------------------- */

.ticket-verdict { border-left: 4px solid var(--c-line); }

.ticket-verdict--win {
	border-left-color: var(--c-success);
	background: linear-gradient(180deg, #f4fdf7 0%, #fff 60%);
}

.ticket-verdict--none { border-left-color: var(--c-muted); }

.ticket-verdict__title { margin: 0 0 6px; font-size: clamp(17px, 2.2vw, 21px); }

.ticket-verdict__amount {
	font-family: var(--font-head);
	font-size: clamp(28px, 4vw, 38px);
	font-weight: 800;
	color: var(--c-success);
	line-height: 1.1;
	margin: 0;
}

.ticket-verdict__tier {
	font-size: 13px;
	font-weight: 600;
	color: var(--c-muted);
	text-transform: uppercase;
	letter-spacing: .06em;
	margin: 2px 0 14px;
}

.ticket-verdict__list { list-style: none; margin: 0 0 12px; padding: 0; }

.ticket-verdict__list li {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 6px 14px;
	padding: 9px 0;
	border-bottom: 1px solid var(--c-line-soft);
}

.ticket-verdict__list li:last-child { border-bottom: 0; }
.ticket-verdict__list a { font-weight: 600; font-size: 13.5px; }

.ticket-verdict__row-prize { font-size: 12.5px; color: var(--c-muted); }
.ticket-verdict__row-prize strong { color: var(--c-success); }
.ticket-verdict__row-prize code { font-size: 12px; letter-spacing: .04em; }

.ticket-verdict__note { font-size: 12.5px; color: var(--c-muted); margin: 0; }

.ticket-verdict__caveat {
	font-size: 13px;
	color: #78350f;
	background: #fffbeb;
	border: 1px solid #fde68a;
	border-radius: 8px;
	padding: 8px 12px;
	margin: 0 0 12px;
}

.archive-head__title { margin: 0 0 4px; font-size: clamp(21px, 2.6vw, 28px); }
.archive-head__sub { font-size: 13.5px; color: var(--c-muted); margin: 0 0 14px; }

.archive-filter { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.archive-filter select, .archive-filter input { width: auto; min-width: 170px; }

.pagination .nav-links { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; }

.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px; height: 38px;
	padding: 0 10px;
	border: 1px solid var(--c-line);
	border-radius: 9px;
	background: #fff;
	color: var(--c-ink);
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
}

.pagination .page-numbers:hover { border-color: var(--c-accent); color: var(--c-accent); }
.pagination .page-numbers.current { background: var(--c-primary); border-color: var(--c-primary); color: #fff; }

.schedule__table { width: 100%; border-collapse: collapse; font-size: 13.5px; }

.schedule__table th,
.schedule__table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--c-line-soft); }

.schedule__table thead th {
	font-size: 11.5px;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--c-muted);
	background: #f8fafd;
}

.schedule__table tbody th { font-weight: 700; color: var(--c-ink); white-space: nowrap; }
.schedule__prize { color: var(--c-success); font-weight: 700; white-space: nowrap; }

.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* 15. Prose & misc ---------------------------------------------------------- */

.prose { font-size: 15px; }
.prose__title { font-size: clamp(23px, 3vw, 31px); margin-bottom: .6em; }
.prose h2 { font-size: 20px; margin-top: 1.6em; }
.prose h3 { font-size: 17px; margin-top: 1.4em; }
.prose img { border-radius: 10px; }
.prose table { width: 100%; border-collapse: collapse; }
.prose td, .prose th { padding: 8px 10px; border: 1px solid var(--c-line); }

.post-list { display: flex; flex-direction: column; gap: var(--gap); }
.post-card { display: flex; gap: 16px; align-items: flex-start; }
.post-card__thumb { flex: 0 0 200px; border-radius: 10px; overflow: hidden; }
.post-card__title { font-size: 18px; margin: 0 0 4px; }
.post-card__meta { font-size: 12px; color: var(--c-muted); margin: 0 0 6px; }

.lucky-empty { padding: 26px; text-align: center; color: var(--c-muted); }

.error-404__title { font-size: clamp(23px, 3vw, 31px); }

.search-form { display: flex; gap: 8px; }
.search-form__submit { flex-shrink: 0; }

/* 16. Footer ---------------------------------------------------------------- */

.site-footer {
	background: var(--c-primary);
	color: rgba(255, 255, 255, .74);
	padding: 42px 0 34px;
	margin-top: 12px;
	font-size: 13px;
}

.footer-grid {
	display: grid;
	grid-template-columns: 1.5fr repeat(4, 1fr);
	gap: 30px;
	align-items: start;
}

.footer-col__title {
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin: 0 0 14px;
}

.footer-about,
.footer-disclaimer { line-height: 1.65; margin: 0 0 10px; }

.footer-copy { font-size: 12px; color: rgba(255, 255, 255, .5); margin: 14px 0 0; }

.footer-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.footer-links a { color: rgba(255, 255, 255, .74); text-decoration: none; }
.footer-links a:hover { color: #fff; text-decoration: underline; }

/* 17. Responsive ------------------------------------------------------------ */

@media (max-width: 1180px) {
	.ad-row { grid-template-columns: minmax(0, 1fr); justify-items: center; }
	.ad-row .lre-ad--home_rect_left,
	.ad-row .lre-ad--home_rect_right { display: none; }
}

@media (max-width: 1024px) {
	:root { --side-width: 300px; }

	.layout { grid-template-columns: minmax(0, 1fr); }
	.layout__side { position: static; flex-direction: row; flex-wrap: wrap; justify-content: center; }
	.layout__side > * { flex: 1 1 300px; max-width: 100%; }
	.layout__side .lre-ad--sidebar_skyscraper { display: none; }

	.footer-grid { grid-template-columns: repeat(3, 1fr); }
	.footer-col--about { grid-column: 1 / -1; }
}

@media (max-width: 900px) {
	.nav { display: none; }
	.nav-toggle { display: inline-flex; }

	.hero { grid-template-columns: minmax(0, 1fr); }
	.split { grid-template-columns: minmax(0, 1fr); }

	.result-row {
		grid-template-columns: auto minmax(0, 1fr);
		grid-template-areas:
			"badge id"
			"prize prize"
			"btn btn";
		gap: 8px 12px;
	}

	.result-row .badge { grid-area: badge; }
	.result-row__id { grid-area: id; }
	.result-row__prize { grid-area: prize; flex-direction: row; align-items: baseline; gap: 10px; }
	.result-row .btn { grid-area: btn; justify-self: start; }

	.checker__form { grid-template-columns: minmax(0, 1fr); }
	.checker__submit { width: 100%; }

	.quick-link { border-right: 0; border-bottom: 1px solid var(--c-line-soft); }
}

@media (max-width: 640px) {
	body { font-size: 14.5px; }

	.container { padding-inline: 14px; }

	.site-header__inner { min-height: 58px; gap: 12px; }
	.brand__name { font-size: 19px; }
	.brand__tagline { display: none; }

	.hero__result, .hero__next { padding: 16px; }

	.countdown__unit { min-width: 54px; padding: 7px 9px 5px; }
	.countdown__value { font-size: 22px; }

	.chips { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }

	.numbers { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
	.numbers--tail { grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); }

	.trust__body { flex-direction: column-reverse; align-items: flex-start; }

	.footer-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }

	.lre-ad--mobile_sticky { display: flex; }
	body:has(.lre-ad--mobile_sticky) .site-footer { padding-bottom: 70px; }
}

@media (max-width: 420px) {
	.footer-grid { grid-template-columns: 1fr; }
	.post-card { flex-direction: column; }
	.post-card__thumb { flex: none; width: 100%; }
}

/* 18. Print ----------------------------------------------------------------- */

@media print {
	.site-header, .site-footer, .lre-ad, .checker, .quick-links,
	.layout__side, .pagination, .card__more { display: none !important; }

	.layout { grid-template-columns: 1fr; }
	.card { border: 0; box-shadow: none; padding: 0; }
	.result__first { background: none; color: #000; border-left: 3px solid #000; }
	.result__first-amount, .result__first-ticket, .result__first-label { color: #000; }
	body { background: #fff; font-size: 12px; }
	.numbers { grid-template-columns: repeat(6, 1fr); }
}