.phone-news-details-body { background: #f4f5f7; }
.phone-news-details { width: 100%; max-width: 750px; margin: 0 auto; overflow: hidden; color: #303746; background: #f4f5f7; }
.phone-news-details h1, .phone-news-details h2, .phone-news-details p, .phone-news-details ul { margin: 0; }
.phone-news-details ul { padding: 0; list-style: none; }
.phone-news-details a { color: inherit; text-decoration: none; }

.phone-news-details-hero { min-height: clamp(210px, 43vw, 323px); padding: calc(clamp(68px, 12vw, 90px) + clamp(28px, 7vw, 52px)) clamp(18px, 4.8vw, 36px) clamp(30px, 7vw, 52px); background-color: #e4f4ff; background-image: url(../../Images/ShowImg/seo-geo/news/news-hero-bg.webp); background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; }
.phone-news-details-hero h2 { color: #202738; font-size: clamp(29px, 6.4vw, 48px); font-weight: 700; line-height: 1.25; letter-spacing: .02em; }
.phone-news-details-hero p { margin-top: clamp(13px, 3.2vw, 24px); color: #3f4a5b; font-size: clamp(14px, 3.2vw, 24px); line-height: 1.55; }

.phone-news-details-breadcrumb { display: flex; min-width: 0; min-height: clamp(54px, 12.8vw, 96px); align-items: center; gap: clamp(8px, 2vw, 15px); padding: 0 clamp(16px, 4.267vw, 32px); overflow: hidden; background: #fff; color: #9aa0aa; font-size: clamp(14px, 3.2vw, 24px); white-space: nowrap; }
.phone-news-details-breadcrumb a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; color: #303747; }
.phone-news-details-breadcrumb svg { width: clamp(17px, 4vw, 30px); height: clamp(17px, 4vw, 30px); fill: none; stroke: currentColor; stroke-linejoin: round; stroke-width: 1.8; }
.phone-news-details-breadcrumb-current { min-width: 0; overflow: hidden; text-overflow: ellipsis; }

.phone-news-details-main { padding: clamp(22px, 5.333vw, 40px) clamp(12px, 3.2vw, 24px) clamp(30px, 8vw, 60px); }
.phone-news-details-article h1 { overflow-wrap: anywhere; color: #303746; font-size: clamp(21px, 4.267vw, 32px); font-weight: 500; line-height: 1.35; }
.phone-news-details-meta { display: flex; flex-wrap: wrap; gap: 8px clamp(22px, 8vw, 60px); margin-top: clamp(12px, 3.2vw, 24px); color: #a4a9b1; font-size: 14px; line-height: 1.5; }
.phone-news-details-category { margin-top: clamp(7px, 1.867vw, 14px) !important; color: #0a96f5; font-size: 14px; line-height: 1.5; }
.phone-news-details-content { margin-top: clamp(24px, 6.4vw, 48px); color: #4d5563; font-size: clamp(15px, 3.2vw, 24px); line-height: 1.75; overflow-wrap: anywhere; }
.phone-news-details-content > :first-child { margin-top: 0; }
.phone-news-details-content > :last-child { margin-bottom: 0; }
.phone-news-details-content p { margin: 0 0 clamp(18px, 4.267vw, 32px); text-indent: 0 !important; }
.phone-news-details-content h1, .phone-news-details-content h2, .phone-news-details-content h3, .phone-news-details-content h4 { margin: clamp(24px, 5.333vw, 40px) 0 clamp(12px, 3.2vw, 24px); color: #303746; font-weight: 600; line-height: 1.45; text-align: center; }
.phone-news-details-content h1 { font-size: clamp(21px, 4.267vw, 32px); }
.phone-news-details-content h2 { font-size: clamp(19px, 3.733vw, 28px); }
.phone-news-details-content h3, .phone-news-details-content h4 { font-size: clamp(17px, 3.467vw, 26px); }
.phone-news-details-content img { display: block; width: auto !important; max-width: 100% !important; height: auto !important; margin: clamp(16px, 4.267vw, 32px) auto; border-radius: clamp(7px, 1.867vw, 14px); }
.phone-news-details-content video, .phone-news-details-content iframe { display: block; width: 100% !important; max-width: 100% !important; margin: clamp(16px, 4.267vw, 32px) auto; border: 0; }
.phone-news-details-content table { display: block; width: 100% !important; max-width: 100% !important; overflow-x: auto; border-collapse: collapse; }
.phone-news-details-content td, .phone-news-details-content th { min-width: 80px; padding: 6px; overflow-wrap: anywhere; }
.phone-news-details-content a { color: #078af0; text-decoration: underline; }

.phone-news-details-prev-next { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 8vw, 60px); margin: clamp(28px, 7.467vw, 56px) 0 clamp(24px, 6.4vw, 48px); padding-top: clamp(18px, 4.267vw, 32px); border-top: 1px solid #dde1e6; }
.phone-news-details-prev-next div { min-width: 0; }
.phone-news-details-prev-next div:last-child { text-align: right; }
.phone-news-details-prev-next span { display: block; color: #078af0; font-size: clamp(15px, 3.2vw, 24px); line-height: 1.4; }
.phone-news-details-prev-next a, .phone-news-details-prev-next p { display: block; margin-top: clamp(12px, 3.2vw, 24px); overflow: hidden; color: #8b929e; font-size: clamp(14px, 3.2vw, 24px); line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }

.phone-news-details-card { padding: clamp(18px, 4.8vw, 36px); border-radius: clamp(12px, 3.2vw, 24px); background: #fff; }
.phone-news-details-card + .phone-news-details-card { margin-top: clamp(14px, 3.733vw, 28px); }
.phone-news-details-card h2 { padding-bottom: clamp(8px, 2.133vw, 16px); border-bottom: 1px solid #e1e4e8; color: #59606c; font-size: clamp(17px, 3.733vw, 28px); font-weight: 500; line-height: 1.4; }
.phone-news-details-related ul { display: grid; gap: clamp(8px, 2.133vw, 16px); margin-top: clamp(10px, 2.667vw, 20px); }
.phone-news-details-related li { min-width: 0; color: #8b929e; font-size: clamp(14px, 3.067vw, 23px); line-height: 1.45; }
.phone-news-details-related li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phone-news-details-related-empty { margin-top: 12px !important; color: #8b929e; font-size: 14px; }
.phone-news-details-tags div { display: flex; flex-wrap: wrap; gap: clamp(8px, 2.133vw, 16px); margin-top: clamp(10px, 2.667vw, 20px); }
.phone-news-details-tags span { display: inline-flex; min-height: clamp(32px, 7.733vw, 58px); align-items: center; padding: 5px clamp(9px, 2.4vw, 18px); border: 1px solid #dfe3e9; border-radius: clamp(5px, 1.333vw, 10px); color: #858c97; background: #fff; font-size: clamp(14px, 3.067vw, 23px); line-height: 1.35; }

.phone-news-details-empty { padding: clamp(40px, 10.667vw, 80px) clamp(20px, 5.333vw, 40px); border-radius: clamp(12px, 3.2vw, 24px); background: #fff; text-align: center; }
.phone-news-details-empty h1 { font-size: clamp(21px, 4.267vw, 32px); font-weight: 500; }
.phone-news-details-empty p { margin-top: 12px; color: #7f8793; font-size: clamp(14px, 3.2vw, 24px); }
.phone-news-details-empty a { display: inline-flex; min-height: 40px; align-items: center; margin-top: 22px; padding: 7px 20px; border-radius: 8px; color: #fff; background: #149cf4; font-size: 14px; }
.phone-news-details-empty + .phone-news-details-tags { margin-top: clamp(14px, 3.733vw, 28px); }

@media (max-width: 359px) {
  .phone-news-details-main { padding-right: 12px; padding-left: 12px; }
  .phone-news-details-meta { gap: 5px 16px; }
  .phone-news-details-prev-next { gap: 20px; }
}