.tvtm-modern {
  color: #172033;
  background: #f5f7fb;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.tvtm-full-template {
  margin: 0;
  background: #f4f7fb;
  overflow-x: hidden;
}

.tvtm-full-template .tvtm-site {
  min-height: 100vh;
  background: #f4f7fb;
  color: #172033;
  width: 100%;
  overflow-x: hidden;
}

.tvtm-site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .08);
  backdrop-filter: blur(10px);
}

.tvtm-topline,
.tvtm-nav,
.tvtm-full-hero,
.tvtm-service-grid,
.tvtm-area-links,
.tvtm-main-layout,
.tvtm-full-footer {
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
}

.tvtm-topline {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: #475569;
  font-size: 13px;
}

.tvtm-topline a {
  color: #0f766e;
  font-weight: 900;
  text-decoration: none;
}

.tvtm-nav {
  min-height: 76px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
}

.tvtm-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #172033;
  text-decoration: none;
}

.tvtm-brand:hover {
  color: #172033;
  text-decoration: none;
}

.tvtm-brand-mark {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #0f766e;
  color: #ffffff;
  font-weight: 950;
  letter-spacing: 0;
}

.tvtm-brand strong,
.tvtm-brand small {
  display: block;
}

.tvtm-brand strong {
  color: #172033;
  font-size: 18px;
  line-height: 1.15;
}

.tvtm-brand small {
  margin-top: 3px;
  color: #64748b;
  font-size: 12px;
}

.tvtm-menu-list,
.tvtm-menu-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tvtm-menu-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.tvtm-menu-list a,
.tvtm-menu > a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 11px;
  border-radius: 6px;
  color: #334155;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.tvtm-menu-list a:hover,
.tvtm-menu-list .current-menu-item > a {
  background: #e6f4f1;
  color: #0f766e;
  text-decoration: none;
}

.tvtm-nav-request,
.tvtm-full-actions button,
.tvtm-side-panel button {
  border: 0;
  border-radius: 6px;
  background: #f59e0b;
  color: #111827;
  font-weight: 950;
  cursor: pointer;
}

.tvtm-nav-request {
  min-height: 42px;
  padding: 0 16px;
}

.tvtm-full-hero {
  min-height: 510px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  align-items: center;
  gap: 40px;
  padding: 54px 0 48px;
}

.tvtm-full-hero-copy {
  max-width: 760px;
}

.tvtm-eyebrow {
  display: inline-flex;
  margin-bottom: 14px;
  color: #0f766e;
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
}

.tvtm-full-hero h1 {
  margin: 0;
  color: #0f172a;
  font-size: 52px;
  line-height: 1.05;
  font-weight: 950;
}

.tvtm-full-hero p {
  max-width: 660px;
  margin: 20px 0 0;
  color: #475569;
  font-size: 19px;
  line-height: 1.65;
}

.tvtm-full-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.tvtm-full-actions button,
.tvtm-full-actions a,
.tvtm-side-panel button,
.tvtm-side-panel a {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 0 18px;
  font-weight: 950;
  text-decoration: none;
}

.tvtm-full-actions a:first-of-type,
.tvtm-side-panel a {
  background: #172033;
  color: #ffffff;
}

.tvtm-full-actions a:last-of-type {
  background: #16a34a;
  color: #ffffff;
}

.tvtm-tv-visual {
  min-height: 360px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background:
    radial-gradient(circle at 28% 24%, rgba(15, 118, 110, .28), transparent 34%),
    linear-gradient(135deg, #172033 0%, #263445 100%);
  box-shadow: 0 28px 70px rgba(15, 23, 42, .18);
}

.tvtm-tv-screen {
  width: min(340px, 82%);
  aspect-ratio: 16 / 9;
  display: grid;
  gap: 14px;
  align-content: center;
  padding: 34px;
  border: 12px solid #020617;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e5665, #0f766e);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), 0 20px 40px rgba(0, 0, 0, .28);
}

.tvtm-tv-screen span {
  height: 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .74);
}

.tvtm-tv-screen span:nth-child(2) {
  width: 72%;
}

.tvtm-tv-screen span:nth-child(3) {
  width: 52%;
  background: #d9f99d;
}

