/*
Theme Name: Tokendelgen KZ
Theme URI: https://kztok.com/
Author: DETOFI
Description: Project KZTOK.
Version: 1.0.8
Text Domain: kztok-com
*/
:root{--blue:#009fbd;--blue2:#08728c;--red:#f4cf17;--cream:#f0fbfd;--paper:#ffffff;--text:#143344;--muted:#55717e;--line:rgba(0,159,189,.16);--max:1320px;--shadow:0 20px 60px rgba(22,45,75,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.kz-shell{width:min(var(--max),calc(100% - 48px));margin:auto}
.kz-header{height:96px;background:rgba(240,251,253,.96);border-top:4px solid var(--red);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.kz-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.kz-brand{display:flex;align-items:center;gap:12px}.kz-brand img{width:62px;height:62px;object-fit:contain}.kz-brand-text strong{font-size:24px;letter-spacing:.01em;color:var(--blue)}.kz-brand-text strong span{color:var(--red)}.kz-brand-text small{display:block;color:#78818a;font-weight:700;letter-spacing:.04em}.kz-nav{display:flex;align-items:center;gap:30px;font-weight:800;font-size:13px;text-transform:uppercase}.kz-nav a:hover{color:var(--blue2)}.kz-menu{display:none;border:1px solid var(--red);border-radius:10px;background:transparent;color:var(--blue);font-size:24px;width:44px;height:44px}
.kz-hero{min-height:700px;display:flex;align-items:center;overflow:hidden;position:relative}.kz-hero-inner{width:min(1500px,100%);margin:auto;display:grid;grid-template-columns:43% 57%;align-items:center;min-height:700px}.kz-copy{padding:70px 20px 70px max(40px,calc((100vw - var(--max))/2))}.kz-kicker,.kz-eyebrow{color:var(--blue);font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:14px}.kz-hero h1{font-size:clamp(54px,5vw,82px);line-height:.94;margin:18px 0 24px;color:var(--blue);letter-spacing:-.04em}.kz-hero h1 span{display:block;color:var(--blue2)}.kz-lead{font-size:19px;max-width:600px;color:#39434d}.kz-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.kz-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:7px;font-weight:900;text-transform:uppercase;font-size:13px}.kz-btn-primary{background:var(--blue);color:#fff}.kz-btn-primary:hover{background:var(--blue2)}.kz-btn-ghost{border:1px solid var(--blue);color:var(--blue);background:rgba(255,255,255,.35)}.kz-visual{height:700px;display:flex;align-items:center;justify-content:center;position:relative}.kz-visual img{width:110%;max-width:none;transform:translateX(-2%);filter:drop-shadow(0 30px 35px rgba(0,48,100,.12))}
.kz-features{position:relative;margin-top:-58px;z-index:3}.kz-feature-grid{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);border-radius:22px;display:grid;grid-template-columns:repeat(4,1fr);padding:25px 20px}.kz-feature{padding:10px 26px;border-right:1px solid var(--line)}.kz-feature:last-child{border:0}.kz-feature b{display:block;color:var(--blue);text-transform:uppercase;margin-bottom:4px}.kz-feature i{font-style:normal;font-size:27px;color:var(--red)}
.kz-section{padding:100px 0}.kz-section-white{background:rgba(255,255,255,.48)}.kz-center{text-align:center;max-width:850px;margin:auto}.kz-title{font-size:clamp(36px,4vw,58px);line-height:1.05;color:var(--blue);margin:10px 0 22px;letter-spacing:-.03em}.kz-title span{color:var(--red)}.kz-intro{font-size:18px;color:var(--muted)}.kz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}.kz-card{background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 10px 30px rgba(16,56,100,.05)}.kz-card h3{color:var(--blue);font-size:23px;margin:5px 0 12px}.kz-card-num{color:var(--red);font-weight:900;font-size:13px}.kz-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}.kz-pillar{background:var(--blue);color:#fff;border-radius:18px;padding:30px}.kz-pillar:nth-child(even){background:var(--blue2)}.kz-pillar h3{font-size:21px}.kz-pillar p{color:#e6eef8}.kz-cta{background:linear-gradient(120deg,var(--blue2),#06495f);color:#fff}.kz-cta .kz-title,.kz-cta .kz-eyebrow{color:#fff}.kz-cta .kz-intro{color:#dce9f8}.kz-footer{background:#073d52;color:#d8e4f2;padding:38px 0}.kz-footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.kz-footer img{width:52px}.kz-footer-brand{display:flex;align-items:center;gap:12px;font-weight:900}
.kz-reveal-left,.kz-reveal-right,.kz-reveal-up{opacity:0;transition:.8s ease}.kz-reveal-left{transform:translateX(-35px)}.kz-reveal-right{transform:translateX(35px)}.kz-reveal-up{transform:translateY(28px)}.kz-visible{opacity:1;transform:none}
@media(max-width:900px){.kz-header{height:76px}.kz-shell{width:min(100% - 28px,var(--max))}.kz-brand img{width:48px;height:48px}.kz-brand-text strong{font-size:19px}.kz-brand-text small{display:none}.kz-menu{display:block}.kz-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--cream);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.kz-nav.open{display:flex}.kz-hero,.kz-hero-inner{min-height:auto}.kz-hero-inner{display:flex;flex-direction:column}.kz-visual{order:1;width:100%;height:390px;overflow:hidden}.kz-visual img{width:120%;transform:none}.kz-copy{order:2;padding:42px 28px 110px;width:100%}.kz-hero h1{font-size:50px}.kz-features{margin-top:-65px}.kz-feature-grid{grid-template-columns:1fr 1fr}.kz-feature:nth-child(2){border-right:0}.kz-feature{border-bottom:1px solid var(--line)}.kz-feature:nth-child(3),.kz-feature:nth-child(4){border-bottom:0}.kz-grid,.kz-pillars{grid-template-columns:1fr 1fr}.kz-section{padding:75px 0}}
@media(max-width:560px){.kz-brand-text strong{font-size:17px}.kz-visual{height:315px}.kz-visual img{width:110%}.kz-copy{padding-left:22px;padding-right:22px}.kz-hero h1{font-size:43px}.kz-lead{font-size:16px}.kz-feature-grid,.kz-grid,.kz-pillars{grid-template-columns:1fr}.kz-feature{border-right:0;border-bottom:1px solid var(--line)!important}.kz-feature:last-child{border-bottom:0!important}.kz-buttons{flex-direction:column}.kz-btn{width:100%}.kz-footer-inner{flex-direction:column;text-align:center}}
/* =========================================================
   KZTOK.COM – HERO DESKTOP FINAL FIX
   ========================================================= */

@media (min-width: 901px) {

	.kz-hero {
		min-height: 700px;
		overflow: hidden;
	}

	.kz-hero-inner {
		width: min(1500px, calc(100% - 80px));
		margin: 0 auto;

		display: grid;
		grid-template-columns: 46% 54%;
		align-items: center;

		min-height: 700px;
	}

	/* HERO bez posuvnej animácie */
	.kz-hero .kz-reveal-left,
	.kz-hero .kz-reveal-right {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}

	/* LEVÝ BLOK */
	.kz-copy {
		width: 100% !important;
		min-width: 0 !important;

		padding: 65px 35px 65px 0 !important;

		position: relative;
		z-index: 3;
	}

	.kz-kicker {
		margin: 0 0 14px;
	}

	.kz-hero h1 {
		margin: 0 0 28px;

		font-size: clamp(52px, 4.25vw, 74px);
		line-height: .94;
		letter-spacing: -.045em;

		width: 100%;
		max-width: 660px;
	}

	.kz-hero h1 span {
		display: block;
		color: var(--red);
	}

	.kz-lead {
		width: 100%;
		max-width: 530px;

		font-size: 19px;
		line-height: 1.55;
	}

	/* PRAVÝ HERO OBRÁZOK */
	.kz-visual {
		width: 100%;
		min-width: 0;
		height: 700px;

		display: flex;
		align-items: center;
		justify-content: center;

		position: relative;
		z-index: 2;

		transform: none !important;
	}

	.kz-visual img {
		display: block;

		width: 112%;
		max-width: none;
		height: auto;

		transform: translateX(-2%) !important;

		filter: drop-shadow(
			0 30px 35px rgba(0,48,100,.12)
		);
	}
}
/* =========================================================
   KZTOK.COM – POSTER POPUP
   ========================================================= */

.cz-popup-open {
	overflow: hidden;
}

.cz-poster-popup {
	position: fixed;
	inset: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 30px;

	opacity: 0;
	visibility: hidden;

	z-index: 999999;

	transition:
		opacity .3s ease,
		visibility .3s ease;
}

.cz-poster-popup.is-active {
	opacity: 1;
	visibility: visible;
}


/* =========================================================
   BACKDROP
   ========================================================= */

.cz-poster-backdrop {
	position: absolute;
	inset: 0;

	background: rgba(5, 15, 30, .76);

	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
}


/* =========================================================
   COUNTDOWN
   ========================================================= */

.cz-poster-countdown {
	position: relative;
	z-index: 3;

	width: 220px;
	height: 220px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	background: rgba(255,255,255,.97);

	border: 3px solid #e2b900;
	border-radius: 50%;

	box-shadow:
		0 30px 80px rgba(0,0,0,.30);

	transition:
		opacity .35s ease,
		transform .35s ease;
}

.cz-poster-countdown.is-hidden {
	opacity: 0;
	transform: scale(.8);
	pointer-events: none;
}

.cz-countdown-label {
	margin-bottom: 5px;

	color: #08728c;

	font-size: 15px;
	font-weight: 900;

	letter-spacing: .08em;
}

.cz-countdown-number {
	color: #e2b900;

	font-size: 76px;
	font-weight: 900;

	line-height: 1;
	letter-spacing: -.05em;
}


/* START je širší než číslo */

.cz-countdown-number:not(:empty) {
	text-align: center;
}


/* =========================================================
   POSTER WINDOW
   ========================================================= */

.cz-poster-window {
	position: absolute;
	z-index: 4;

	max-width: min(520px, 82vw);
	max-height: 88vh;

	opacity: 0;

	transform:
		scale(.92)
		translateY(20px);

	pointer-events: none;

	transition:
		opacity .45s ease,
		transform .45s ease;
}

.cz-poster-window.is-visible {
	opacity: 1;

	transform:
		scale(1)
		translateY(0);

	pointer-events: auto;
}

.cz-poster-window img {
	display: block;

	width: auto;
	max-width: 100%;

	height: auto;
	max-height: 88vh;

	margin: auto;

	border-radius: 6px;

	box-shadow:
		0 35px 90px rgba(0,0,0,.45);
}


/* =========================================================
   CLOSE
   ========================================================= */

.cz-poster-close {
	position: absolute;

	top: -17px;
	right: -17px;

	width: 42px;
	height: 42px;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 0;

	background: #ffffff;

	color: #20242b;

	border: 0;
	border-radius: 50%;

	font-size: 28px;
	font-weight: 400;

	line-height: 1;

	box-shadow:
		0 6px 20px rgba(0,0,0,.20);

	cursor: pointer;

	z-index: 5;
}

.cz-poster-close:hover {
	background: #e2b900;
	color: #ffffff;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

	.cz-poster-popup {
		padding: 0;
	}

	.cz-poster-backdrop {
		background: rgba(0,0,0,.92);
	}

	.cz-poster-countdown {
		width: 180px;
		height: 180px;
	}

	.cz-countdown-number {
		font-size: 62px;
	}

	.cz-countdown-label {
		font-size: 13px;
	}


	/* téměř přes celý mobil */

	.cz-poster-window {
		width: 100%;
		max-width: 100%;

		height: 100dvh;
		max-height: 100dvh;

		display: flex;
		align-items: center;
		justify-content: center;

		padding: 12px;
	}

	.cz-poster-window img {
		width: auto;
		max-width: 100%;

		height: auto;
		max-height: calc(100dvh - 24px);

		border-radius: 0;
	}

	.cz-poster-close {
		position: fixed;

		top: 14px;
		right: 14px;

		width: 44px;
		height: 44px;

		background: rgba(255,255,255,.95);

		z-index: 10;
	}

}
/* =========================================================
   KZTOK.COM – LETÁK 5 SEKUND
   ========================================================= */

.cz-popup-open {
	overflow: hidden;
}

.cz-poster-popup {
	position: fixed;
	inset: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 25px;

	background: transparent;

	opacity: 0;
	visibility: hidden;

	z-index: 999999;

	transition:
		opacity .25s ease,
		visibility .25s ease;
}

.cz-poster-popup.is-active {
	opacity: 1;
	visibility: visible;
}


/* tmavé okolí */

.cz-poster-backdrop {
	position: absolute;
	inset: 0;

	background: rgba(5, 12, 25, .78);

	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}


/* =========================================================
   LETÁK – PC
   ========================================================= */

.cz-poster-window {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	max-width: 480px;
	max-height: 90vh;

	z-index: 2;

	animation: czPosterIn .35s ease both;
}

.cz-poster-window img {
	display: block;

	width: auto;
	max-width: 100%;

	height: auto;
	max-height: 90vh;

	border-radius: 5px;

	box-shadow:
		0 30px 80px rgba(0,0,0,.45);
}


/* =========================================================
   ZAVŘÍT
   ========================================================= */

.cz-poster-close {
	position: absolute;

	top: -17px;
	right: -17px;

	width: 44px;
	height: 44px;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 0;

	background: #ffffff;
	color: #17202b;

	border: 0;
	border-radius: 50%;

	font-size: 29px;
	font-weight: 400;
	line-height: 1;

	cursor: pointer;

	box-shadow:
		0 5px 20px rgba(0,0,0,.25);

	z-index: 5;
}

.cz-poster-close:hover {
	background: #e2b900;
	color: #ffffff;
}


/* =========================================================
   ODPOČET 5 4 3 2 1
   ========================================================= */

.cz-poster-timer {
	position: absolute;

	top: 12px;
	left: 12px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 40px;
	height: 40px;

	background: rgba(255,255,255,.94);
	color: #e2b900;

	border-radius: 50%;

	font-size: 17px;
	font-weight: 900;

	box-shadow:
		0 4px 14px rgba(0,0,0,.18);

	z-index: 4;
}


/* =========================================================
   ANIMACE
   ========================================================= */

@keyframes czPosterIn {

	from {
		opacity: 0;
		transform: scale(.94);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}

}


/* =========================================================
   MOBILE – LETÁK TÉMĚŘ PŘES CELÝ DISPLEJ
   ========================================================= */

@media (max-width: 700px) {

	.cz-poster-popup {
		padding: 8px;
	}

	.cz-poster-backdrop {
		background: rgba(0,0,0,.9);
	}

	.cz-poster-window {
		width: 100%;
		height: 100dvh;

		max-width: none;
		max-height: 100dvh;

		padding: 6px;
	}

	.cz-poster-window img {
		width: auto;
		max-width: 100%;

		height: auto;
		max-height: calc(100dvh - 12px);

		border-radius: 0;
	}

	.cz-poster-close {
		position: fixed;

		top: 12px;
		right: 12px;
	}

	.cz-poster-timer {
		position: fixed;

		top: 12px;
		left: 12px;
	}
}
/* =========================================================
   NATIONAL TOKENIZATION STRIP
   KZTOK / REGIONAL PLATFORMS
   ========================================================= */

.tok-country-strip {
	padding: 44px 20px;
	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.92) 0%,
			rgba(247,247,244,.96) 100%
		);
	border-top: 1px solid rgba(0,0,0,.06);
	border-bottom: 1px solid rgba(0,0,0,.06);
}

