body.blog,
body.archive.category,
body.archive.tag,
body.archive.date,
body.archive.author,
body.search{
	background:#fff;
}

.wk-blog-archive{
	position:relative;
	padding:34px 0 70px;
	background:
		radial-gradient(circle at 95% 5%,rgba(23,105,255,.08),transparent 34%),
		linear-gradient(180deg,#fff 0%,#f8fbff 100%);
	direction:rtl;
	overflow:hidden;
}

.wk-blog-archive-shell{
	position:relative;
	z-index:1;
}

.wk-blog-archive-head{
	position:relative;
	margin-bottom:28px;
	padding:28px 30px;
	border:1px solid rgba(23,105,255,.14);
	border-radius:28px;
	background:
		radial-gradient(circle at 0 0,rgba(77,163,255,.16),transparent 32%),
		linear-gradient(135deg,#fff 0%,#f5f9ff 100%);
	box-shadow:0 20px 54px rgba(16,24,40,.07);
	overflow:hidden;
}

.wk-blog-archive-head:before{
	content:"";
	position:absolute;
	inset:auto 24px 0 24px;
	height:3px;
	border-radius:99px;
	background:linear-gradient(90deg,rgba(23,105,255,0),#1769ff,rgba(23,105,255,0));
	opacity:.75;
}

.wk-blog-archive-kicker{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:34px;
	padding:0 14px;
	margin-bottom:12px;
	border-radius:999px;
	background:#eef6ff;
	color:#1769ff;
	font-size:12px;
	font-weight:950;
}

.wk-blog-archive-head h1{
	margin:0;
	color:#111827;
	font-size:32px;
	font-weight:950;
	line-height:1.65;
	letter-spacing:-.03em;
}

.wk-blog-archive-head h1 span{
	color:#1769ff;
}

.wk-blog-archive-desc{
	max-width:780px;
	margin:10px 0 0;
	color:#667085;
	font-size:15px;
	font-weight:750;
	line-height:2;
}

.wk-blog-archive-layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) 330px;
	gap:28px;
	align-items:start;
}

.wk-blog-posts-area{
	min-width:0;
}

.wk-blog-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:20px;
}

.wk-blog-card{
	position:relative;
	min-width:0;
	display:flex;
	flex-direction:column;
	border:1px solid rgba(23,105,255,.13);
	border-radius:24px;
	background:#fff;
	box-shadow:0 16px 42px rgba(16,24,40,.07);
	overflow:hidden;
	transition:.22s ease;
}

.wk-blog-card:hover{
	transform:translateY(-4px);
	box-shadow:0 22px 58px rgba(23,105,255,.13);
	border-color:rgba(23,105,255,.24);
}

.wk-blog-card-media{
	position:relative;
	display:block;
	aspect-ratio:16/10;
	background:#eef4ff;
	overflow:hidden;
}

.wk-blog-card-media img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transition:.35s ease;
}

.wk-blog-card:hover .wk-blog-card-media img{
	transform:scale(1.045);
}