.tvtm-tv-stand {
  width: 132px;
  height: 58px;
  margin-top: -24px;
  border-bottom: 16px solid #94a3b8;
  border-left: 34px solid transparent;
  border-right: 34px solid transparent;
}

.tvtm-service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 28px;
}

.tvtm-service-grid article {
  min-height: 132px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  padding: 20px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}

.tvtm-service-grid strong,
.tvtm-service-grid span {
  display: block;
}

.tvtm-service-grid strong {
  color: #0f172a;
  font-size: 18px;
}

.tvtm-service-grid span {
  margin-top: 9px;
  color: #64748b;
  line-height: 1.55;
}

.tvtm-area-links {
  display: grid;
  gap: 18px;
  margin-bottom: 28px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  padding: clamp(20px, 3vw, 30px);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}

.tvtm-area-links-head span {
  display: block;
  color: #0f766e;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.tvtm-area-links-head h2 {
  margin: 6px 0 0;
  color: #0f172a;
  font-size: clamp(22px, 3vw, 30px);
  line-height: 1.2;
}

.tvtm-area-link-group {
  display: grid;
  gap: 12px;
  border-top: 1px solid #e2e8f0;
  padding-top: 18px;
}

.tvtm-area-link-group strong {
  color: #0f172a;
  font-size: 17px;
}

.tvtm-area-link-list {
  columns: 4 170px;
  column-gap: 22px;
}

.tvtm-area-link-list a {
  display: block;
  break-inside: avoid;
  margin: 0 0 8px;
  border: 0;
  border-bottom: 1px solid #e2e8f0;
  border-radius: 0;
  background: transparent;
  color: #334155;
  padding: 0 0 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}

.tvtm-area-link-list a::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  border-radius: 50%;
  background: #0f766e;
  vertical-align: 2px;
}

.tvtm-area-link-list a:hover {
  color: #0f766e;
}

.tvtm-main-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 24px;
  align-items: start;
  padding-bottom: 46px;
}

.tvtm-article,
.tvtm-side-panel {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}

.tvtm-article {
  min-width: 0;
  padding: clamp(22px, 3vw, 36px);
  color: #334155;
  font-size: 16px;
  line-height: 1.75;
  overflow: hidden;
}

.tvtm-article h1,
.tvtm-article h2,
.tvtm-article h3 {
  color: #0f172a;
  font-weight: 900;
}

.tvtm-article h2 {
  margin-top: 30px;
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
}

.tvtm-article a {
  color: #0f766e;
  font-weight: 800;
}

.tvtm-article img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.tvtm-full-template .tvtm-article *,
.tvtm-full-template .tvtm-side-panel *,
.tvtm-full-template .tvtm-service-grid * {
  max-width: 100%;
}

.tvtm-full-template .tvtm-article img,
.tvtm-full-template .tvtm-article iframe,
.tvtm-full-template .tvtm-article video,
.tvtm-full-template .tvtm-article embed,
.tvtm-full-template .tvtm-article object {
  display: block;
  width: auto;
  max-width: 100% !important;
}

.tvtm-full-template .tvtm-article table {
  width: 100% !important;
  table-layout: fixed;
}

.tvtm-full-template .tvtm-article pre,
.tvtm-full-template .tvtm-article code {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.tvtm-full-template .tvtm-article p,
.tvtm-full-template .tvtm-article li,
.tvtm-full-template .tvtm-article h1,
.tvtm-full-template .tvtm-article h2,
.tvtm-full-template .tvtm-article h3,
.tvtm-full-template .tvtm-article h4 {
  overflow-wrap: anywhere;
}

.tvtm-full-template .tvtm-article > p:first-child img,
.tvtm-full-template .tvtm-article figure:first-child img,
.tvtm-full-template .tvtm-article .wp-post-image,
.tvtm-full-template .tvtm-article img.aligncenter,
.tvtm-full-template .tvtm-article img.alignnone {
  width: 100%;
  max-height: 360px;
  object-fit: cover;
  object-position: center;
}

.tvtm-full-template .tvtm-article figure,
.tvtm-full-template .tvtm-article .wp-caption {
  max-width: 100%;
}

.tvtm-side-panel {
  position: sticky;
  top: 126px;
  display: grid;
  gap: 12px;
  padding: 22px;
}

.tvtm-side-panel strong {
  color: #0f172a;
  font-size: 22px;
  line-height: 1.2;
}

.tvtm-side-panel p {
  margin: 0;
  color: #64748b;
  line-height: 1.65;
}

.tvtm-full-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-top: 1px solid #e2e8f0;
  padding: 26px 0 34px;
}

