/* =====================================================================
   Site PC Daily - khung chung
   Xanh than dam + xanh duong tuoi, bo goc nhe, the co bong mo.
   ===================================================================== */

:root {
	--navy: #0d2a4d;
	--navy-2: #163a66;
	--blue: #0f6cbd;
	--blue-dk: #0b5296;
	--blue-lt: #e9f1fa;
	--ink: #16191d;
	--ink-2: #4b535c;
	--ink-3: #737d87;
	--line: #dde3ea;
	--line-2: #eef1f5;
	--bg: #ffffff;
	--wash: #f6f8fb;
	--green: #12794c;
	--amber: #9a6100;
	--red: #c22a2a;

	--head: "Manrope", "Segoe UI", system-ui, sans-serif;
	--body: "Noto Sans", "Segoe UI", system-ui, sans-serif;

	--wrap: 1240px;
	--col: 760px;
	--r: 10px;
	--gap: 26px;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	background: var(--bg);
	color: var(--ink);
	font-family: var(--body);
	font-size: 17px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }

a { color: inherit; }

h1, h2, h3, h4 {
	font-family: var(--head);
	font-weight: 800;
	letter-spacing: -0.017em;
	line-height: 1.2;
	margin: 0;
}

p { margin: 0; }

ul, ol { margin: 0; padding: 0; list-style: none; }

button, input { font: inherit; color: inherit; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	margin: -1px; padding: 0; border: 0;
	clip: rect(0 0 0 0); clip-path: inset(50%);
	overflow: hidden; white-space: nowrap;
}

.pd-skip {
	position: absolute; left: -9999px; top: 0; z-index: 100;
	background: var(--navy); color: #fff; padding: 12px 18px; font-weight: 700;
}
.pd-skip:focus { left: 0; }

.pd-wrap {
	width: 100%;
	max-width: var(--wrap);
	margin-inline: auto;
	padding-inline: 20px;
}

/* Cot chu hep o trang bai viet va trang tinh. */
.pd-col { max-width: calc( var(--col) + 40px ); }

/* O luoi mac dinh la min-width:auto nen khong chiu co nho hon noi dung ben
   trong; bat ky o nao chua bang hoac dai cuon ngang deu lam vo bo cuc tren
   dien thoai neu khong dat lai. */
.pd-grid > *,
.pd-top__in > *,
.pd-c > *,
.pd-facts > *,
.pd-meth__grid > *,
.pd-nl__in > * { min-width: 0; }

/* ---- Dau trang ------------------------------------------------------ */

.pd-head {
	background: var(--navy);
	color: #fff;
	position: sticky; top: 0; z-index: 30;
	box-shadow: 0 1px 0 rgba(0,0,0,0.12);
}
.pd-head__in {
	display: flex; align-items: center; gap: 20px;
	min-height: 62px;
}

.pd-logo { margin: 0; flex: 0 0 auto; }
.pd-logo a { text-decoration: none; display: inline-flex; align-items: baseline; gap: 1px; }
.pd-lg__name {
	font-family: var(--head); font-weight: 800; font-size: 25px;
	letter-spacing: -0.03em; color: #fff;
}
.pd-lg__tld {
	font-family: var(--head); font-weight: 600; font-size: 12px;
	color: #8fb4dd;
}

