:root { --thw-accent-primary: #00D9A3 !important;
--thw-accent-glow: rgba(0, 217, 163, 0.4) !important; --thw-refined-green: #00D9A3;
--thw-refined-green-soft: #00FFA3;
--thw-refined-green-glow: rgba(0, 217, 163, 0.4);
--thw-refined-green-subtle: rgba(0, 217, 163, 0.15);
--thw-refined-green-border: rgba(0, 217, 163, 0.5); --thw-electric-blue: #00D4FF;
--thw-electric-blue-glow: rgba(0, 212, 255, 0.4); --thw-accent-purple: #A855F7;
--thw-accent-purple-glow: rgba(168, 85, 247, 0.3); --thw-gradient-refined: linear-gradient(135deg, #00D9A3 0%, #00D4FF 100%);
--thw-gradient-primary: linear-gradient(135deg, #00D9A3 0%, #00D4FF 100%) !important;
--thw-gradient-trending: linear-gradient(135deg, #00D9A3, #00D4FF);
--thw-gradient-hero-overlay: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.1) 70%, transparent 100%); --thw-author-bg: #0F1419;
--thw-author-border: #00D9A3; --thw-shadow-refined-glow: 0 0 20px rgba(0, 217, 163, 0.5);
--thw-shadow-hover-glow: 0 0 30px rgba(0, 217, 163, 0.4), 0 8px 32px rgba(0, 0, 0, 0.4);
}
body.thw-premium {
--thw-accent-primary: #00D9A3 !important;
--thw-accent-glow: rgba(0, 217, 163, 0.4) !important;
}  body.thw-premium .thw-hero-title,
body.thw-premium .thw-hero-card .thw-hero-title,
body.thw-premium .thw-hero-overlay .thw-hero-title {
font-size: clamp(1rem, 2vw, 1.35rem) !important;
line-height: 1.3 !important;
letter-spacing: -0.01em !important;
font-weight: 700 !important;
} body.thw-premium .thw-hero-card-main .thw-hero-title,
body.thw-premium .thw-hero-main .thw-hero-title {
font-size: clamp(1.25rem, 2.5vw, 1.75rem) !important;
} body.thw-premium .thw-hero-card-side .thw-hero-title,
body.thw-premium .thw-hero-side .thw-hero-title {
font-size: clamp(0.9rem, 1.8vw, 1.1rem) !important;
} body.thw-premium .thw-single-title,
body.thw-premium .entry-title,
body.thw-premium .single .entry-title,
body.thw-premium .thw-article-title,
body.thw-premium h1.entry-title,
body.thw-premium .single-post .entry-title,
body.thw-premium article h1,
body.thw-premium .post h1 {
font-size: clamp(1.5rem, 3vw, 2rem) !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
font-weight: 700 !important;
} body.thw-premium .archive-title,
body.thw-premium .page-title,
body.thw-premium h1.page-title,
body.thw-premium .archive h1,
body.thw-premium .category h1,
body.thw-premium .tax-category h1 {
font-size: clamp(1.5rem, 3vw, 2rem) !important;
color: var(--thw-refined-green) !important;
background: var(--thw-gradient-refined) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
} body.thw-premium .thw-section-title {
font-size: 1.15rem;
} body.thw-premium .thw-post-title {
font-size: 1.05rem;
} body.thw-premium .thw-related-title,
body.thw-premium .related-posts-title {
font-size: 1.25rem;
} body.thw-premium .entry-content h2,
body.thw-premium .thw-post-body h2,
body.thw-premium article h2 {
font-size: clamp(1.25rem, 2.5vw, 1.5rem);
} body.thw-premium .entry-content h3,
body.thw-premium .thw-post-body h3,
body.thw-premium article h3 {
font-size: clamp(1.1rem, 2vw, 1.25rem);
} body.thw-premium .widget-title,
body.thw-premium .widgettitle {
font-size: 1.1rem;
} body.thw-premium .breadcrumbs,
body.thw-premium .thw-breadcrumbs {
font-size: 0.8rem;
opacity: 0.7;
} body.thw-premium .thw-single-meta,
body.thw-premium .entry-meta {
font-size: 0.85rem;
}
body.thw-premium .thw-single-author-name,
body.thw-premium .author-name {
font-size: 0.9rem;
color: var(--thw-refined-green);
}
body.thw-premium .thw-single-date,
body.thw-premium .entry-date {
font-size: 0.8rem;
opacity: 0.8;
}
body.thw-premium .thw-single-reading-time,
body.thw-premium .reading-time {
font-size: 0.8rem;
opacity: 0.8;
}  body.thw-premium {
--thw-accent-primary: #00D9A3;
--thw-accent-glow: rgba(0, 217, 163, 0.4);
} body.thw-premium a {
color: var(--thw-refined-green);
}
body.thw-premium a:hover {
color: var(--thw-electric-blue);
} body.thw-premium .thw-author-box,
body.thw-premium .thw-author-box-enhanced {
background: var(--thw-author-bg) !important;
border: none !important;
border-left: 4px solid var(--thw-refined-green) !important;
border-radius: 8px !important;
padding: var(--thw-space-6);
position: relative;
overflow: visible !important;
} body.thw-premium .thw-author-box::before {
display: none !important;
content: none !important;
}
body.thw-premium .thw-author-avatar img {
border: 2px solid var(--thw-refined-green) !important;
box-shadow: none !important;
} body.thw-premium .thw-author-box::before,
body.thw-premium .thw-author-box-enhanced::before {
display: none !important;
background: none !important;
} body.thw-premium .thw-author-box-header {
display: none !important;
} body.thw-premium .thw-author-box-enhanced {
background: var(--thw-author-bg) !important;
border: none !important;
border-left: 4px solid var(--thw-refined-green) !important;
border-radius: 8px !important;
overflow: visible;
}
body.thw-premium .thw-author-box-content {
padding: var(--thw-space-6);
}
body.thw-premium .thw-author-box-label {
color: var(--thw-refined-green) !important;
background: none !important;
padding: 0;
margin-bottom: var(--thw-space-2);
}
body.thw-premium .thw-author-avatar-large img {
border-color: var(--thw-refined-green) !important;
}
body.thw-premium .thw-author-name-large a:hover {
color: var(--thw-refined-green);
}
body.thw-premium .thw-author-social-mini a:hover {
color: var(--thw-refined-green);
}
body.thw-premium .thw-author-view-all {
color: var(--thw-refined-green);
}
body.thw-premium .thw-author-label {
color: var(--thw-refined-green);
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
}
body.thw-premium .thw-author-avatar img {
border: 2px solid var(--thw-refined-green) !important;
border-radius: 50%;
}
body.thw-premium .thw-author-name a:hover {
color: var(--thw-refined-green);
} body.thw-premium .thw-hero-category,
body.thw-premium .thw-post-category,
body.thw-premium .thw-single-category,
body.thw-premium .category-badge,
body.thw-premium .cat-links a,
body.thw-premium .entry-categories a,
body.thw-premium [class*="badge"],
body.thw-premium [class*="category-link"],
body.thw-premium .thw-hero-card .thw-hero-category,
body.thw-premium .thw-post-card .thw-post-category {
background: var(--thw-refined-green) !important;
border: none !important;
border-radius: 4px !important;
color: #000000 !important;
font-weight: 700 !important;
font-size: 0.65rem !important;
letter-spacing: 0.05em !important;
padding: 0.25rem 0.6rem !important;
text-transform: uppercase !important;
box-shadow: 0 2px 8px rgba(0, 217, 163, 0.4) !important;
transition: all 0.3s var(--thw-ease-out) !important;
display: inline-block !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body.thw-premium .thw-hero-category:hover,
body.thw-premium .thw-post-category:hover,
body.thw-premium .thw-single-category:hover,
body.thw-premium .category-badge:hover,
body.thw-premium .cat-links a:hover,
body.thw-premium .entry-categories a:hover,
body.thw-premium .thw-hero-card .thw-hero-category:hover,
body.thw-premium .thw-post-card .thw-post-category:hover {
background: #00FFA3 !important;
color: #000000 !important;
transform: scale(1.05) !important;
box-shadow: 0 4px 16px rgba(0, 217, 163, 0.6) !important;
} body.thw-premium .thw-trending-number {
font-family: var(--thw-font-display);
font-size: 1.75rem;
font-weight: 800;
background: var(--thw-gradient-trending);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
line-height: 1;
transition: all 0.3s var(--thw-ease-out);
}
body.thw-premium .thw-trending-item:hover .thw-trending-number {
text-shadow: 0 0 20px rgba(0, 217, 163, 0.5);
transform: scale(1.1);
} body.thw-premium .thw-trending-item {
cursor: pointer;
transition: all 0.3s var(--thw-ease-out);
border-radius: var(--thw-radius-md);
}
body.thw-premium .thw-trending-item:hover {
background: rgba(255, 255, 255, 0.03);
} body.thw-premium .thw-hero-gradient {
background: var(--thw-gradient-hero-overlay) !important;
}
body.thw-premium .thw-hero-image {
transition: transform 0.5s ease, filter 0.3s ease;
}
body.thw-premium .thw-hero-card:hover .thw-hero-image {
transform: scale(1.05);
filter: brightness(1.05);
} body.thw-premium .thw-post-thumbnail {
overflow: hidden;
}
body.thw-premium .thw-post-thumbnail img {
transition: transform 0.5s ease;
}
body.thw-premium .thw-post-card:hover .thw-post-thumbnail img {
transform: scale(1.05);
} body.thw-premium .thw-single-featured {
overflow: hidden;
}
body.thw-premium .thw-single-featured img {
transition: transform 0.5s ease;
}
body.thw-premium .thw-single-featured:hover img {
transform: scale(1.02);
} body.thw-premium .thw-header {
transition: all 0.3s var(--thw-ease-out);
}
body.thw-premium .thw-header.scrolled-up {
background: rgba(10, 15, 20, 0.85) !important;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
} body.thw-premium .thw-logo-icon {
width: 40px;
height: 40px;
transition: all 0.3s var(--thw-ease-out);
}
body.thw-premium .thw-logo-text {
font-size: 1.3rem;
} @keyframes thw-logo-pulse {
0%, 100% { filter: drop-shadow(0 0 0 transparent); }
50% { filter: drop-shadow(0 0 8px var(--thw-refined-green-glow)); }
}
body.thw-premium .thw-logo-link:hover .thw-logo-icon {
animation: thw-logo-pulse 1.5s ease-in-out;
} body.thw-premium .thw-hero-btn,
body.thw-premium .thw-btn-primary,
body.thw-premium .read-more-btn {
background: var(--thw-gradient-refined);
color: var(--thw-bg-void);
font-weight: 600;
border: none;
border-radius: var(--thw-radius-full);
padding: var(--thw-space-3) var(--thw-space-6);
transition: all 0.3s var(--thw-ease-spring);
box-shadow: 0 4px 15px rgba(0, 217, 163, 0.3);
}
body.thw-premium .thw-hero-btn:hover,
body.thw-premium .thw-btn-primary:hover,
body.thw-premium .read-more-btn:hover {
transform: translateY(-2px) scale(1.02);
box-shadow: var(--thw-shadow-refined-glow);
color: var(--thw-bg-void);
}
body.thw-premium .thw-hero-btn:active,
body.thw-premium .thw-btn-primary:active,
body.thw-premium .read-more-btn:active {
transform: scale(0.98);
} body.thw-premium .thw-share-btn,
body.thw-premium .thw-author-social a {
transition: all 0.2s ease;
}
body.thw-premium .thw-share-btn:hover,
body.thw-premium .thw-author-social a:hover {
transform: scale(1.1);
} body.thw-premium .thw-share-btn[data-platform="twitter"]:hover,
body.thw-premium .thw-share-btn.twitter:hover {
background: #1DA1F2 !important;
color: white !important;
} body.thw-premium .thw-share-btn[data-platform="facebook"]:hover,
body.thw-premium .thw-share-btn.facebook:hover {
background: #4267B2 !important;
color: white !important;
} body.thw-premium .thw-share-btn[data-platform="linkedin"]:hover,
body.thw-premium .thw-share-btn.linkedin:hover {
background: #0077B5 !important;
color: white !important;
} body.thw-premium .thw-share-btn[data-platform="reddit"]:hover,
body.thw-premium .thw-share-btn.reddit:hover {
background: #FF4500 !important;
color: white !important;
} body.thw-premium .thw-share-btn[data-platform="telegram"]:hover,
body.thw-premium .thw-share-btn.telegram:hover {
background: #0088CC !important;
color: white !important;
} body.thw-premium .thw-post-card {
transition: all 0.4s var(--thw-ease-out);
}
body.thw-premium .thw-post-card:hover {
transform: translateY(-8px);
box-shadow: var(--thw-shadow-hover-glow);
border-color: var(--thw-refined-green);
} body.thw-premium .thw-related-grid .thw-post-card:hover {
transform: translateY(-6px);
} body.thw-premium .thw-post-body a,
body.thw-premium .entry-content a {
position: relative;
color: var(--thw-refined-green);
text-decoration: none;
}
body.thw-premium .thw-post-body a::after,
body.thw-premium .entry-content a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
background: var(--thw-gradient-refined);
transition: width 0.3s ease;
}
body.thw-premium .thw-post-body a:hover::after,
body.thw-premium .entry-content a:hover::after {
width: 100%;
} body.thw-premium .thw-progress-bar {
height: 3px;
background: var(--thw-gradient-refined);
box-shadow: 0 0 10px var(--thw-refined-green-glow);
}  body.thw-premium::after {
background-image: 
linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
background-size: 50px 50px;
opacity: 0.4;
} body.thw-premium::before {
background: 
radial-gradient(ellipse 80% 50% at 50% -20%, rgba(0, 217, 163, 0.06) 0%, transparent 50%),
radial-gradient(ellipse 60% 40% at 100% 0%, rgba(0, 212, 255, 0.04) 0%, transparent 50%),
radial-gradient(ellipse 50% 30% at 0% 100%, rgba(168, 85, 247, 0.03) 0%, transparent 50%);
} body.thw-premium .thw-section-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
body.thw-premium .thw-section-header::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(0, 217, 163, 0.3), transparent);
} body.thw-premium input:focus,
body.thw-premium textarea:focus,
body.thw-premium select:focus {
outline: none;
border-color: var(--thw-refined-green) !important;
box-shadow: 0 0 0 3px var(--thw-refined-green-subtle);
} body.thw-premium .thw-tag,
body.thw-premium .tag-link {
background: var(--thw-refined-green-subtle);
color: var(--thw-refined-green);
border: 1px solid var(--thw-refined-green-border);
transition: all 0.2s ease;
}
body.thw-premium .thw-tag:hover,
body.thw-premium .tag-link:hover {
background: var(--thw-refined-green);
color: var(--thw-bg-void);
} body.thw-premium .thw-back-to-top {
background: rgba(15, 20, 25, 0.9);
border: 1px solid rgba(0, 217, 163, 0.3);
color: var(--thw-refined-green);
}
body.thw-premium .thw-back-to-top:hover {
background: var(--thw-refined-green);
color: var(--thw-bg-void);
border-color: var(--thw-refined-green);
box-shadow: var(--thw-shadow-refined-glow);
} body.thw-premium .thw-sidebar-newsletter::before {
background: var(--thw-gradient-refined);
}
body.thw-premium .thw-newsletter-form button {
background: var(--thw-gradient-refined);
}
body.thw-premium .thw-newsletter-form button:hover {
box-shadow: var(--thw-shadow-refined-glow);
} body.thw-premium .thw-comment {
border-left: 3px solid transparent;
transition: border-color 0.3s ease;
}
body.thw-premium .thw-comment:hover {
border-left-color: var(--thw-refined-green);
}
body.thw-premium .thw-comment-reply a {
color: var(--thw-refined-green);
} body.thw-premium .thw-bottom-nav-item.active,
body.thw-premium .thw-bottom-nav-item:hover {
color: var(--thw-refined-green);
} body.thw-premium .widget-title::before,
body.thw-premium .thw-section-title::before {
background: var(--thw-gradient-refined);
} body.thw-premium code {
color: var(--thw-refined-green);
}
body.thw-premium pre {
border-left: 3px solid var(--thw-refined-green);
} body.thw-premium blockquote {
border-left-color: var(--thw-refined-green);
} body.thw-premium ::selection {
background: var(--thw-refined-green);
color: var(--thw-bg-void);
}
body.thw-premium ::-moz-selection {
background: var(--thw-refined-green);
color: var(--thw-bg-void);
}   body.thw-premium *:focus-visible {
outline: 2px solid var(--thw-refined-green);
outline-offset: 2px;
}  @media (max-width: 1024px) and (min-width: 769px) {
body.thw-premium .thw-hero-card-main .thw-hero-title {
font-size: clamp(1.35rem, 2.8vw, 1.6rem) !important;
}
body.thw-premium .thw-single-title,
body.thw-premium .entry-title {
font-size: clamp(1.6rem, 3.5vw, 1.85rem) !important;
}
} @media (max-width: 768px) { body.thw-premium .thw-hero-title {
font-size: clamp(0.9rem, 3.5vw, 1.1rem) !important;
}
body.thw-premium .thw-hero-card-main .thw-hero-title {
font-size: clamp(1rem, 4vw, 1.35rem) !important;
}
body.thw-premium .thw-hero-card-side .thw-hero-title {
font-size: clamp(0.85rem, 3vw, 1rem) !important;
} body.thw-premium .thw-single-title,
body.thw-premium .entry-title,
body.thw-premium h1.entry-title {
font-size: clamp(1.25rem, 5vw, 1.75rem) !important;
} body.thw-premium .entry-content h2,
body.thw-premium .thw-post-body h2 {
font-size: clamp(1.1rem, 4vw, 1.35rem);
}
body.thw-premium .entry-content h3,
body.thw-premium .thw-post-body h3 {
font-size: clamp(1rem, 3.5vw, 1.15rem);
} body.thw-premium .thw-author-box {
padding: var(--thw-space-4);
} body.thw-premium .thw-trending-number {
font-size: 1.5rem;
} body.thw-premium .thw-hero-category,
body.thw-premium .thw-post-category,
body.thw-premium .thw-single-category,
body.thw-premium .category-badge {
font-size: 0.6rem !important;
padding: 0.2rem 0.5rem !important;
} body.thw-premium .thw-section-title {
font-size: 1rem;
} body.thw-premium .widget-title {
font-size: 1rem;
}
} @media (prefers-reduced-motion: reduce) {
body.thw-premium *,
body.thw-premium *::before,
body.thw-premium *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
body.thw-premium .thw-post-card:hover,
body.thw-premium .thw-hero-card:hover {
transform: none;
}
body.thw-premium .thw-post-thumbnail img,
body.thw-premium .thw-hero-image {
transform: none !important;
}
}  body.thw-premium .thw-hero-btn,
body.thw-premium .thw-btn-primary,
body.thw-premium button[type="submit"] {
position: relative;
overflow: hidden;
}
body.thw-premium .thw-hero-btn::after,
body.thw-premium .thw-btn-primary::after,
body.thw-premium button[type="submit"]::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: rgba(255, 255, 255, 0.3);
border-radius: 50%;
transform: translate(-50%, -50%);
transition: width 0.4s ease, height 0.4s ease;
}
body.thw-premium .thw-hero-btn:active::after,
body.thw-premium .thw-btn-primary:active::after,
body.thw-premium button[type="submit"]:active::after {
width: 200px;
height: 200px;
} body.thw-premium .widget {
transition: transform 0.3s var(--thw-ease-out);
}
body.thw-premium .widget:hover {
transform: translateX(4px);
} body.thw-premium .thw-post-list-item {
cursor: pointer;
transition: all 0.3s var(--thw-ease-out);
}
body.thw-premium .thw-post-list-item:hover {
background: rgba(255, 255, 255, 0.02);
border-color: var(--thw-refined-green);
transform: translateX(4px);
} body.thw-premium .pagination a,
body.thw-premium .nav-links a {
transition: all 0.2s ease;
}
body.thw-premium .pagination a:hover,
body.thw-premium .nav-links a:hover {
background: var(--thw-refined-green);
color: var(--thw-bg-void);
transform: scale(1.05);
} body.thw-premium .thw-search-input:focus {
border-color: var(--thw-refined-green) !important;
box-shadow: 0 0 0 3px var(--thw-refined-green-subtle), 0 0 20px var(--thw-refined-green-glow);
} body.thw-premium .thw-nav-menu > li > a::after {
background: var(--thw-gradient-refined);
} body.thw-premium .thw-breaking-label {
background: linear-gradient(135deg, #ef4444, #dc2626);
} body.thw-premium .thw-footer-links a:hover {
color: var(--thw-refined-green);
transform: translateX(4px);
}
body.thw-premium .thw-footer-links a {
display: inline-block;
transition: all 0.2s ease;
} body.thw-premium .thw-section-header {
position: relative;
}
body.thw-premium .thw-posts-section + .thw-posts-section::before {
content: '';
display: block;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(0, 217, 163, 0.3), transparent);
margin-bottom: var(--thw-space-8);
} body.thw-premium .thw-post-card::before {
background: var(--thw-gradient-refined);
}
body.thw-premium .thw-hero-card::before {
background: var(--thw-gradient-refined);
} body.thw-premium .thw-tool-icon {
background: var(--thw-refined-green-subtle);
color: var(--thw-refined-green);
}
body.thw-premium .thw-tool-card:hover .thw-tool-icon {
background: var(--thw-refined-green);
color: var(--thw-bg-void);
box-shadow: var(--thw-shadow-refined-glow);
} body.thw-premium .thw-command-input:focus {
outline: none;
}
body.thw-premium .thw-command-item:hover {
background: var(--thw-refined-green-subtle);
}
body.thw-premium .thw-command-item:hover .thw-command-icon {
color: var(--thw-refined-green);
} @keyframes thw-shimmer {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
body.thw-premium .thw-loading {
background: linear-gradient(90deg, 
var(--thw-bg-card) 0%, 
var(--thw-bg-elevated) 50%, 
var(--thw-bg-card) 100%);
background-size: 200% 100%;
animation: thw-shimmer 1.5s infinite;
} @media print {
body.thw-premium {
background: white;
color: black;
}
body.thw-premium .thw-header,
body.thw-premium .thw-footer,
body.thw-premium .thw-sidebar,
body.thw-premium .thw-back-to-top,
body.thw-premium .thw-progress-bar,
body.thw-premium .thw-bottom-nav {
display: none !important;
}
body.thw-premium .thw-post-card,
body.thw-premium .thw-author-box {
border: 1px solid #ccc;
box-shadow: none;
}
} @media (max-width: 768px) { body.thw-premium {
overflow-x: hidden;
} body.thw-premium .thw-container,
body.thw-premium .thw-hero-grid,
body.thw-premium .thw-posts-grid {
max-width: 100%;
overflow: visible;
} body.thw-premium .thw-post-card:hover,
body.thw-premium .thw-hero-card:hover {
transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3), 0 0 20px var(--thw-accent-glow);
} body.thw-premium .thw-post-card:active,
body.thw-premium .thw-hero-card:active {
transform: scale(0.98);
} body.thw-premium .thw-hero-category,
body.thw-premium .thw-post-category,
body.thw-premium .thw-single-category {
font-size: 0.65rem !important;
padding: 0.25rem 0.5rem !important;
} body.thw-premium .thw-trending-number {
font-size: 1.5rem !important;
min-width: 40px;
} body.thw-premium .thw-nav.active {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
} body.thw-premium .thw-search-form {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100vw - 2rem);
max-width: 400px;
z-index: 10000;
}
body.thw-premium .thw-search-form.active {
transform: translate(-50%, -50%);
} body.thw-premium .thw-search-form.active::before {
content: '';
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.8);
z-index: -1;
}
} @media (min-width: 769px) and (max-width: 1024px) { body.thw-premium .thw-posts-grid {
grid-template-columns: repeat(2, 1fr) !important;
} body.thw-premium .thw-hero-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
}
body.thw-premium .thw-hero-main {
grid-column: 1 / -1;
} body.thw-premium .thw-content-area {
grid-template-columns: 2fr 1fr;
}
}