.wk-blog-card-placeholder{
	width:100%;
	height:100%;
	display:grid;
	place-items:center;
	background:linear-gradient(135deg,#eef6ff,#f8fbff);
	color:#1769ff;
}

.wk-blog-card-placeholder svg{
	width:64px;
	height:64px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
}

.wk-blog-card-cat{
	position:absolute;
	top:12px;
	right:12px;
	min-height:30px;
	padding:5px 12px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	background:rgba(255,255,255,.92);
	color:#1769ff;
	font-size:11px;
	font-weight:950;
	box-shadow:0 10px 22px rgba(16,24,40,.13);
	backdrop-filter:blur(10px);
}

.wk-blog-card-body{
	position:relative;
	flex:1;
	display:flex;
	flex-direction:column;
	padding:17px;
}

.wk-blog-card-meta{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
	margin-bottom:10px;
	color:#8a94a6;
	font-size:11px;
	font-weight:850;
}

.wk-blog-card-meta span{
	position:relative;
	display:inline-flex;
	align-items:center;
}

.wk-blog-card-meta span:not(:last-child):after{
	content:"";
	width:4px;
	height:4px;
	margin-right:8px;
	border-radius:50%;
	background:#c9d4e8;
}

.wk-blog-card h2{
	margin:0 0 10px;
	font-size:18px;
	font-weight:950;
	line-height:1.8;
	letter-spacing:-.02em;
}

.wk-blog-card h2 a{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	color:#111827;
	text-decoration:none!important;
}

.wk-blog-card p{
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:78px;
	margin:0 0 16px;
	color:#667085;
	font-size:13px;
	font-weight:700;
	line-height:2;
}

.wk-blog-card-more{
	margin-top:auto;
	height:42px;
	padding:0 14px;
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	border:1px solid rgba(23,105,255,.13);
	border-radius:14px;
	background:linear-gradient(135deg,#f7fbff,#eef6ff);
	color:#1769ff;
	font-size:13px;
	font-weight:950;
	text-decoration:none!important;
	transition:.2s ease;
}

.wk-blog-card-more svg{
	width:18px;
	height:18px;
	fill:none;
	stroke:currentColor;
	stroke-width:2.2;
	stroke-linecap:round;
	stroke-linejoin:round;
	transform:rotate(180deg);
}

.wk-blog-card-more:hover{
	background:#1769ff;
	color:#fff;
	border-color:#1769ff;
}

.wk-blog-sidebar{
	position:sticky;
	top:96px;
	min-width:0;
	display:grid;
	gap:24px;
}

.wk-blog-side-widget{
	position:relative;
	border:1px solid rgba(23,105,255,.13);
	border-radius:24px;
	background:rgba(255,255,255,.95);
	box-shadow:0 16px 42px rgba(16,24,40,.07);
	overflow:hidden;
}

.wk-blog-side-head{
	min-height:58px;
	padding:16px 18px 10px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
}

.wk-blog-side-head h2{
	position:relative;
	margin:0;
	color:#111827;
	font-size:18px;
	font-weight:950;
	line-height:1.8;
}

.wk-blog-side-head h2:after{
	content:"";
	position:absolute;
	right:0;
	bottom:-5px;
	width:88px;
	height:3px;
	border-radius:99px;
	background:#1769ff;
}

.wk-blog-side-head a{
	min-width:76px;
	height:30px;
	padding:0 11px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:1px solid #dbe8ff;
	border-radius:14px;
	color:#1769ff;
	background:#fff;
	font-size:11px;
	font-weight:900;
	white-space:nowrap;
}

.wk-blog-products-scroll{
	max-height:502px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:0 14px 14px;
	scrollbar-width:thin;
	scrollbar-color:#1769ff #edf4ff;
}

.wk-blog-products-scroll::-webkit-scrollbar{
	width:6px;
}

.wk-blog-products-scroll::-webkit-scrollbar-track{
	background:#edf4ff;
	border-radius:99px;
}

.wk-blog-products-scroll::-webkit-scrollbar-thumb{
	background:#1769ff;
	border-radius:99px;
}

.wk-blog-product-row{
	min-height:82px;
	display:grid;
	grid-template-columns:60px minmax(0,1fr);
	gap:11px;
	align-items:center;
	padding:9px 0;
	border-bottom:1px solid #edf1f7;
	text-decoration:none!important;
}

.wk-blog-product-img{
	width:60px;
	height:60px;
	padding:3px;
	display:block;
	border:2px dashed #1769ff;
	border-radius:50%;
	background:#fff;
	overflow:hidden;
}

.wk-blog-product-img img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	border-radius:50%;
}

.wk-blog-product-info{
	min-width:0;
	display:grid;
	gap:4px;
}

.wk-blog-product-info strong{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	color:#101828;
	font-size:13px;
	font-weight:950;
	line-height:1.75;
}

.wk-blog-product-info small,
.wk-blog-product-info .amount{
	color:#003e9f!important;
	font-size:12px;
	font-weight:950;
}

.wk-blog-side-posts{
	display:grid;
	gap:10px;
	padding:0 14px 14px;
	max-height:420px;
	overflow-y:auto;
	scrollbar-width:thin;
	scrollbar-color:#1769ff #edf4ff;
}

.wk-blog-side-post{
	min-height:78px;
	display:grid;
	grid-template-columns:64px minmax(0,1fr);
	grid-template-rows:auto auto;
	gap:4px 10px;
	align-items:center;
	padding:10px;
	border:1px solid rgba(23,105,255,.10);
	border-radius:16px;
	background:linear-gradient(135deg,#fff,#f8fbff);
	text-decoration:none!important;
}

.wk-blog-side-post span{
	grid-row:1/3;
	width:64px;
	height:58px;
	border-radius:12px;
	overflow:hidden;
	background:#eef4ff;
}

.wk-blog-side-post img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.wk-blog-side-post strong{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	color:#101828;
	font-size:13px;
	font-weight:950;
	line-height:1.7;
}

.wk-blog-side-post small{
	color:#8a94a6;
	font-size:11px;
	font-weight:800;
}

.wk-blog-cat-list{
	display:grid;
	gap:9px;
	padding:0 14px 14px;
}

.wk-blog-cat-list a{
	height:44px;
	padding:0 13px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	border:1px solid rgba(23,105,255,.11);
	border-radius:14px;
	background:#f8fbff;
	color:#344054;
	font-size:13px;
	font-weight:900;
	text-decoration:none!important;
}

.wk-blog-cat-list b{
	min-width:28px;
	height:28px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:10px;
	background:#1769ff;
	color:#fff;
	font-size:11px;
}

.wk-blog-pagination{
	margin:30px auto 0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	flex-wrap:wrap;
}

.wk-blog-pagination .page-numbers{
	min-width:42px;
	height:42px;
	padding:0 13px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(23,105,255,.14);
	border-radius:14px;
	background:#fff;
	color:#536177;
	font-size:14px;
	font-weight:950;
	box-shadow:0 10px 26px rgba(16,24,40,.06);
	text-decoration:none!important;
	transition:.2s ease;
}

.wk-blog-pagination .page-numbers:hover,
.wk-blog-pagination .page-numbers.current{
	background:#1769ff;
	color:#fff;
	border-color:#1769ff;
	box-shadow:0 14px 30px rgba(23,105,255,.20);
}

.wk-blog-empty{
	padding:36px;
	border:1px solid rgba(23,105,255,.13);
	border-radius:24px;
	background:#fff;
	box-shadow:0 16px 42px rgba(16,24,40,.07);
	text-align:center;
}

.wk-blog-empty h2{
	margin:0 0 10px;
	color:#111827;
	font-size:24px;
	font-weight:950;
}

.wk-blog-empty p{
	margin:0;
	color:#667085;
	font-size:14px;
	font-weight:750;
}

@media(max-width:1180px){
	.wk-blog-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media(max-width:992px){
	.wk-blog-archive-layout{
		grid-template-columns:1fr;
	}

	.wk-blog-sidebar{
		position:static;
		grid-template-columns:1fr 1fr;
	}
}

@media(max-width:767px){
	.wk-blog-archive{
		padding:18px 0 44px;
	}

	.wk-blog-archive-shell{
		width:min(100% - 20px,680px);
	}

	.wk-blog-archive-head{
		padding:20px 18px;
		border-radius:22px;
	}

	.wk-blog-archive-head h1{
		font-size:24px;
	}

	.wk-blog-archive-desc{
		font-size:13px;
	}

	.wk-blog-grid{
		grid-template-columns:1fr;
		gap:16px;
	}

	.wk-blog-card{
		border-radius:20px;
	}

	.wk-blog-card h2{
		font-size:17px;
	}

	.wk-blog-sidebar{
		grid-template-columns:1fr;
		gap:18px;
	}

	.wk-blog-products-scroll,
	.wk-blog-side-posts{
		max-height:none;
		overflow:visible;
	}

	.wk-blog-pagination .page-numbers{
		min-width:38px;
		height:38px;
		border-radius:12px;
	}
}


/* v6.19.23 — compact archive cards + hidden sidebar scrollbars + ajax loader */
.wk-blog-card-media{
	aspect-ratio:16/9!important;
}

.wk-blog-card-body{
	padding:14px!important;
}

.wk-blog-card-meta{
	margin-bottom:7px!important;
	font-size:10.5px!important;
	gap:6px!important;
}

.wk-blog-card h2{
	margin-bottom:7px!important;
	font-size:16px!important;
	line-height:1.65!important;
}

.wk-blog-card p{
	-webkit-line-clamp:2!important;
	min-height:48px!important;
	margin-bottom:11px!important;
	font-size:12.5px!important;
	line-height:1.9!important;
}

.wk-blog-card-more{
	height:38px!important;
	border-radius:12px!important;
	font-size:12.5px!important;
}

.wk-blog-products-scroll,
.wk-blog-side-posts{
	scrollbar-width:none!important;
	-ms-overflow-style:none!important;
}

.wk-blog-products-scroll::-webkit-scrollbar,
.wk-blog-side-posts::-webkit-scrollbar{
	width:0!important;
	height:0!important;
	display:none!important;
}

.wk-blog-posts-area{
	position:relative;
	min-height:260px;
}

.wk-blog-posts-area.is-loading{
	pointer-events:none;
}

.wk-blog-posts-area.is-loading:before{
	content:"";
	position:absolute;
	inset:-14px;
	z-index:20;
	border-radius:24px;
	background:rgba(248,251,255,.76);
	backdrop-filter:blur(5px);
}

.wk-blog-posts-area.is-loading:after{
	content:"";
	position:absolute;
	top:88px;
	left:50%;
	z-index:21;
	width:54px;
	height:54px;
	margin-left:-27px;
	border-radius:50%;
	border:5px solid rgba(23,105,255,.16);
	border-top-color:#1769ff;
	box-shadow:0 14px 34px rgba(23,105,255,.18);
	animation:wkBlogAjaxSpin .78s linear infinite;
}

@keyframes wkBlogAjaxSpin{
	to{transform:rotate(360deg)}
}

@media(max-width:767px){
	.wk-blog-card-body{
		padding:13px!important;
	}

	.wk-blog-card h2{
		font-size:16px!important;
		line-height:1.7!important;
	}

	.wk-blog-card p{
		min-height:auto!important;
	}

	.wk-blog-posts-area.is-loading:before{
		inset:-10px;
		border-radius:20px;
	}
}