@media screen and (min-width: 600px) and (max-width: 719px) {

/* =============================================
   SMALL TABLET: 600-719px
   Core layout handled by theme.css @media rules.
   This file only adds breakpoint-specific tweaks.
   ============================================= */

/* --- Top bar: handled by hamburger at this breakpoint --- */
#toplogo {
  overflow: visible;
  margin: 0 auto !important;
}

/* --- Hide on small tablet --- */
.newstitlecategory,
.articlestitlecategory,
.articlehomedate,
.forumcategorydesc,
.forumtopiclastmsgdate,
.forumcategorymessages,
.commentheaderimages,
.articleheaderimages,
.rightpanels {
  display: none !important;
}

/* --- News layout --- */
.news-grid {
  grid-template-columns: repeat(2, 1fr);
}

.hero-article-title {
  font-size: 20px !important;
}

.news-compact-date,
.news-compact-category {
  display: none !important;
}

/* --- Article categories --- */
.articlescategory {
  width: 70px;
  height: 95px;
  font-size: 10px;
  line-height: 1.3em;
}

.articlescategory img {
  width: 48px;
  height: 48px;
}

.articlesimilar {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

/* --- Titles --- */
.leftpaneltitle {
  line-height: 24px;
  font-size: 16px;
}

.newssimilartitle,
.articlessimilartitle {
  font-size: 13px;
}

.newssimilarcontent,
.articlessimilarcontent {
  margin-left: 0;
}

.rightpaneltitle {
  font-size: 15px;
}

/* --- Banners & ads --- */
#topbannerad {
  max-width: 600px;
  overflow: hidden;
}

#topbannerimg {
  left: 0;
  max-width: 600px;
}

/* --- Forum compact --- */
.forummessagesubjectsecondline {
  font-size: 9px;
}

.forummessagesubjectsecondlinehideable {
  display: none;
}

.forummessagetextbody {
  margin-right: 16px;
}

/* --- Users --- */
.leftpanelsmall {
  display: block;
}

/* --- Footer --- */
.footer-columns {
  flex-direction: column;
  gap: var(--space-lg);
}

.footerpartners {
  display: none;
}

.outroblock1, .outroblock2 {
  max-width: 100%;
  width: 100%;
}

.outroblock1 *, .outroblock2 * {
  font-size: 10px !important;
}

/* --- Misc --- */
.rightpanel img {
  max-width: 100%;
}

.shoutboxlinecontent {
  padding-left: 0;
}

/* =============================================
   RESPONSIVE OVERRIDES FOR MODERNIZED PAGES
   Small Tablet: 600-719px
   ============================================= */

/* --- FORUM CATEGORY --- */
:is(#page_forum_category, #page_forum_privates) .leftpanel.leftpanelnoborder {
  width: 100% !important;
  box-sizing: border-box;
}

:is(#page_forum_category, #page_forum_privates) .forumtopic {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
  padding: var(--space-sm) var(--space-md) !important;
  gap: 2px !important;
}

:is(#page_forum_category, #page_forum_privates) .forumtopicname {
  width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
}

