.phutube-ratio-box {
	position: relative;
	display: block;
	clear: both;
	overflow: hidden;
	width: 100%;
	height: auto;
	min-width: 0; min-height: 0;
	max-width: none; max-height: none;
	margin-top: 0; padding: 0; border: 0;
	transition: none;
	border-radius: var(--phutube-radius);
}

.phutube-ratio-child {
	position: absolute;
	inset: 0;
	width: 100%; height: 100%;
	min-width: 0; min-height: 0;
	max-width: none; max-height: none;
	margin: 0; padding: 0; border: 0;
	transform: none; translate: none;
	rotate: none; scale: none; zoom: 1;
	transition: none;
	cursor: pointer;
}

.phutube-play {
	user-select: none;
	cursor: pointer;
	background-color: #000;
	border-radius: var(--phutube-radius);
}

/* Thumbnail kế thừa reset từ .phutube-ratio-child, chỉ khai báo phần riêng (VI21) */
.phutube-thumb-img {
	object-fit: cover;
	pointer-events: none;
	border-radius: var(--phutube-radius);
}

/* Play icon pseudo-element (VI22) */
.phutube .phutube-play:after {
	content: '';
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAABqCAMAAABpj1iyAAAAeFBMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/////QkL/np7/W1v/1dX/vb3/Hx//hIT/c3P/MjL/9PT/5eX/EBB+ElYfAAAAGnRSTlMAy+LXvZp8NaTxj6xySuoRCVxnUisiGodBtPI+S4AAAAMzSURBVGjezduJVtswEAXQJ1ny7nhL7GTKVhro//9hLQJHUEOhHhnP/QHewZPRjq9q6vqwT45V33ZlGY95bm1aFCdjjHKiZ8oxk6JIrc3zMY7Lru2rY7I/DHUDtmZIqi7OU2Omv6n1LiO2LNPaJTdFHnfV8fBfKYdqCnNSO1pdpkxq4/6AT7VW0beL0rLGx4ZY00ayfI8PlBltaWzwjtrQxvQeM/sdba/HXw4kQoU3agn/KyfBa4qEyBp4HYmR+lQDCXLEi5wEUXjWZCRJIq+yHIuLlERRuIhIlkFSg/c6iaVFVEgsLSIla+B5oeFokqaW10xfxp89idMB6EmcHEBM4pwAWBJHAdh8wTMXSWxbRJo1UP+klWQNp5ve3F7ROgZgR0td/fhxfaY1JKhpIRdrcv+bwqsYTX6K5Tz8ouBaJLSYi+WEL7ESFS3iYzl3gUtsREsLuVjeddASsyhpKRfLewxZYunCkdrH8m5vKBSDkZaZxwrYxQxnAuFj+WBhBiTFWPfMYoXrYgoFLTOPFbCLKRhaxMeau2N/yYgx3ZrFYnSxVWN5D/fEodeIxe9imjE5nWL9092C2l8zFr+LacaceYr1qYVdbLdOLO9xQYmtFItf+/xYjA+5VawFS5DVYvGnOvxYvM61Qd9iTKP5sVij4gZjIm9yw4+1ylRQB50G+s7OFOFEi10F6lRzEXOJsdLaR/EXZPNOxacY59Q+VvB1teEv9uedis/wt0bmRcVXsDeSfFEFZJnbbr5TBZWzNymdewqs5G/puqIKrWNvgN+dKbwKDeO4wHeqwBLW4YpfPQR24BxFnc+0jqwRe3An9JhT6KGwwCN0A6AlcSyAhMQpAdQkTiXz6s8g+KJUQcJEcEoS5gRI/CmWEHndbQ+JxRVhIm/4STGR11ArQOBX1JjI+y22kHiPX+GJtB5xACDvM7Z4oyIRYrwm5VZsjJlk+4dRPd5RW9qUSfC+Y0GbMT0+luSGNqBshU8MfWwL9U2FlqmTHdsDvmw49uX49HpZ6ywjjvkjZqVMOsate8LM0NSDe+nddu6dt02L05T2IpromWiiLow5FanNx6dH3+7Nd/2lJH8AfOrnc7irt7oAAAAASUVORK5CYII=) no-repeat center / contain transparent;
	filter: brightness(0.95);
	-webkit-filter: brightness(0.9);
}

.phutube .phutube-play:hover:after {
	filter: grayscale(0%);
}

/* 381px: tránh bị tính vào nhóm iPhone SE (375px) — mobile nhỏ có icon 64px OK (VI23) */
@media (min-width: 381px) and (max-width: 767px) {
	.phutube .phutube-play:after {
		width: 49px;
		height: 49px;
	}
}

/* Embed wrapper — static styles được tách khỏi inline $div_style (VI25) */
.phutube-embed-wrap {
	display: block;
	position: relative;
	clear: both;
	width: 100%;
}