@media (max-width: 768px) {  body.thw-premium .thw-hero-grid,
.thw-hero-grid {
grid-template-columns: 1fr !important;
grid-template-rows: auto !important;
gap: var(--spacing-md, 1rem);
} body.thw-premium .thw-hero-main,
.thw-hero-main {
grid-row: auto !important;
} body.thw-premium .thw-hero-card-main,
.thw-hero-card-main {
min-height: 350px !important;
max-height: 400px;
}
body.thw-premium .thw-hero-card-side,
.thw-hero-card-side {
height: auto !important;
min-height: 280px !important;
} body.thw-premium .thw-hero-overlay,
.thw-hero-overlay {
padding: var(--spacing-md, 1rem) !important;
} body.thw-premium .thw-hero-gradient,
.thw-hero-gradient {
background: linear-gradient(to bottom,
rgba(0, 0, 0, 0.1) 0%,
rgba(0, 0, 0, 0.5) 30%,
rgba(0, 0, 0, 0.85) 60%,
rgba(0, 0, 0, 0.98) 100%) !important;
} body.thw-premium .thw-hero-title,
.thw-hero-title {
font-size: 1.1rem !important;
line-height: 1.3 !important;
margin-bottom: 0.5rem !important;
}
body.thw-premium .thw-hero-card-main .thw-hero-title,
.thw-hero-card-main .thw-hero-title {
font-size: 1.35rem !important;
} body.thw-premium .thw-hero-excerpt,
.thw-hero-excerpt {
font-size: 0.85rem !important;
line-height: 1.5 !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0.75rem !important;
} body.thw-premium .thw-hero-meta,
.thw-hero-meta {
font-size: 0.75rem !important;
margin-bottom: 0.75rem !important;
} body.thw-premium .thw-hero-btn,
.thw-hero-btn {
padding: 0.5rem 1rem !important;
font-size: 0.85rem !important;
} body.thw-premium .thw-posts-grid,
.thw-posts-grid {
grid-template-columns: 1fr !important;
gap: 1rem !important;
}
body.thw-premium .thw-posts-grid-2,
.thw-posts-grid-2 {
grid-template-columns: 1fr !important;
}
body.thw-premium .thw-related-grid,
.thw-related-grid {
grid-template-columns: 1fr !important;
} body.thw-premium .thw-post-card,
.thw-post-card {
margin-bottom: 0;
} body.thw-premium .thw-post-thumbnail,
.thw-post-thumbnail {
height: 180px !important;
} body.thw-premium .thw-post-content,
.thw-post-content {
padding: 1rem !important;
} body.thw-premium .thw-post-title,
.thw-post-title {
font-size: 1rem !important;
line-height: 1.4 !important;
} body.thw-premium .thw-post-excerpt,
.thw-post-excerpt {
font-size: 0.875rem !important;
-webkit-line-clamp: 2;
}  body.thw-premium .thw-main-content,
.thw-main-content {
padding: 1rem 0 5rem 0 !important; } body.thw-premium .thw-container,
.thw-container {
padding: 0 1rem !important;
} body.thw-premium .thw-hero,
.thw-hero {
padding: 1rem 0 !important;
} body.thw-premium .thw-posts-section,
.thw-posts-section {
padding: 1.5rem 0 !important;
} body.thw-premium .thw-section-header,
.thw-section-header {
margin-bottom: 1rem !important;
padding-bottom: 0.75rem !important;
}
body.thw-premium .thw-section-title,
.thw-section-title {
font-size: 1rem !important;
} body.thw-premium .thw-content-area,
.thw-content-area {
grid-template-columns: 1fr !important;
gap: 1.5rem !important;
}
body.thw-premium .thw-sidebar,
.thw-sidebar {
position: static !important;
order: 2;
} body.thw-premium .thw-trending-item,
.thw-trending-item {
padding: 0.75rem !important;
}
body.thw-premium .thw-trending-number,
.thw-trending-number {
font-size: 1.5rem !important;
}
body.thw-premium .thw-trending-content h4,
.thw-trending-content h4 {
font-size: 0.875rem !important;
}  body.thw-premium .thw-header-top,
.thw-header-top {
display: none !important;
} body.thw-premium .thw-header-main,
.thw-header-main {
padding: 0.75rem 0 !important;
} body.thw-premium .thw-logo-icon,
.thw-logo-icon {
width: 36px !important;
height: 36px !important;
}
body.thw-premium .thw-logo-text,
.thw-logo-text {
font-size: 1.1rem !important;
}
body.thw-premium .thw-logo-tagline,
.thw-logo-tagline {
font-size: 0.6rem !important;
} body.thw-premium .thw-breaking-news,
.thw-breaking-news {
padding: 0.5rem 0 !important;
}
body.thw-premium .thw-breaking-label,
.thw-breaking-label {
font-size: 0.65rem !important;
padding: 0.15rem 0.4rem !important;
}
body.thw-premium .thw-breaking-item a,
.thw-breaking-item a {
font-size: 0.8rem !important;
}  body.thw-premium .thw-single-title,
body.thw-premium .entry-title,
.thw-single-title,
.entry-title {
font-size: 1.5rem !important;
line-height: 1.3 !important;
margin-bottom: 1rem !important;
} body.thw-premium .thw-single-meta,
.thw-single-meta {
flex-wrap: wrap;
gap: 0.75rem !important;
padding: 0.75rem 0 !important;
font-size: 0.8rem !important;
} body.thw-premium .thw-single-author img,
.thw-single-author img {
width: 32px !important;
height: 32px !important;
} body.thw-premium .thw-single-featured,
.thw-single-featured {
margin-bottom: 1.5rem !important;
border-radius: 0.75rem !important;
} body.thw-premium .thw-post-body,
.thw-post-body {
font-size: 1rem !important;
line-height: 1.7 !important;
}
body.thw-premium .thw-post-body h2,
.thw-post-body h2 {
font-size: 1.35rem !important;
margin-top: 2rem !important;
}
body.thw-premium .thw-post-body h3,
.thw-post-body h3 {
font-size: 1.15rem !important;
margin-top: 1.5rem !important;
} body.thw-premium .thw-author-box,
.thw-author-box {
flex-direction: column;
padding: 1.5rem !important;
gap: 1rem !important;
}
body.thw-premium .thw-author-avatar img,
.thw-author-avatar img {
width: 80px !important;
height: 80px !important;
}  body.thw-premium .thw-nav-menu > li > a,
.thw-nav-menu > li > a {
min-height: 44px;
display: flex;
align-items: center;
}
body.thw-premium .thw-btn,
body.thw-premium button,
.thw-btn,
button {
min-height: 44px;
padding: 0.75rem 1.25rem;
} body.thw-premium .thw-hero-category,
body.thw-premium .thw-post-category,
.thw-hero-category,
.thw-post-category {
padding: 0.35rem 0.75rem !important;
font-size: 0.7rem !important;
} body.thw-premium .widget,
.widget {
margin-bottom: 1.5rem !important;
}
body.thw-premium .widget-title,
.widget-title {
font-size: 1rem !important;
margin-bottom: 1rem !important;
} body.thw-premium .thw-sidebar-newsletter,
.thw-sidebar-newsletter {
padding: 1.5rem !important;
} body.thw-premium .thw-footer-main,
.thw-footer-main {
padding: 2rem 0 !important;
}
body.thw-premium .thw-footer-widgets,
.thw-footer-widgets {
grid-template-columns: 1fr !important;
gap: 2rem !important;
}
body.thw-premium .thw-footer-bottom,
.thw-footer-bottom {
padding: 1.5rem 0 5rem 0 !important; text-align: center;
}  body.thw-premium .thw-back-to-top,
.thw-back-to-top {
bottom: 80px !important; right: 1rem !important;
width: 44px !important;
height: 44px !important;
} body.thw-premium .thw-theme-toggle,
.thw-theme-toggle {
bottom: 80px !important; right: 1rem !important;
width: 44px !important;
height: 44px !important;
} body.thw-premium .thw-back-to-top ~ .thw-theme-toggle,
.thw-back-to-top ~ .thw-theme-toggle {
bottom: 135px !important; } body.thw-premium .thw-search-form,
.thw-search-form {
width: calc(100vw - 2rem) !important;
max-width: 400px;
right: 1rem !important;
} body.thw-premium .thw-command-container,
.thw-command-container {
width: calc(100vw - 2rem) !important;
max-width: none;
margin: 0 1rem;
} body.thw-premium table,
table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} body.thw-premium img,
img {
max-width: 100%;
height: auto;
}
body.thw-premium iframe,
iframe {
max-width: 100%;
} body.thw-premium input[type="text"],
body.thw-premium input[type="email"],
body.thw-premium input[type="search"],
body.thw-premium textarea,
input[type="text"],
input[type="email"],
input[type="search"],
textarea {
font-size: 16px !important; min-height: 44px;
} body.thw-premium .thw-pagination,
.thw-pagination {
flex-wrap: wrap;
gap: 0.5rem !important;
}
body.thw-premium .thw-pagination a,
body.thw-premium .thw-pagination span,
.thw-pagination a,
.thw-pagination span {
min-width: 40px !important;
height: 40px !important;
font-size: 0.875rem !important;
} body.thw-premium .thw-share-buttons,
.thw-share-buttons {
flex-direction: column;
align-items: stretch !important;
padding: 1rem !important;
}
body.thw-premium .thw-share-links,
.thw-share-links {
justify-content: center;
flex-wrap: wrap;
}
body.thw-premium .thw-share-btn,
.thw-share-btn {
width: 44px !important;
height: 44px !important;
} body.thw-premium .thw-comment,
.thw-comment {
padding: 1rem !important;
}
body.thw-premium .thw-comment .children,
.thw-comment .children {
padding-left: 1rem !important;
}
body.thw-premium .thw-comment-avatar img,
.thw-comment-avatar img {
width: 40px !important;
height: 40px !important;
}
} @media (max-width: 768px) { body.thw-premium .thw-bottom-nav,
.thw-bottom-nav {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 60px;
background: var(--thw-glass-bg, var(--color-bg-card));
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-top: 1px solid var(--thw-glass-border, var(--color-border));
display: flex;
justify-content: space-around;
align-items: center;
z-index: 1000;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
padding-bottom: env(safe-area-inset-bottom, 0);
} body.thw-premium .thw-bottom-nav-item,
.thw-bottom-nav-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
padding: 8px 12px;
color: var(--thw-text-muted, var(--color-text-secondary));
font-size: 0.7rem;
font-weight: 500;
text-decoration: none;
transition: all 0.2s ease;
background: none;
border: none;
cursor: pointer;
min-width: 60px;
position: relative;
} body.thw-premium .thw-bottom-nav-item svg,
.thw-bottom-nav-item svg {
width: 24px;
height: 24px;
stroke-width: 2;
transition: all 0.2s ease;
} body.thw-premium .thw-bottom-nav-item.active,
.thw-bottom-nav-item.active {
color: var(--thw-accent-primary, var(--color-primary)) !important;
}
body.thw-premium .thw-bottom-nav-item.active svg,
.thw-bottom-nav-item.active svg {
fill: var(--thw-accent-primary, var(--color-primary));
stroke-width: 2.5;
transform: scale(1.1);
} body.thw-premium .thw-bottom-nav-item:hover,
.thw-bottom-nav-item:hover {
color: var(--thw-accent-primary, var(--color-primary));
} body.thw-premium .thw-bottom-nav-item.active::before,
.thw-bottom-nav-item.active::before {
content: '';
position: absolute;
top: 4px;
width: 4px;
height: 4px;
background: var(--thw-accent-primary, var(--color-primary));
border-radius: 50%;
box-shadow: 0 0 8px var(--thw-accent-glow, rgba(0, 217, 163, 0.5));
} body.thw-premium .thw-bottom-nav-item:active,
.thw-bottom-nav-item:active {
transform: scale(0.95);
}
} @media (min-width: 769px) {
body.thw-premium .thw-bottom-nav,
.thw-bottom-nav {
display: none !important;
}
} @media (max-width: 374px) { body.thw-premium .thw-container,
.thw-container {
padding: 0 0.75rem !important;
} body.thw-premium .thw-hero-card-main,
.thw-hero-card-main {
min-height: 300px !important;
}
body.thw-premium .thw-hero-card-side,
.thw-hero-card-side {
min-height: 240px !important;
} body.thw-premium .thw-hero-title,
.thw-hero-title {
font-size: 1rem !important;
}
body.thw-premium .thw-post-title,
.thw-post-title {
font-size: 0.95rem !important;
} body.thw-premium .thw-bottom-nav-item,
.thw-bottom-nav-item {
min-width: 50px;
padding: 6px 8px;
font-size: 0.65rem;
}
body.thw-premium .thw-bottom-nav-item svg,
.thw-bottom-nav-item svg {
width: 20px;
height: 20px;
}
} @media (max-width: 768px) and (max-height: 500px) { body.thw-premium .thw-hero-card-main,
.thw-hero-card-main {
min-height: 250px !important;
}
body.thw-premium .thw-hero-card-side,
.thw-hero-card-side {
min-height: 200px !important;
} body.thw-premium .thw-bottom-nav,
.thw-bottom-nav {
height: 50px;
}
body.thw-premium .thw-bottom-nav-item span,
.thw-bottom-nav-item span {
display: none; }
} @supports (padding: env(safe-area-inset-bottom)) {
@media (max-width: 768px) {
body.thw-premium .thw-bottom-nav,
.thw-bottom-nav {
padding-bottom: calc(env(safe-area-inset-bottom) + 8px);
height: calc(60px + env(safe-area-inset-bottom));
}
body.thw-premium .thw-main-content,
.thw-main-content {
padding-bottom: calc(5rem + env(safe-area-inset-bottom)) !important;
}
body.thw-premium .thw-footer-bottom,
.thw-footer-bottom {
padding-bottom: calc(5rem + env(safe-area-inset-bottom)) !important;
}
}
} @media print {
body.thw-premium .thw-bottom-nav,
.thw-bottom-nav,
body.thw-premium .thw-back-to-top,
.thw-back-to-top,
body.thw-premium .thw-theme-toggle,
.thw-theme-toggle {
display: none !important;
}
}