:is(#page_forum_category, #page_forum_privates) .forumtopicmessages,
:is(#page_forum_category, #page_forum_privates) .forumtopicviews,
:is(#page_forum_category, #page_forum_privates) .forumtopicheadermessages,
:is(#page_forum_category, #page_forum_privates) .forumtopicheaderviews {
  display: none !important;
}

:is(#page_forum_category, #page_forum_privates) .forumtopicheader {
  display: none !important;
}

:is(#page_forum_category, #page_forum_privates) .forumtopictoolstitle {
  margin: 0 !important;
  position: static !important;
}

:is(#page_forum_category, #page_forum_privates) .forumtopictoolstitleex {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--space-xs) !important;
}

/* --- FORUM TOPIC LIST PAGES (lateststopics, todaytopics, yourtopics, notifications) --- */
:is(#page_forum_lateststopics, #page_forum_todaytopics, #page_forum_yourtopics, #page_forum_notifications, #page_forum_category) .forumtopicheader {
  display: none !important;
}

:is(#page_forum_lateststopics, #page_forum_todaytopics, #page_forum_yourtopics, #page_forum_notifications, #page_forum_category) .forumtopic {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
  padding: var(--space-sm) var(--space-md) !important;
  gap: 2px !important;
}

:is(#page_forum_lateststopics, #page_forum_todaytopics, #page_forum_yourtopics, #page_forum_notifications, #page_forum_category) .forumtopicname {
  width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
}

:is(#page_forum_lateststopics, #page_forum_todaytopics, #page_forum_yourtopics, #page_forum_notifications, #page_forum_category) .forumtopicmessages,
:is(#page_forum_lateststopics, #page_forum_todaytopics, #page_forum_yourtopics, #page_forum_notifications, #page_forum_category) .forumtopicviews,
:is(#page_forum_lateststopics, #page_forum_todaytopics, #page_forum_yourtopics, #page_forum_notifications, #page_forum_category) .forumtopiclastmsgdate {
  display: none !important;
}

/* Reset secondline from absolute to flow in flex column mode */
:is(#page_forum_lateststopics, #page_forum_todaytopics, #page_forum_yourtopics, #page_forum_notifications, #page_forum_category) .forumtopicname .forumtopicsecondline {
  position: static !important;
  width: 100% !important;
  text-align: left !important;
}

:is(#page_forum_lateststopics, #page_forum_todaytopics, #page_forum_yourtopics, #page_forum_notifications, #page_forum_category) .forumtopictoolstitle {
  margin: 0 !important;
  position: static !important;
}

/* --- FORUM TOPIC --- */
#page_forum_topic .forummessage {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box;
}

#page_forum_topic .forummessageinfo {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: var(--space-sm) !important;
  width: 100% !important;
  padding: var(--space-sm) var(--space-md) !important;
  border-bottom: 1px solid var(--color-gray-100) !important;
  border-right: 0 !important;
}

#page_forum_topic .forummessageinfo img {
  width: 36px !important;
  height: 36px !important;
}

#page_forum_topic .forummessagetext {
  width: 100% !important;
  box-sizing: border-box;
  padding: var(--space-md) !important;
}

#page_forum_topic .forummessagesubject {
  font-size: 0 !important;
}

#page_forum_topic .forummessagesubject .forummessagesubjectsecondline {
  font-size: 12px !important;
}

#page_forum_topic .forummessagesubject .messageheaderimages {
  font-size: 12px !important;
}

#page_forum_topic .forummessagesubject .messageheaderimages a {
  font-size: 12px !important;
}

#page_forum_topic .bbeditorbuttonscontainer {
  width: auto !important;
}

#page_forum_topic textarea {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* --- FORUM NEWTOPIC & PRIVATE --- */
#page_forum_newtopic .leftpanels > .leftpanel,
#page_forum_private .leftpanelreplyforum {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

#page_forum_newtopic .leftpanels .bbeditor,
#page_forum_private .leftpanelreplyforum .bbeditor {
  width: 100% !important;
  box-sizing: border-box;
}

#page_forum_newtopic .leftpanels .bbeditorbuttonscontainer,
#page_forum_private .leftpanelreplyforum .bbeditorbuttonscontainer {
  width: auto !important;
}

#page_forum_newtopic .leftpanels textarea,
#page_forum_private .leftpanelreplyforum textarea {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* --- SOFTWARES --- */
#page_softwares_categories .leftpanels > .leftpanel,
#page_softwares_software .leftpanels > .leftpanel {
  width: 100% !important;
  box-sizing: border-box;
}

#page_softwares_software .software-detail-specs {
  grid-template-columns: 18px 1fr !important;
}

#page_softwares_software .specs-data {
  grid-column: 1 / -1 !important;
  padding-left: 26px !important;
}

#page_softwares_software .bbeditor {
  width: auto !important;
}

#page_softwares_software .bbeditorbuttonscontainer {
  width: auto !important;
}

#page_softwares_software .leftpanels textarea {
  width: calc(100% - var(--space-lg) * 2) !important;
}

/* --- NEWSLETTER --- */
#page_newsletter_main .leftpanels > .leftpanel {
  width: 100% !important;
  box-sizing: border-box;
}

}