.tvtm-full-footer strong,
.tvtm-full-footer span {
  display: block;
}

.tvtm-full-footer strong {
  color: #0f172a;
}

.tvtm-full-footer span {
  color: #64748b;
}

.tvtm-footer-actions {
  display: flex;
  gap: 10px;
}

.tvtm-footer-actions a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  background: #172033;
  color: #ffffff;
  padding: 0 14px;
  font-weight: 800;
  text-decoration: none;
}

.tvtm-modern .boxed-container {
  width: 100%;
  max-width: none;
  overflow: hidden;
  background: #f5f7fb;
  box-shadow: none;
}

.tvtm-modern .top {
  background: #0f172a;
  color: #dbeafe;
  font-size: 13px;
}

.tvtm-modern .top .container,
.tvtm-modern .header .container,
.tvtm-modern .footer .container,
.tvtm-modern .footer-bottom .container {
  width: min(1180px, calc(100% - 32px));
  max-width: none;
}

.tvtm-modern .top__left,
.tvtm-modern .top__right,
.tvtm-modern .top a {
  color: #dbeafe;
}

.tvtm-modern .top .row {
  display: flex;
  align-items: center;
}

.tvtm-modern .header {
  background: #ffffff;
}

.tvtm-modern .top {
  border-bottom: 1px solid #e4e8ef;
}

.tvtm-modern .header {
  position: relative;
  z-index: 20;
  padding: 0;
  border-bottom: 1px solid #e4e8ef;
  box-shadow: 0 14px 40px rgba(15, 23, 42, .08);
}

.tvtm-modern .header > .container:first-child {
  min-height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.tvtm-modern .logo {
  float: none;
  padding: 0;
  margin: 0;
}

.tvtm-modern .logo a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.tvtm-modern .logo img {
  max-height: 58px;
  width: auto;
}

.tvtm-modern .logo h1 {
  margin: 0;
  color: #172033;
  font-size: 27px;
  font-weight: 900;
}

.tvtm-modern .logo h1::after {
  content: " | TV Servisi";
  color: #0f766e;
  font-weight: 800;
}

.tvtm-modern .header-widgets-desktop {
  float: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  color: #172033;
}

.tvtm-modern .header-widgets .widget,
.tvtm-modern .header-widgets p {
  margin-bottom: 0;
}

.tvtm-modern .header-widgets a {
  color: #0f766e;
  font-weight: 800;
}

.tvtm-modern .navbar-toggle {
  border-radius: 6px;
  background: #172033;
  color: #ffffff;
  border: 0;
  padding: 10px 12px;
}

.tvtm-modern .navigation,
.tvtm-modern .main-navigation {
  background: #172033;
  border-radius: 8px;
  min-height: 54px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .12);
}

.tvtm-modern .navigation {
  margin-bottom: -27px;
}

.tvtm-modern .navigation--main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 54px;
  padding: 0 10px;
}

.tvtm-modern .navigation--main,
.tvtm-modern .navigation--main ul {
  list-style: none;
}

.tvtm-modern .navigation--main > li {
  margin: 0;
}

.tvtm-modern .navigation--main > li > a {
  display: flex;
  align-items: center;
  min-height: 54px;
  padding: 0 14px;
  color: #ffffff;
  font-weight: 800;
  text-decoration: none;
  border-radius: 6px;
}

.tvtm-modern .navigation--main > li > a:hover,
.tvtm-modern .navigation--main > .current-menu-item > a,
.tvtm-modern .navigation--main > .current_page_item > a {
  background: #0f766e;
  color: #ffffff;
}

