/* --- custom-press-section (ported from original homepage inline <style>) --- */
	.custom-press-section { font-family: Arial, Helvetica, sans-serif; padding: 48px 16px; margin: 0 0 32px; background-color: #fff; } /* GD-06: bỏ margin-top — trước đây tạo khoảng cách với khối "Khách hàng nói gì" đã bỏ, giờ đứng ngay sau "Tin tức" nên không cần dải xám phía trên nữa */
	.custom-press-container { max-width: 1140px; margin: 0 auto; }
	.custom-press-title { font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 40px; color: #374151; }
	
	@keyframes pressFadeIn {
		from { opacity: 0; transform: translateY(10px); }
		to { opacity: 1; transform: translateY(0); }
	}
	
	.custom-press-slider { margin-bottom: 48px; }
	
	.custom-press-item { display: none; flex-direction: column; gap: 24px; animation: pressFadeIn 0.4s ease-out forwards; }
	@media (min-width: 992px) { .custom-press-item { flex-direction: row; } }
	
	.custom-press-text-box { background-color: #fdf8f7; border-radius: 24px; padding: 32px; flex: 1; display: flex; flex-direction: column; justify-content: center; }
	@media (min-width: 992px) { .custom-press-text-box { padding: 48px; } }
	
	.custom-press-brand { font-size: 24px; color: #FF9900; font-weight: bold; margin-bottom: 8px; margin-top: 0; }
	.custom-press-quote-mark { font-size: 40px; color: #1f2937; font-family: serif; line-height: 1; height: 24px; display: block; }
	.custom-press-desc { color: #4b5563; margin-bottom: 32px; line-height: 1.625; text-align: justify; }
	
	.custom-press-btn { display: inline-block; border: 2px dashed #FF9900; border-radius: 9999px; padding: 12px 32px; font-weight: 600; text-decoration: none; color: #000; transition: background-color 0.3s; width: fit-content; margin-top: auto; }
	.custom-press-btn:hover { background-color: #fef2f2; text-decoration: none; color: #000; }
	
	.custom-press-image-box { flex: 1; border-radius: 24px; overflow: hidden; border: 1px solid #f3f4f6; display: flex; align-items: center; justify-content: center; }
	.custom-press-image-box img { width: 100%; height: 100%; object-fit: cover; max-height: 450px; display: block; }
	
	.custom-press-logos-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
	
	.custom-press-nav-btn { width: 32px; height: 32px; border-radius: 50%; border: 1px solid #FF9900; background: transparent; color: #FF9900; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s; flex-shrink: 0; padding: 0; }
	.custom-press-nav-btn:hover { background-color: #FF9900; color: #fff; }
	.custom-press-nav-btn svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
	
	.custom-press-logo-track { flex: 1; display: flex; overflow-x: auto; gap: 16px; padding: 8px 16px; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; align-items: center; }
	.custom-press-logo-track::-webkit-scrollbar { display: none; }
	
	.custom-press-logo-item { flex-shrink: 0; width: 140px; height: 80px; border: 1px solid transparent; border-radius: 12px; display: flex; align-items: center; justify-content: center; padding: 8px; opacity: 0.6; transition: all 0.3s; text-decoration: none; cursor: pointer; }
	@media (min-width: 768px) { .custom-press-logo-item { width: 160px; height: 96px; } }
	
	.custom-press-logo-item:hover { opacity: 1; transform: scale(1.05); }
	.custom-press-logo-item.active { border-color: #FF9900; opacity: 1; }
	.custom-press-logo-item img { max-width: 100%; max-height: 100%; object-fit: contain; }

/* --- tag-home (ported) --- */
	.tag-home { margin: 40px 0; padding: 0 15px; }
	.tag-home .container { background: #fff; border: 1px solid #f0f0f0; border-radius: 12px; padding: 30px; box-shadow: 0 2px 10px rgba(0,0,0,0.02); }
	.tag-home h2 { font-size: 26px; font-weight: 700; color: #333; margin: 0 0 20px; font-family: Arial, sans-serif; }
	.tag-home nav { display: flex; flex-wrap: wrap; gap: 12px; }
	.tag-home a { display: inline-block; background: #f5f5f5; color: #333; padding: 8px 16px; border-radius: 50px; font-size: 14px; text-decoration: none; transition: 0.2s; font-family: Arial, sans-serif; }
	.tag-home a:hover { background: #e0e0e0; color: #000; text-decoration: none; }

/* --- floating call button widget (ported) --- */
	.suntory-alo-phone {
		background-color: transparent;
		cursor: pointer;
		height: 120px;
		position: fixed;
		transition: visibility 0.5s ease 0s;
		width: 120px;
		z-index: 200000 !important;
	}
	.suntory-alo-ph-circle {
		animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
		background-color: transparent;
		border: 2px solid rgba(30, 30, 30, 0.4);
		border-radius: 100%;
		height: 100px;
		left: 0px;
		opacity: 0.1;
		position: absolute;
		top: 0px;
		transform-origin: 50% 50% 0;
		transition: all 0.5s ease 0s;
		width: 100px;
	}
	.suntory-alo-ph-circle-fill {
		animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
		border: 2px solid transparent;
		border-radius: 100%;
		height: 70px;
		left: 15px;
		position: absolute;
		top: 15px;
		transform-origin: 50% 50% 0;
		transition: all 0.5s ease 0s;
		width: 70px;
	}
	.suntory-alo-ph-img-circle {
		/* animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; */
		border: 2px solid transparent;
		border-radius: 100%;
		height: 50px;
		left: 25px;
		opacity: 0.7;
		position: absolute;
		top: 25px;
		transform-origin: 50% 50% 0;
		width: 50px;
	}
	.suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover {
		opacity: 1;
	}
	.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {
		animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
	}
	.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {
		animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
	}
	.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle {
		border-color: #00aff2;
		opacity: 0.5;
	}
	.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {
		border-color: #EB278D;
		opacity: 1;
	}
	.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
		border-color: #bfebfc;
		opacity: 1;
	}
	.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill {
		background-color: rgba(0, 175, 242, 0.9);
	}
	.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {
		background-color: #EB278D;
	}
	.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
		background-color: rgba(0, 175, 242, 0.9);
	}

	.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle {
		background-color: #00aff2;
	}
	.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle {
		background-color: #EB278D;
	}
	.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
		background-color: #00aff2;
	}
	@keyframes suntory-alo-circle-anim {
		0% {
			opacity: 0.1;
			transform: rotate(0deg) scale(0.5) skew(1deg);
		}
		30% {
			opacity: 0.5;
			transform: rotate(0deg) scale(0.7) skew(1deg);
		}
		100% {
			opacity: 0.6;
			transform: rotate(0deg) scale(1) skew(1deg);
		}
	}

	@keyframes suntory-alo-circle-img-anim {
		0% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
		10% {
			transform: rotate(-25deg) scale(1) skew(1deg);
		}
		20% {
			transform: rotate(25deg) scale(1) skew(1deg);
		}
		30% {
			transform: rotate(-25deg) scale(1) skew(1deg);
		}
		40% {
			transform: rotate(25deg) scale(1) skew(1deg);
		}
		50% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
		100% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
	}
	@keyframes suntory-alo-circle-fill-anim {
		0% {
			opacity: 0.2;
			transform: rotate(0deg) scale(0.7) skew(1deg);
		}
		50% {
			opacity: 0.2;
			transform: rotate(0deg) scale(1) skew(1deg);
		}
		100% {
			opacity: 0.2;
			transform: rotate(0deg) scale(0.7) skew(1deg);
		}
	}
	.suntory-alo-ph-img-circle i {
		animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
		font-size: 30px;
		line-height: 50px;
		padding-left: 10px;
		color: #fff;
	}

	/*=================== End phone ring ===============*/
	@keyframes suntory-alo-ring-ring {
		0% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
		10% {
			transform: rotate(-25deg) scale(1) skew(1deg);
		}
		20% {
			transform: rotate(25deg) scale(1) skew(1deg);
		}
		30% {
			transform: rotate(-25deg) scale(1) skew(1deg);
		}
		40% {
			transform: rotate(25deg) scale(1) skew(1deg);
		}
		50% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
		100% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
	}