.pd-nav { flex: 1 1 auto; min-width: 0; }
.pd-nav__list { display: flex; flex-wrap: wrap; gap: 2px; }
.pd-nav__list a {
	display: block; text-decoration: none; color: #d6e4f4;
	font-family: var(--head); font-weight: 600; font-size: 14px;
	padding: 7px 11px; border-radius: 6px;
}
.pd-nav__list a:hover { background: var(--navy-2); color: #fff; }

.pd-head__search { flex: 0 0 auto; width: min(230px, 34vw); }

.pd-sf { display: flex; background: rgba(255,255,255,0.12); border-radius: 999px; overflow: hidden; }
.pd-sf input {
	flex: 1 1 auto; min-width: 0;
	border: 0; background: transparent; color: #fff; padding: 8px 14px; font-size: 14px;
}
.pd-sf input::placeholder { color: #9dbbd9; }
.pd-sf input:focus { outline: 2px solid #6fa8e0; outline-offset: -2px; }
.pd-sf button {
	flex: 0 0 auto; border: 0; background: transparent; color: #cfe0f2;
	padding-inline: 12px; cursor: pointer; display: grid; place-items: center;
}
.pd-sf button:hover { color: #fff; }

/* Ba vach cua nut menu nam trong mot the span, nen chinh the span do thanh
   cot flex - dat gap len chinh nut thi ba vach dinh lien thanh mot khoi. */
.pd-burger {
	display: none;
	border: 0; background: rgba(255,255,255,0.12); border-radius: 8px;
	width: 40px; height: 36px; cursor: pointer; padding: 0;
	place-items: center;
}
.pd-burger__bars { display: flex; flex-direction: column; gap: 4px; width: 17px; }
.pd-burger__bars i { display: block; height: 2px; background: #fff; border-radius: 2px; }

/* ---- Khung trang ---------------------------------------------------- */

.pd-main { display: block; }

.pd-sec { padding-block: 38px; }
.pd-sec--deal { background: var(--wash); border-block: 1px solid var(--line); }
.pd-sec--top { background: var(--blue-lt); border-block: 1px solid #d3e3f5; }
.pd-sec__fine { margin-top: 14px; font-size: 12px; color: var(--ink-3); }

.pd-rh {
	display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 14px;
	margin-bottom: 20px; padding-bottom: 10px;
	border-bottom: 2px solid var(--navy);
}
.pd-rh__t { font-size: 22px; font-weight: 800; }
.pd-rh__n { font-size: 13px; color: var(--ink-3); flex: 1 1 200px; }
.pd-rh__a {
	font-family: var(--head); font-weight: 700; font-size: 13px;
	text-decoration: none; color: var(--blue);
}
.pd-rh__a:hover { text-decoration: underline; }

/* ---- Dau trang chuyen muc ------------------------------------------- */

.pd-ph { padding-block: 22px 20px; }
.pd-ph__lab {
	font-family: var(--head); font-weight: 700; font-size: 11px;
	letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue);
	margin-bottom: 5px;
}
.pd-ph__t { font-size: clamp( 27px, 4vw, 40px ); font-weight: 800; }
.pd-ph__d { margin-top: 10px; color: var(--ink-2); font-size: 16px; max-width: 70ch; }
.pd-ph__d p { margin: 0 0 8px; }
.pd-ph__n { margin-top: 8px; font-size: 13px; color: var(--ink-3); }
.pd-ph__form { margin-top: 14px; max-width: 340px; }
.pd-ph__form .pd-sf { background: var(--wash); border: 1px solid var(--line); }
.pd-ph__form .pd-sf input { color: var(--ink); }
.pd-ph__form .pd-sf input::placeholder { color: var(--ink-3); }
.pd-ph__form .pd-sf button { color: var(--ink-2); }

.pd-ph--author { display: flex; align-items: flex-start; gap: 18px; }

.pd-facts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.pd-facts li {
	border: 1px solid var(--line); border-radius: var(--r); padding: 9px 15px;
	background: var(--wash); display: flex; flex-direction: column; min-width: 0;
}
.pd-facts b { font-family: var(--head); font-size: 18px; font-weight: 800; }
.pd-facts span { font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-3); }

/* ---- Duong dan ------------------------------------------------------ */

.pd-bc { padding-block: 14px 4px; font-size: 12px; color: var(--ink-3); }
.pd-bc ol { display: flex; flex-wrap: wrap; gap: 6px; }
.pd-bc li + li::before { content: "/"; margin-right: 6px; color: var(--line); }
.pd-bc a { text-decoration: none; }
.pd-bc a:hover { color: var(--blue); text-decoration: underline; }

/* ---- Diem ----------------------------------------------------------- */

.pd-tag {
	display: inline-flex; align-items: center; gap: 6px;
	font-family: var(--head); font-size: 12px; font-weight: 600; color: var(--ink-2);
}
.pd-tag b {
	background: var(--navy); color: #fff; border-radius: 5px;
	font-size: 12.5px; font-weight: 800;
	padding: 2px 7px; min-width: 34px; text-align: center;
}

.pd-pick { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 10px; }
.pd-pick__tag {
	font-family: var(--head); font-size: 11px; font-weight: 800;
	letter-spacing: 0.07em; text-transform: uppercase;
	background: var(--blue); color: #fff; padding: 4px 10px; border-radius: 999px;
}
.pd-pick__note { font-size: 11px; color: var(--ink-3); }

/* ---- The bai viet --------------------------------------------------- */

.pd-c { min-width: 0; }
.pd-c__shot {
	display: block; position: relative; background: var(--wash);
	border: 1px solid var(--line-2); border-radius: var(--r); overflow: hidden;
}
.pd-c__shot img {
	width: 100%; height: 100%; object-fit: contain; padding: 10px;
	transition: transform 0.25s ease;
}
.pd-c:hover .pd-c__shot img { transform: scale(1.04); }

.pd-c__save {
	position: absolute; right: 8px; top: 8px;
	background: var(--red); color: #fff; border-radius: 6px;
	font-family: var(--head); font-size: 12px; font-weight: 800; padding: 2px 7px;
}
.pd-c__rank {
	position: absolute; left: 8px; top: 8px;
	background: var(--navy); color: #fff; border-radius: 50%;
	width: 30px; height: 30px; display: grid; place-items: center;
	font-family: var(--head); font-size: 15px; font-weight: 800;
}

.pd-c__cat {
	display: inline-block;
	font-family: var(--head); font-size: 11px; font-weight: 700;
	letter-spacing: 0.07em; text-transform: uppercase;
	color: var(--blue); text-decoration: none; margin-bottom: 5px;
}
.pd-c__cat:hover { text-decoration: underline; }

.pd-c__title { font-size: 17px; font-weight: 700; line-height: 1.26; }
.pd-c__title a { text-decoration: none; }
.pd-c__title a:hover { color: var(--blue); }

.pd-c__dek { margin-top: 7px; font-size: 14.5px; color: var(--ink-2); line-height: 1.5; }

.pd-c__meta {
	margin-top: 9px; display: flex; flex-wrap: wrap; align-items: center; gap: 5px 12px;
	font-size: 12px; color: var(--ink-3);
}
.pd-c__price { font-family: var(--head); font-weight: 800; font-size: 14px; color: var(--ink); }

.pd-c--lead .pd-c__shot { aspect-ratio: 16 / 10; }
.pd-c--lead .pd-c__body { padding-top: 14px; }
.pd-c--lead .pd-c__title { font-size: clamp( 24px, 3vw, 33px ); font-weight: 800; }
.pd-c--lead .pd-c__dek { font-size: 16.5px; }

.pd-c--grid .pd-c__shot, .pd-c--rank .pd-c__shot { aspect-ratio: 4 / 3; }
.pd-c--grid .pd-c__body, .pd-c--rank .pd-c__body { padding-top: 11px; }

.pd-c--mini { border-top: 1px solid var(--line); }
.pd-c--mini a { display: grid; grid-template-columns: 68px 1fr; gap: 12px; padding-block: 11px; text-decoration: none; align-items: center; }
.pd-c--mini .pd-c__shot { aspect-ratio: 1 / 1; }
.pd-c--mini .pd-c__title { display: block; font-family: var(--head); font-size: 14.5px; font-weight: 700; line-height: 1.32; }
.pd-c--mini a:hover .pd-c__title { color: var(--blue); }
.pd-c--mini .pd-c__meta { margin-top: 5px; display: flex; }

/* ---- Luoi ----------------------------------------------------------- */

.pd-grid { display: grid; gap: var(--gap); }
.pd-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pd-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pd-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.pd-top { padding-block: 30px 36px; }
.pd-top__in { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); gap: 36px; }
.pd-top__sub { margin-top: var(--gap); }
.pd-top__side { border-left: 1px solid var(--line); padding-left: 26px; }
.pd-top__lab {
	font-family: var(--head); font-size: 12px; font-weight: 800;
	letter-spacing: 0.09em; text-transform: uppercase;
	color: var(--navy); border-bottom: 2px solid var(--navy);
	padding-bottom: 8px;
}

/* ---- Danh sach hang ------------------------------------------------- */

.pd-brands { display: flex; flex-wrap: wrap; gap: 8px; }
.pd-brands a {
	display: inline-flex; align-items: center; gap: 7px;
	border: 1px solid var(--line); border-radius: 999px; padding: 7px 14px;
	text-decoration: none; font-family: var(--head); font-size: 13px; font-weight: 600;
	background: #fff;
}
.pd-brands a:hover { border-color: var(--blue); background: var(--blue); color: #fff; }
.pd-brands span { font-size: 11px; color: var(--ink-3); }
.pd-brands a:hover span { color: #cfe0f2; }

/* ---- Tac gia -------------------------------------------------------- */

.pd-av {
	display: inline-grid; place-items: center; flex: 0 0 auto;
	background: var(--navy); color: #fff; border-radius: 50%;
	font-family: var(--head); font-weight: 800;
}

.pd-by { display: flex; align-items: center; gap: 12px; margin-top: 16px; }
.pd-by__name { font-family: var(--head); font-size: 14px; font-weight: 700; }
.pd-by__name a { text-decoration: none; }
.pd-by__name a:hover { color: var(--blue); }
.pd-by__when { font-size: 12px; color: var(--ink-3); }

/* ---- Phan trang ----------------------------------------------------- */

.pd-pg { margin-top: 32px; }
.pd-pg ul { display: flex; flex-wrap: wrap; gap: 6px; }
.pd-pg a, .pd-pg span {
	display: inline-block; min-width: 38px; text-align: center;
	border: 1px solid var(--line); border-radius: 8px; padding: 7px 11px;
	text-decoration: none; font-family: var(--head); font-size: 13px; font-weight: 600;
}
.pd-pg a:hover { border-color: var(--blue); color: var(--blue); }
.pd-pg .current { background: var(--navy); border-color: var(--navy); color: #fff; }

.pd-empty { padding: 40px 0; color: var(--ink-2); }

/* ---- Dang ky thu ---------------------------------------------------- */

.pd-nl { background: var(--navy); color: #fff; }
.pd-nl__in {
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 28px; align-items: center; padding-block: 34px;
}
.pd-nl__t { font-size: 25px; font-weight: 800; }
.pd-nl__d { color: #b9cfe6; font-size: 15px; margin-top: 6px; }
.pd-nl__f { display: flex; flex-wrap: wrap; gap: 8px; }
.pd-nl__f input {
	flex: 1 1 200px; min-width: 0; border: 0; border-radius: 8px;
	padding: 12px 14px; background: #fff; color: var(--ink);
}
.pd-nl__f button {
	flex: 0 0 auto; border: 0; border-radius: 8px; background: var(--blue); color: #fff;
	cursor: pointer; font-family: var(--head); font-weight: 700; font-size: 14px;
	padding-inline: 22px;
}
.pd-nl__f button:hover { background: var(--blue-dk); }
.pd-nl__fine { flex: 1 1 100%; font-size: 11.5px; color: #8fa9c4; }

/* ---- Khoi cach lam viec --------------------------------------------- */

.pd-meth {
	border: 1px solid var(--line); border-radius: var(--r);
	padding: 22px; margin-block: 32px; background: var(--wash);
}
.pd-meth__t { font-size: 19px; font-weight: 800; margin-bottom: 14px; }
.pd-meth__grid {
	display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;
	border-block: 1px solid var(--line); padding-block: 14px;
}
.pd-meth__grid li { display: flex; flex-direction: column; }
.pd-meth__grid b { font-family: var(--head); font-size: 23px; font-weight: 800; color: var(--navy); }
.pd-meth__grid span { font-size: 12px; color: var(--ink-3); line-height: 1.35; }
.pd-meth__note { margin-top: 14px; font-size: 13.5px; color: var(--ink-2); }

/* ---- 404 ------------------------------------------------------------ */

.pd-404 { padding-block: 52px 60px; }
.pd-404__code { font-family: var(--head); font-size: 80px; font-weight: 800; color: var(--blue); line-height: 1; }
.pd-404__form { max-width: 340px; margin-block: 20px; }
.pd-404__form .pd-sf { background: var(--wash); border: 1px solid var(--line); }
.pd-404__form .pd-sf input { color: var(--ink); }
.pd-404__form .pd-sf button { color: var(--ink-2); }
.pd-404__lab { font-family: var(--head); font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 10px; }

.pd-page { padding-block: 16px 46px; }

/* ---- Chan trang ----------------------------------------------------- */

.pd-foot { background: var(--navy); color: #c9d9ea; margin-top: 30px; padding-block: 34px 26px; }
.pd-foot__top { border-bottom: 1px solid rgba(255,255,255,0.14); padding-bottom: 16px; margin-bottom: 22px; }
.pd-foot__logo { font-family: var(--head); font-size: 22px; font-weight: 800; color: #fff; }
.pd-foot__d { font-size: 13px; color: #8fa9c4; }

.pd-foot__cols { display: grid; grid-template-columns: 1fr 1fr 2fr; gap: 30px; }
.pd-foot__col > ul { display: grid; gap: 6px; }
.pd-foot__h { font-family: var(--head); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #fff; margin-bottom: 12px; }
.pd-foot__col a { text-decoration: none; font-size: 14px; }
.pd-foot__col a:hover { color: #fff; text-decoration: underline; }
.pd-foot__col a span { color: #7e97b1; font-size: 11px; }
.pd-foot__tags { display: flex; flex-wrap: wrap; gap: 6px 12px; }
.pd-foot__p { font-size: 13px; margin-bottom: 10px; max-width: 62ch; }
.pd-foot__p b { color: #fff; }

.pd-foot__legal { margin-top: 24px; border-top: 1px solid rgba(255,255,255,0.14); padding-top: 14px; font-size: 12px; color: #7e97b1; }

/* ---- Hop san pham cua plugin ---------------------------------------- */

/* Than bai da go shortcode [acms_list], nhung neu con sot mot hop nao thi
   van phai giau diem "ACMS Score": no nam trong khoang 90-99 o gan nhu moi
   san pham nen khong noi len dieu gi. */
.pd-prose .acms-list__score-wrapper { display: none !important; }

/* ---- Man hinh hep --------------------------------------------------- */

@media ( max-width: 1100px ) {
	.pd-grid--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pd-head__in { flex-wrap: wrap; }
	.pd-nav { order: 3; flex-basis: 100%; }
	.pd-head__search { width: min(260px, 45vw); margin-left: auto; }
}

@media ( max-width: 900px ) {
	.pd-top__in { grid-template-columns: 1fr; gap: 26px; }
	.pd-top__side { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); padding-top: 16px; }
	.pd-grid--3, .pd-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pd-foot__cols { grid-template-columns: 1fr 1fr; }
	.pd-foot__col--wide { grid-column: 1 / -1; }
	.pd-nl__in { grid-template-columns: 1fr; }
	.pd-meth__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.pd-burger { display: grid; }
	.pd-nav { display: none; }
	.pd-nav.is-open { display: block; padding-bottom: 12px; }
	.pd-nav__list { flex-direction: column; gap: 0; }
	.pd-nav__list a { padding: 10px 2px; border-radius: 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
}

@media ( max-width: 640px ) {
	body { font-size: 16px; }
	.pd-wrap { padding-inline: 16px; }
	.pd-grid--2, .pd-grid--3, .pd-grid--4 { grid-template-columns: 1fr; }
	.pd-meth__grid { grid-template-columns: 1fr; }
	.pd-ph--author { flex-direction: column; gap: 12px; }
	.pd-head__search { width: 100%; margin-left: 0; order: 4; }
}

@media ( prefers-reduced-motion: reduce ) {
	* { transition: none !important; animation: none !important; }
	.pd-c:hover .pd-c__shot img { transform: none; }
}


/* === de mau chu huy hieu plugin === */
/*
 * Huy hieu cua plugin dat chu cung mau voi nen (nen la chinh mau do pha 10%
 * do duc), nen tuong phan chi 2.5-4.1 - duoi chuan AA 4.5, rieng nhan
 * 'Prime' gan nhu khong doc duoc.
 *
 * Chi doi MAU CHU, giu nguyen nen cua plugin. Dung hai lop cung ten de co do
 * uu tien cao hon luat goc ma khong phai dung !important.
 *
 * Khong sua tep CSS cua plugin: ban cap nhat sau nay se ghi de len.
 */
.acms-badge.acms-badge--prime   { color: #01607f; }
.acms-badge.acms-badge--danger  { color: #a81b1b; }
.acms-badge.acms-badge--success { color: #10693a; }
.acms-badge.acms-badge--warning { color: #8a5a06; }
.acms-badge.acms-badge--info    { color: #0b5e86; }


/* === mau chu phu cua plugin === */
/*
 * Plugin lay mau chu phu tu `var(--color-text-muted, #9ca3af)`. Khong theme
 * nao dat bien do nen no roi ve #9ca3af - tren nen trang chi duoc 2.54, duoi
 * chuan. Do bang Chrome that: nhan "/10", "ACMS Score" va dong "Updated: ..."
 * deu dinh.
 *
 * #6b7280 duoc 4.83, va chinh plugin cung dung mau nay o cho khac.
 */
:root { --color-text-muted: #6b7280; }

/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* Day lien ket trang tinh o chan trang.                                */
/* Mau chu ke thua cua chan trang: chu chan trang da qua vong do tuong  */
/* phan, con mau nhan cua site thi chua.                                */
/* ------------------------------------------------------------------ */
.pd-foot-pages {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	font-size: 13px;
	line-height: 1.6;
}
.pd-foot-pages a {
	color: inherit;
	text-decoration: none;
	opacity: .82;
}
.pd-foot-pages a:hover,
.pd-foot-pages a:focus {
	opacity: 1;
	text-decoration: underline;
}

/* --- Logo thuong hieu ------------------------------------------------ */
/* Dau hieu do bang em nen no lon nho theo chinh co chu cua ten site. */
.pd-lg { white-space: nowrap; }
.pd-lg__mark { display: inline-block; width: 1em; height: 1em; vertical-align: -0.14em; margin-right: 0.36em; }

/* --- Lien ket chan trang --------------------------------------------- */
/* Viet .pd-mang .pd-mang__h chu khong phai .pd-mang__h: luat cua theme
   kieu .xx-foot__disclosure p co do uu tien (0,1,1), cao hon (0,1,0), nen ban
   ngan gon bi de mat. Da do that moi biet.

   Khong dung opacity de lam mo: no keo do tuong phan xuong duoi nguong doc
   duoc o phan lon theme. Phan cap bang co chu la du, va co san toi thieu 11px
   vi co theme dat khoi cong bo chi 12px. */
.pd-mang { margin: 22px 0 0; }
.pd-mang .pd-mang__h { margin: 0 0 8px; font-size: max(11px, .8em); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.pd-mang .pd-mang__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; font-size: max(11px, .8em); line-height: 1.6; }
.pd-mang .pd-mang__list li { margin: 0; padding: 0; flex: 0 0 auto; width: auto; max-width: 100%; }
.pd-mang .pd-mang__list li::before { content: none; }
.pd-mang .pd-mang__list a { text-decoration: none; }
.pd-mang .pd-mang__list a:hover,
.pd-mang .pd-mang__list a:focus { text-decoration: underline; }