/* Bill Royal – banner & nút nổi vòng quay */
.brlw-promo {
	position: relative; overflow: hidden;
	background:
		radial-gradient(700px 300px at 15% 50%, rgba(201, 162, 39, .22), transparent 70%),
		linear-gradient(135deg, #15110c 0%, #241c12 55%, #15110c 100%);
	border-top: 1px solid rgba(201, 162, 39, .45);
	border-bottom: 1px solid rgba(201, 162, 39, .45);
	padding: 44px 16px;
	font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	color: #f6ecd2;
}
.brlw-promo *, .brlw-promo *::before, .brlw-promo *::after { box-sizing: border-box; }
.brlw-promo-in {
	max-width: 1120px; margin: 0 auto;
	display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 36px; align-items: center;
}
.brlw-promo-wheel {
	position: relative; display: block; width: 150px; aspect-ratio: 1; border-radius: 50%;
	padding: 8px; text-decoration: none;
	background: conic-gradient(from 0deg, #8a6b12, #f3dc8f, #b8901f, #fff1b8, #9c7a18, #e8cf7a, #8a6b12);
	box-shadow: 0 14px 36px rgba(0, 0, 0, .5), 0 0 0 6px rgba(201, 162, 39, .12);
}
.brlw-promo-wheel span {
	display: block; width: 100%; height: 100%; border-radius: 50%;
	background: conic-gradient(
		#1b1712 0 45deg, #efe0bd 0 90deg, #c9a227 0 135deg, #1b1712 0 180deg,
		#efe0bd 0 225deg, #c9a227 0 270deg, #1b1712 0 315deg, #6e1b24 0 360deg);
	animation: brlw-promo-spin 9s linear infinite;
	box-shadow: inset 0 0 0 3px #1b1712;
}
.brlw-promo-wheel::after {
	content: "🎁"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
	width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; font-size: 22px;
	background: radial-gradient(circle at 35% 30%, #fff4c4, #d8b545 45%, #8a6b12 100%);
	box-shadow: 0 0 0 4px #1b1712;
}
.brlw-promo-wheel i {
	position: absolute; left: 50%; top: -6px; transform: translateX(-50%);
	width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;
	border-top: 18px solid #f3dc8f; filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5)); z-index: 2;
}
@keyframes brlw-promo-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .brlw-promo-wheel span { animation: none; } }

.brlw-promo-eb {
	display: inline-block; font-size: 11.5px; letter-spacing: .26em; text-transform: uppercase;
	color: #e8cf7a; font-weight: 600; margin-bottom: 8px;
}
.brlw-promo h2 {
	font-family: "Lora", Georgia, serif; font-weight: 700; margin: 0 0 8px;
	font-size: clamp(24px, 3.2vw, 34px); line-height: 1.25; color: #fff8e6;
}
.brlw-promo h2 em { font-style: normal; color: #e8cf7a; }
.brlw-promo p { margin: 0; font-size: 15px; line-height: 1.7; color: rgba(246, 236, 210, .82); max-width: 620px; }
.brlw-promo-btn {
	display: inline-block; white-space: nowrap; text-decoration: none !important;
	padding: 16px 30px; border-radius: 999px;
	font: 700 15px/1 "Poppins", system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase;
	color: #1b1712 !important;
	background: linear-gradient(135deg, #f3dc8f, #c9a227 55%, #a8851a);
	box-shadow: 0 10px 24px rgba(201, 162, 39, .35), inset 0 1px 0 rgba(255, 255, 255, .6);
	transition: transform .15s, box-shadow .15s;
}
.brlw-promo-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(201, 162, 39, .45); }

@media (max-width: 820px) {
	.brlw-promo { padding: 36px 16px; }
	.brlw-promo-in { grid-template-columns: 1fr; text-align: center; gap: 20px; justify-items: center; }
	.brlw-promo-wheel { width: 128px; }
	.brlw-promo p { margin: 0 auto; }
}

/* Nút nổi */
.brlw-float {
	position: fixed; left: 16px; bottom: 18px; z-index: 9990;
	display: flex; align-items: center; gap: 8px; text-decoration: none !important;
	padding: 8px 16px 8px 8px; border-radius: 999px;
	background: linear-gradient(135deg, #1b1712, #2e2417);
	border: 1.5px solid #c9a227; color: #f3dc8f !important;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .35);
	font: 600 13.5px/1 "Poppins", system-ui, sans-serif; letter-spacing: .02em;
	animation: brlw-float-in .5s ease both .8s;
}
.brlw-float-ic {
	width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; font-size: 20px;
	background: radial-gradient(circle at 35% 30%, #fff4c4, #d8b545 45%, #8a6b12 100%);
	animation: brlw-float-pulse 2.2s ease-in-out infinite;
}
.brlw-float:hover { transform: translateY(-2px); }
@keyframes brlw-float-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes brlw-float-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(232, 207, 122, .7); } 50% { box-shadow: 0 0 0 9px rgba(232, 207, 122, 0); } }
@media (max-width: 600px) {
	.brlw-float { padding: 6px; bottom: 14px; left: 12px; }
	.brlw-float-tx { display: none; }
}