.tok-country-strip-inner {
	width: min(1180px, 100%);
	margin: 0 auto;

	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-items: center;
	gap: 24px;
}

.tok-country-item {
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	min-height: 190px;
	padding: 20px 18px;

	text-align: center;
	text-decoration: none;

	border-radius: 18px;

	transition:
		transform .25s ease,
		background .25s ease,
		box-shadow .25s ease;
}

.tok-country-item:hover {
	transform: translateY(-5px);
	background: #fff;
	box-shadow: 0 16px 40px rgba(0,0,0,.08);
}


/* oddělovací čáry */

.tok-country-item + .tok-country-item::before {
	content: "";

	position: absolute;
	left: -12px;
	top: 18%;
	bottom: 18%;

	width: 1px;

	background: rgba(0,0,0,.09);
}


/* logo */

.tok-country-item img {
	display: block;

	width: auto;
	height: 118px;
	max-width: 150px;

	object-fit: contain;

	margin: 0 auto 15px;

	transition: transform .25s ease;
}

.tok-country-item:hover img {
	transform: scale(1.045);
}


/* domain */

.tok-country-item span {
	display: block;

	color: #17211b;

	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;

	letter-spacing: -.01em;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

	.tok-country-strip-inner {
		grid-template-columns: repeat(2, 1fr);
		max-width: 700px;
	}

	.tok-country-item + .tok-country-item::before {
		display: none;
	}

	.tok-country-item:nth-child(3),
	.tok-country-item:nth-child(4) {
		border-top: 1px solid rgba(0,0,0,.07);
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 560px) {

	.tok-country-strip {
		padding: 30px 16px;
	}

	.tok-country-strip-inner {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.tok-country-item {
		min-height: 150px;
		padding: 15px 8px;
	}

	.tok-country-item img {
		height: 88px;
		max-width: 110px;
		margin-bottom: 10px;
	}

	.tok-country-item span {
		font-size: 14px;
	}
}
.tok-country-heading {
	grid-column: 1 / -1;
	text-align: center;
	margin: 0 0 25px;
}

.tok-country-heading span {
	display: block;
	margin-bottom: 8px;

	font-size: 14px;
	font-weight: 900;
	letter-spacing: .12em;

	color: #315f48;
}

.tok-country-heading h2 {
	margin: 0;

	font-size: clamp(28px, 3vw, 44px);
	line-height: 1.08;
	font-weight: 800;
	letter-spacing: -.035em;

	color: #17211b;
}


/* =========================================
   KZTOK – FLYERS
   Desktop 5 / Tablet 2 / Mobile 1
   ========================================= */

.v4-flyers {
    width: 100%;
    padding: 70px 24px;
    background: #f5f7fa;
}

.v4-flyers-inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.v4-flyers-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
}

/* FLYER CARD */

.v4-flyer-card {
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(20, 40, 70, 0.12);
    border-radius: 8px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

/* IMAGE */

.v4-flyer-card img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* HOVER */

.v4-flyer-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.13);
}

