/* ═══════════════════════════════════════════════════════════
   SMARTUP WORLD — All Posts (home.php)
   Same class names as category.php on purpose — one shared
   grid/card design for "all posts" and "one category".
   If category.php's <style> block is already loaded site-wide
   (e.g. moved into a stylesheet), this block is redundant and
   can be deleted without changing anything.
   ═══════════════════════════════════════════════════════════ */

   body.page #secondary,
   body.page aside.widget-area,
   body.page .widget-area {
   	display: none !important;
   	width: 0 !important;
   	padding: 0 !important;
   	margin: 0 !important;
   }
   body.page #primary {
   	width: 100% !important;
   	float: none !important;
   	padding: 0 !important;
   	margin: 0 !important;
   }

   body.page nav.rank-math-breadcrumb,
   body.page nav.rank-math-breadcrumb p {
   	max-width: 1200px !important;
   	margin: 0 auto !important;
   	padding: 14px 40px !important;
   	box-sizing: border-box !important;
   	font-size: 12px !important;
   	color: #A67C52 !important;
   	text-transform: uppercase !important;
   	letter-spacing: 0.06em !important;
   	display: block !important;
   	width: 100% !important;
   }
   body.page nav.rank-math-breadcrumb p { padding: 0 !important; }
   body.page nav.rank-math-breadcrumb a { color: #A67C52 !important; text-decoration: none !important; }
   body.page nav.rank-math-breadcrumb a:hover { color: #c85b5b !important; }

   .suw-cat { background: #FAFAF8; }

   .suw-cat__hero {
   	background: linear-gradient(135deg, #FFF9F3 0%, #F2EAE0 60%, #FFF0E0 100%);
   	border-bottom: 1.5px solid #E8D9C8;
   	position: relative;
   }
   .suw-cat__hero::before {
   	content: '';
   	position: absolute;
   	top: 0; left: 0; right: 0;
   	height: 2px;
   	background: linear-gradient(to right, transparent 5%, #BD864E 50%, transparent 95%);
   }
   .suw-cat__hero-inner {
   	max-width: 1200px;
   	margin: 0 auto;
   	padding: 48px 40px 40px;
   	box-sizing: border-box;
   }
   .suw-cat__title {
   	font-size: 42px !important;
   	font-weight: 700 !important;
   	color: #2A2A2A !important;
   	margin: 0 !important;
   	letter-spacing: -0.02em !important;
   	line-height: 1.1 !important;
   }
   .suw-cat__accent {
   	display: block;
   	width: 56px;
   	height: 2px;
   	background: linear-gradient(to right, #BD864E, #C4986A);
   	margin: 16px 0 0;
   	border-radius: 1px;
   }
   .suw-cat__desc {
   	margin: 18px 0 0;
   	max-width: 680px;
   	font-size: 15px !important;
   	font-weight: 400 !important;
   	color: #6B6B6B !important;
   	line-height: 1.7 !important;
   }

   .suw-cat__wrap {
   	max-width: 1200px;
   	margin: 0 auto;
   	padding: 0 40px 60px;
   	box-sizing: border-box;
   }

   .suw-cat__toolbar {
   	display: flex;
   	justify-content: space-between;
   	align-items: center;
   	padding: 28px 0 24px;
   	border-bottom: 1px solid #F0E8DF;
   	margin-bottom: 32px;
   }
   .suw-cat__count { font-size: 13px !important; color: #A67C52 !important; margin: 0 !important; }

   .suw-cat__grid {
   	display: grid !important;
   	grid-template-columns: repeat(4, 1fr) !important;
   	gap: 24px !important;
   	list-style: none !important;
   	margin: 0 0 50px 0 !important;
   	padding: 0 !important;
   }
   .suw-cat__grid::before,
   .suw-cat__grid::after { display: none !important; content: none !important; }

   .suw-cat__card {
   	background: #FFFFFF !important;
   	border: 1px solid #EDE5DC !important;
   	border-radius: 3px !important;
   	overflow: visible !important;
   	display: flex !important;
   	flex-direction: column !important;
   	text-decoration: none !important;
   	transition: box-shadow 0.3s ease, transform 0.3s ease !important;
   	position: relative !important;
   }
   .suw-cat__card:hover {
   	box-shadow: 0 6px 24px rgba(0,0,0,0.10) !important;
   	transform: translateY(-4px) !important;
   }

   .suw-cat__img-wrap {
   	position: relative !important;
   	overflow: hidden !important;
   	display: block !important;
   	background: #F5F0EB !important;
   }
   .suw-cat__img-wrap img {
   	width: 100% !important;
   	height: 220px !important;
   	object-fit: cover !important;
   	display: block !important;
   	transition: transform 0.4s ease !important;
   }
   .suw-cat__card:hover .suw-cat__img-wrap img { transform: scale(1.04) !important; }

   .suw-cat__cat-badge {
   	position: absolute !important;
   	top: 0 !important;
   	left: 0 !important;
   	background: #c85b5b !important;
   	color: #FFFFFF !important;
   	font-size: 10px !important;
   	font-weight: 700 !important;
   	text-transform: uppercase !important;
   	letter-spacing: 0.07em !important;
   	padding: 4px 10px !important;
   	border-radius: 0 !important;
   	z-index: 2 !important;
   	text-decoration: none !important;
   	line-height: 1.6 !important;
   }

   .suw-cat__card-info {
   	padding: 16px 16px!important;
   	display: flex !important;
   	flex-direction: column !important;
   	flex-grow: 1 !important;
   }

   .suw-cat__post-title {
   	font-size: 14px !important;
   	font-weight: 600 !important;
   	color: #2A2A2A !important;
   	line-height: 1.4 !important;
   	margin: 0 0 10px 0 !important;
   	display: -webkit-box !important;
   	-webkit-line-clamp: 2 !important;
   	-webkit-box-orient: vertical !important;
   	overflow: hidden !important;
   	text-decoration: none !important;
   }
   .suw-cat__card:hover .suw-cat__post-title { color: #c85b5b !important; }

   .suw-cat__post-meta {
   	display: flex !important;
   	align-items: center !important;
   	gap: 8px !important;
   	font-size: 11px !important;
   	color: #A67C52 !important;
   	margin: 0 0 12px 0 !important;
   	flex-wrap: wrap !important;
   }
   .suw-cat__meta-dot {
   	width: 3px !important;
   	height: 3px !important;
   	background: #C4986A !important;
   	border-radius: 50% !important;
   	display: inline-block !important;
   	flex-shrink: 0 !important;
   }

   .suw-cat__btn {
   	display: block !important;
   	width: 100% !important;
   	background: #2A2A2A !important;
   	color: #FFFFFF !important;
   	font-size: 11px !important;
   	font-weight: 600 !important;
   	text-transform: uppercase !important;
   	letter-spacing: 0.07em !important;
   	padding: 12px 16px !important;
   	border: none !important;
   	border-radius: 0 !important;
   	text-align: center !important;
   	text-decoration: none !important;
   	transition: background 0.25s ease !important;
   	margin-top: auto !important;
   	box-sizing: border-box !important;
   	cursor: pointer !important;
   }
   .suw-cat__btn:hover {
   	background: #c85b5b !important;
   	color: #FFFFFF !important;
   }

   .suw-cat__pagination {
   	display: flex !important;
   	justify-content: center !important;
   	margin: 0 0 20px 0 !important;
   }
   .suw-cat__pagination .nav-links { display: flex !important; gap: 6px !important; align-items: center !important; }
   .suw-cat__pagination .page-numbers {
   	display: inline-flex !important;
   	align-items: center !important;
   	justify-content: center !important;
   	width: 38px !important;
   	height: 38px !important;
   	border: 1.5px solid #E8D9C8 !important;
   	background: #FFFFFF !important;
   	color: #2A2A2A !important;
   	font-size: 13px !important;
   	font-weight: 500 !important;
   	text-decoration: none !important;
   	border-radius: 3px !important;
   	transition: all 0.2s ease !important;
   }
   .suw-cat__pagination .page-numbers:hover,
   .suw-cat__pagination .page-numbers.current {
   	background: #c85b5b !important;
   	color: #FFFFFF !important;
   	border-color: #c85b5b !important;
   }
   .suw-cat__pagination .page-numbers.dots {
   	border: none !important;
   	background: none !important;
   	color: #A67C52 !important;
   	width: auto !important;
   }

   @media (max-width: 1024px) {
   	.suw-cat__grid { grid-template-columns: repeat(3, 1fr) !important; }
   	.suw-cat__hero-inner,
   	.suw-cat__wrap { padding-left: 24px !important; padding-right: 24px !important; }
   	.suw-cat__title { font-size: 34px !important; }
   	body.page nav.rank-math-breadcrumb { padding-left: 24px !important; padding-right: 24px !important; }
   }

   @media (max-width: 767px) {
   	.suw-cat__grid { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
   	.suw-cat__hero-inner,
   	.suw-cat__wrap { padding-left: 16px !important; padding-right: 16px !important; }
   	.suw-cat__hero-inner {padding-top: 90px !important;padding-bottom: 65px !important;}
   	.suw-cat__title { font-size: 26px !important; }
   	.suw-cat__img-wrap img { height: 170px !important; }
   	.suw-cat__toolbar { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
   	body.page nav.rank-math-breadcrumb { padding-left: 16px !important; padding-right: 16px !important; }
   }

   @media (max-width: 480px) {
   	.suw-cat__grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
   	.suw-cat__img-wrap img { height: 140px !important; }
   	.suw-cat__post-title { font-size: 12px !important; }
   	.suw-cat__btn { font-size: 10px !important; padding: 10px 8px !important; }
   	.suw-cat__title { font-size: 22px !important; }
   }

   @media (prefers-reduced-motion: reduce) {
   	.suw-cat__card,
   	.suw-cat__img-wrap img { transition: none !important; }
   }