.tvtm-modern .navigation a,
.tvtm-modern .main-navigation a {
  color: #ffffff;
}

.tvtm-modern .master-container,
.tvtm-modern .main-title {
  background: transparent;
}

.tvtm-modern .master-container {
  padding-top: 54px;
  padding-bottom: 42px;
}

.tvtm-modern .main-title {
  display: none;
}

.tvtm-modern .master-container .container {
  width: min(1180px, calc(100% - 32px));
}

.tvtm-modern-hero {
  width: 100vw;
  margin: -54px 0 28px 50%;
  transform: translateX(-50%);
  background:
    linear-gradient(100deg, rgba(23, 32, 51, .94) 0%, rgba(23, 32, 51, .82) 48%, rgba(15, 118, 110, .68) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='520' viewBox='0 0 1400 520'%3E%3Crect width='1400' height='520' fill='%23263245'/%3E%3Crect x='815' y='80' width='430' height='255' rx='16' fill='%230f172a' stroke='%2394a3b8' stroke-width='10'/%3E%3Crect x='852' y='116' width='356' height='178' rx='8' fill='%231e5665'/%3E%3Cpath d='M885 266h286' stroke='%235eead4' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M908 142h238M908 176h184M908 210h218' stroke='%23d9f99d' stroke-width='9' stroke-linecap='round' opacity='.9'/%3E%3Cpath d='M990 338h80l22 62H968l22-62Z' fill='%2394a3b8'/%3E%3Ccircle cx='245' cy='168' r='92' fill='%230f766e' opacity='.56'/%3E%3Ccircle cx='360' cy='284' r='44' fill='%23f59e0b' opacity='.52'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  color: #ffffff;
}

.tvtm-modern-hero-inner {
  width: min(1180px, calc(100% - 32px));
  min-height: 390px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 34px;
  align-items: center;
  padding: 54px 0 46px;
}

.tvtm-modern-kicker {
  display: inline-flex;
  margin-bottom: 14px;
  color: #d9f99d;
  font: 800 13px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-transform: uppercase;
}

.tvtm-modern-hero h1 {
  max-width: 760px;
  margin: 0;
  color: #ffffff;
  font: 800 42px/1.12 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.tvtm-modern-hero p {
  max-width: 690px;
  margin: 18px 0 0;
  color: #eef6ff;
  font: 18px/1.6 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.tvtm-modern-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.tvtm-modern-actions button,
.tvtm-modern-actions a {
  min-height: 48px;
  border-radius: 6px;
  padding: 14px 18px;
  font: 800 15px/1.15 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-decoration: none;
  cursor: pointer;
}

.tvtm-modern-actions button {
  border: 0;
  background: #f59e0b;
  color: #111827;
}

.tvtm-modern-actions a {
  border: 1px solid rgba(255, 255, 255, .55);
  color: #ffffff;
  background: rgba(255, 255, 255, .08);
}

.tvtm-modern-service-box {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 8px;
  background: rgba(15, 23, 42, .46);
  padding: 20px;
  backdrop-filter: blur(8px);
}

.tvtm-modern-service-box strong {
  color: #ffffff;
  font-size: 18px;
}

.tvtm-modern-service-box span {
  display: block;
  border-top: 1px solid rgba(255, 255, 255, .14);
  padding-top: 10px;
  color: #edf7ff;
}

.tvtm-modern-content-shell {
  background: #ffffff;
  border: 1px solid #e4e8ef;
  border-radius: 8px;
  padding: clamp(20px, 3vw, 34px);
  box-shadow: 0 16px 46px rgba(21, 32, 51, .08);
}

.tvtm-modern-content-shell img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}

.tvtm-modern-content-shell table {
  width: 100%;
  overflow: hidden;
  border: 1px solid #e4e8ef;
  border-radius: 8px;
}

.tvtm-modern-content-shell th,
.tvtm-modern-content-shell td {
  border-bottom: 1px solid #e4e8ef;
  padding: 12px;
}

.tvtm-modern-content-shell h1,
.tvtm-modern-content-shell h2,
.tvtm-modern-content-shell h3 {
  color: #172033;
}

.tvtm-modern-content-shell a {
  color: #0f766e;
}

.tvtm-modern-content-shell .btn,
.tvtm-modern-content-shell button,
.tvtm-modern-content-shell input[type="submit"] {
  border-radius: 6px;
}

.tvtm-modern-strip {
  width: min(1180px, calc(100% - 32px));
  margin: 22px auto 36px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.tvtm-modern-strip div {
  border-left: 4px solid #0f766e;
  border-radius: 8px;
  background: #ffffff;
  padding: 17px 18px;
  box-shadow: 0 12px 34px rgba(21, 32, 51, .07);
}

.tvtm-modern-strip strong,
.tvtm-modern-strip span {
  display: block;
}

.tvtm-modern-strip strong {
  margin-bottom: 6px;
  color: #172033;
}

.tvtm-modern-strip span {
  color: #5c6678;
}

.tvtm-modern .footer {
  background: #172033;
  color: #e9eef6;
  padding: 42px 0 30px;
  border-top: 5px solid #0f766e;
}

.tvtm-modern .footer a {
  color: #ffffff;
}

.tvtm-modern .footer .widget-title,
.tvtm-modern .footer h1,
.tvtm-modern .footer h2,
.tvtm-modern .footer h3,
.tvtm-modern .footer h4 {
  color: #ffffff;
}

.tvtm-modern .footer-bottom {
  background: #0b1220;
  color: #cbd5e1;
  border-top: 1px solid rgba(255, 255, 255, .08);
  padding: 16px 0;
}

.tvtm-modern .footer-bottom .container {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}

.tvtm-modern .footer-bottom a {
  color: #e5e7eb;
}

.tvtm-modern .fixed-bottom-field {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9996;
  display: flex;
  gap: 10px;
  width: auto;
  background: transparent;
  box-shadow: none;
}

.tvtm-modern .fixed-bottom-field a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 16px;
  border: 0;
  color: #ffffff;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .18);
}

.tvtm-modern .fixed-bottom-field .whatsapp {
  background: #16a34a;
}

.tvtm-modern .fixed-bottom-field .call-now {
  background: #dc2626;
}

.tvtm-modern .fixed-bottom-field a,
.tvtm-modern .tvtm-request-fab {
  border-radius: 6px;
}

.tvtm-modern .tvtm-request-fab {
  right: 18px;
  bottom: 76px;
  background: #f59e0b;
  color: #111827;
  box-shadow: 0 16px 34px rgba(245, 158, 11, .28);
}

@media (max-width: 900px) {
  .tvtm-nav {
    grid-template-columns: 1fr auto;
    gap: 12px;
  }

  .tvtm-menu {
    grid-column: 1 / -1;
    overflow-x: auto;
    padding-bottom: 8px;
  }

  .tvtm-menu-list {
    justify-content: flex-start;
    min-width: max-content;
  }

  .tvtm-full-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    padding-top: 36px;
  }

  .tvtm-full-hero h1 {
    font-size: 38px;
  }

  .tvtm-tv-visual {
    min-height: 280px;
  }

  .tvtm-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tvtm-main-layout {
    grid-template-columns: 1fr;
  }

  .tvtm-side-panel {
    position: static;
  }

  .tvtm-modern .top .row,
  .tvtm-modern .header > .container:first-child {
    display: block;
  }

  .tvtm-modern .header {
    padding: 14px 0;
  }

  .tvtm-modern .header-widgets-desktop {
    display: none;
  }

  .tvtm-modern .navbar-toggle {
    position: absolute;
    right: 16px;
    top: 26px;
  }

  .tvtm-modern .navigation {
    margin: 14px 0 0;
    border-radius: 8px;
  }

  .tvtm-modern .navigation--main {
    display: block;
    padding: 8px;
  }

  .tvtm-modern .navigation--main > li > a {
    min-height: 42px;
  }

  .tvtm-modern .master-container {
    padding-top: 0;
  }

  .tvtm-modern-hero {
    margin-top: 0;
  }

  .tvtm-modern-hero-inner {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 42px 0;
  }

  .tvtm-modern-service-box {
    max-width: 520px;
  }

  .tvtm-modern-strip {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  html:has(.tvtm-full-template),
  .tvtm-full-template {
    background: #0f172a;
  }

  .tvtm-topline,
  .tvtm-nav,
  .tvtm-full-hero,
  .tvtm-service-grid,
  .tvtm-area-links,
  .tvtm-main-layout,
  .tvtm-full-footer {
    width: min(100% - 24px, 1180px);
  }

  .tvtm-full-template,
  .tvtm-full-template .tvtm-site,
  .tvtm-full-template main,
  .tvtm-main-layout,
  .tvtm-article,
  .tvtm-side-panel {
    max-width: 100vw;
    overflow-x: hidden;
  }

  .tvtm-topline,
  .tvtm-full-footer {
    display: grid;
  }

  .tvtm-nav {
    min-height: 0;
    padding: 12px 0;
    grid-template-columns: 1fr;
  }

  .tvtm-site-header {
    position: relative;
    background: #ffffff;
  }

  .tvtm-menu {
    display: none;
  }

  .tvtm-brand strong {
    font-size: 16px;
  }

  .tvtm-brand-mark {
    width: 42px;
    height: 42px;
  }

  .tvtm-nav-request {
    min-height: 40px;
    padding: 0 12px;
    font-size: 13px;
    width: 100%;
  }

  .tvtm-full-hero {
    width: 100%;
    margin: 0;
    padding: 30px 16px 24px;
    background:
      linear-gradient(150deg, rgba(15, 23, 42, .96), rgba(15, 118, 110, .92)),
      radial-gradient(circle at 80% 10%, rgba(245, 158, 11, .34), transparent 32%);
    color: #ffffff;
  }

  .tvtm-full-hero h1 {
    color: #ffffff;
    font-size: 31px;
  }

  .tvtm-full-hero p {
    color: #dbeafe;
    font-size: 16px;
  }

  .tvtm-eyebrow {
    color: #d9f99d;
  }

  .tvtm-tv-visual {
    min-height: 210px;
    box-shadow: none;
    background: rgba(255, 255, 255, .1);
  }

  .tvtm-service-grid {
    grid-template-columns: 1fr;
    margin-top: 18px;
  }

  .tvtm-area-links {
    padding: 18px;
  }

  .tvtm-area-link-list {
    columns: 1;
  }

  .tvtm-area-link-list a {
    width: auto;
    text-align: left;
  }

  .tvtm-full-actions,
  .tvtm-footer-actions {
    display: grid;
  }

  .tvtm-full-actions button,
  .tvtm-full-actions a,
  .tvtm-side-panel button,
  .tvtm-side-panel a {
    width: 100%;
  }

  .tvtm-full-footer {
    padding-bottom: 96px;
  }

  .tvtm-full-template .tvtm-article > p:first-child img,
  .tvtm-full-template .tvtm-article figure:first-child img,
  .tvtm-full-template .tvtm-article .wp-post-image,
  .tvtm-full-template .tvtm-article img.aligncenter,
  .tvtm-full-template .tvtm-article img.alignnone {
    width: 100% !important;
    max-height: 240px;
  }

  .tvtm-full-template .tvtm-mobile-actionbar {
    display: grid;
  }

  .tvtm-modern .master-container .container,
  .tvtm-modern-hero-inner,
  .tvtm-modern-strip {
    width: min(100% - 24px, 1180px);
  }

  .tvtm-modern-hero h1 {
    font-size: 30px;
  }

  .tvtm-modern-hero p {
    font-size: 16px;
  }

  .tvtm-modern-actions {
    display: grid;
  }

  .tvtm-modern-actions button,
  .tvtm-modern-actions a {
    width: 100%;
    text-align: center;
  }

  .tvtm-modern .footer-bottom .container,
  .tvtm-modern .fixed-bottom-field {
    display: grid;
  }

  .tvtm-modern .fixed-bottom-field {
    left: 12px;
    right: 12px;
    bottom: 12px;
    grid-template-columns: 1fr 1fr;
  }

  .tvtm-modern .fixed-bottom-field a {
    padding: 0 10px;
    font-size: 13px;
  }

  .tvtm-modern .tvtm-request-fab {
    right: 12px;
    bottom: 68px;
  }
}