/* =========================================
   TABLET – 2 COLUMNS
   ========================================= */

@media (max-width: 1100px) {

    .v4-flyers {
        padding: 55px 20px;
    }

    .v4-flyers-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    /* Fifth flyer centered */
    .v4-flyer-card:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        width: calc((100% - 24px) / 2);
        justify-self: center;
    }
}

/* =========================================
   MOBILE – 1 COLUMN
   ========================================= */

@media (max-width: 600px) {

    .v4-flyers {
        padding: 40px 16px;
    }

    .v4-flyers-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .v4-flyer-card {
        width: 100%;
        max-width: 440px;
        margin: 0 auto;
    }

    .v4-flyer-card:last-child:nth-child(odd) {
        grid-column: auto;
        width: 100%;
    }

    .v4-flyer-card:hover {
        transform: none;
    }
}

/* KZTOK – Kazakhstan palette finishing touches */
.kz-brand-text strong span{color:#d2a900}
.kz-hero h1 span,.kz-title span{color:#087f9c}
.kz-feature i,.kz-card-num{color:#bb9200}
.kz-pillar{border-top:4px solid #f4cf17}
.kz-btn-primary{background:#009fbd;color:#fff}
.kz-btn-primary:hover{background:#08728c}
.kz-nav a:hover{color:#08728c}
.kz-header{border-top-color:#f4cf17}
.kz-footer{border-top:4px solid #f4cf17}
@media(prefers-reduced-motion:reduce){.kz-reveal-left,.kz-reveal-right,.kz-reveal-up{opacity:1;transform:none;transition:none}}


/* ==========================================
   KZTOK – POSTS & PAGINATION
========================================== */

.kz-card h2 a {
    color: var(--blue);
    transition: color .25s ease;
}

.kz-card h2 a:hover {
    color: var(--red);
}

.kz-post-excerpt {
    color: var(--muted);
    font-size: 16px;
    line-height: 1.7;
}

.kz-post-more {
    display: inline-block;
    margin-top: 15px;
    color: var(--blue);
    font-weight: 800;
}

.kz-post-more:hover {
    color: var(--red);
}

.kz-pagination {
    margin-top: 55px;
    text-align: center;
}

.kz-pagination .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.kz-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    color: var(--blue);
    font-weight: 800;
}

.kz-pagination .page-numbers.current,
.kz-pagination .page-numbers:hover {
    background: var(--blue);
    color: #fff;
}


/* ==========================================
   TOKKZ – THREE LOGO NETWORK
   DESKTOP 3 / MOBILE 1
========================================== */

.tokkz-network {
    padding: 85px 24px;
    background: linear-gradient(
        180deg,
        #f1fafc 0%,
        #e6f5f8 100%
    );
}

.tokkz-network-inner {
    max-width: 1280px;
    margin: 0 auto;
}

/* HEADING */

.tokkz-network-head {
    text-align: center;
    margin-bottom: 45px;
}

.tokkz-network-head p {
    margin: 0 0 12px;
    color: #078da8;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .12em;
}

.tokkz-network-head h2 {
    margin: 0;
    color: #143344;
    font-size: clamp(28px, 3.5vw, 46px);
    line-height: 1.15;
    font-weight: 900;
}

.tokkz-network-head h2 span {
    color: #009fbd;
}

/* GRID */

.tokkz-network-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

/* CARD */

.tokkz-network-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 35px 25px;
    min-width: 0;
    min-height: 320px;

    text-align: center;
    text-decoration: none;

    background: rgba(255,255,255,.9);
    border: 1px solid rgba(0,159,189,.16);
    border-top: 4px solid #f4cf17;
    border-radius: 18px;

    box-shadow: 0 12px 35px rgba(0,65,90,.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.tokkz-network-card:hover {
    transform: translateY(-6px);
    border-color: rgba(0,159,189,.45);
    box-shadow: 0 20px 45px rgba(0,65,90,.12);
}

/* LOGO */

.tokkz-network-card img {
    display: block;

    width: 100%;
    max-width: 210px;
    height: 190px;

    object-fit: contain;

    margin: 0 auto 22px;
}

/* DOMAIN */

.tokkz-network-card strong {
    display: block;
    color: #08728c;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: .015em;
}

/* DESCRIPTION */

.tokkz-network-card span {
    display: block;
    margin-top: 7px;
    color: #55717e;
    font-size: 15px;
    font-weight: 600;
}

/* TABLET */

@media (max-width: 900px) {

    .tokkz-network-grid {
        gap: 16px;
    }

    .tokkz-network-card {
        padding: 25px 14px;
        min-height: 280px;
    }

    .tokkz-network-card img {
        max-width: 160px;
        height: 155px;
    }

    .tokkz-network-card strong {
        font-size: 18px;
    }
}

/* MOBILE – 1 COLUMN */

@media (max-width: 650px) {

    .tokkz-network {
        padding: 55px 18px;
    }

    .tokkz-network-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        max-width: 420px;
        margin: 0 auto;
    }

    .tokkz-network-card {
        min-height: 290px;
        padding: 30px 20px;
    }

    .tokkz-network-card img {
        max-width: 210px;
        height: 190px;
    }

    .tokkz-network-card strong {
        font-size: 21px;
    }
}

/* =====================================================
   TOKKZ – FLYERS GRID
===================================================== */

.tokkz-flyers {
    width: 100%;
    padding: 80px 24px;
    background: #061c30;
}

.tokkz-flyers-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.tokkz-flyers-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    align-items: start;
}

/* FLYER */

.tokkz-flyer {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 215, 0, 0.25);
    border-radius: 10px;
    background: #092a43;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.tokkz-flyer img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* HOVER */

.tokkz-flyer:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 45px rgba(0, 0, 0, 0.4);
}

/* TABLET */

@media (max-width: 900px) {

    .tokkz-flyers-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

}

/* MOBILE */

@media (max-width: 600px) {

    .tokkz-flyers {
        padding: 45px 16px;
    }

    .tokkz-flyers-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .tokkz-flyer {
        max-width: 440px;
        width: 100%;
        margin: 0 auto;
    }

}