.br-widget{
	--br-bg:#ffffff;--br-text:#050a24;--br-star:#f99500;--br-btn:#00aeef;--br-border:#e5e7eb;--br-accent:#00aeef;
	font-family:"Alan Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	color:var(--br-text);
	box-sizing:border-box;
}
.br-widget *{box-sizing:border-box;}
.br-widget.br-align-center{text-align:center;}
.br-widget.br-align-right{text-align:right;}
.br-empty{color:#8a8f9c;font-size:14px;}

/* ---- Card ---- */
.br-card{
	background:var(--br-bg);
	border-radius:14px;
	padding:18px;
	display:flex;
	flex-direction:column;
	gap:10px;
	height:100%;
}
.br-style-light .br-card{background:#ffffff;}
.br-style-minimal .br-card{background:transparent;padding:12px 0;}
.br-style-light_border .br-card{border:1px solid var(--br-border);}
.br-style-drop_shadow .br-card{box-shadow:0 8px 24px rgba(5,10,36,.08);}
.br-style-dark .br-card{background:#0d1330;color:#f2f4fa;}
.br-style-dark{--br-text:#f2f4fa;}
.br-style-brand .br-card{background:linear-gradient(135deg,#050a24,#0c2a63);color:#fff;}
.br-style-brand{--br-text:#fff;}
.br-style-compact_card .br-card{padding:10px 12px;border-radius:8px;border:1px solid var(--br-border);}
.br-style-rounded_card .br-card{border-radius:24px;border:1px solid var(--br-border);}
.br-style-professional .br-card{border-radius:6px;border-left:4px solid var(--br-accent);box-shadow:0 2px 10px rgba(5,10,36,.06);}

.br-card-head{display:flex;align-items:flex-start;gap:10px;}
.br-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.br-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--br-accent);color:#fff;font-weight:700;}
.br-card-meta{flex:1;min-width:0;}
.br-name{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px;}
.br-verified{color:#0a8a4c;font-size:12px;}
.br-stars{display:flex;gap:2px;}
.br-star{color:var(--br-border);font-size:14px;}
.br-star-full{color:var(--br-star);}
.br-platform-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:20px;background:color-mix(in srgb, var(--br-platform-color,#050a24) 12%, transparent);color:var(--br-platform-color,#050a24);white-space:nowrap;}
.br-text{font-size:13.5px;line-height:1.6;margin:0;}
.br-read-more{background:none;border:none;color:var(--br-accent);font-weight:600;cursor:pointer;padding:0;font-size:13px;}
.br-date{font-size:11.5px;opacity:.65;}
.br-reply{background:rgba(0,0,0,.04);border-radius:8px;padding:10px;font-size:12.5px;}
.br-reply p{margin:4px 0 0;}

/* ---- Grid / Masonry / List / Sidebar ---- */
.br-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}
.br-masonry{columns:3 260px;column-gap:18px;}
.br-masonry .br-card{margin-bottom:18px;break-inside:avoid;}
.br-list{display:flex;flex-direction:column;gap:14px;}
.br-list .br-card{flex-direction:row;align-items:flex-start;}
.br-list .br-card-meta{min-width:160px;}
.br-sidebar{display:flex;flex-direction:column;gap:12px;max-width:320px;}

/* ---- Slider ---- */
.br-slider{position:relative;overflow:hidden;}
.br-slider-track{display:flex;gap:18px;transition:transform .4s ease;}
.br-slide{flex:0 0 300px;}
.br-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--br-bg);border:1px solid var(--br-border);border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:18px;color:var(--br-text);}
.br-nav-prev{left:-4px;}
.br-nav-next{right:-4px;}
.br-dots{display:flex;justify-content:center;gap:6px;margin-top:12px;}
.br-slider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.br-slider-header-rating{display:flex;align-items:center;gap:8px;}
.br-avg{font-weight:700;font-size:16px;}

/* ---- Badges / Buttons / Popups ---- */
.br-floating-badge{position:fixed;bottom:20px;right:20px;z-index:9999;}
.br-floating-badge-inner{background:var(--br-bg);border-radius:40px;box-shadow:0 10px 30px rgba(5,10,36,.18);padding:10px 16px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;}
.br-badge-label{opacity:.7;font-weight:500;}

.br-top-rated-badge{background:var(--br-bg);border-radius:16px;padding:20px;text-align:center;max-width:220px;position:relative;box-shadow:0 8px 24px rgba(5,10,36,.08);}
.br-badge-ribbon{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--br-accent);color:#fff;font-size:10px;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;}
.br-avg-large{font-size:32px;font-weight:800;margin:6px 0;}
.br-badge-count{font-size:11px;opacity:.6;}

.br-cta-button{display:inline-flex;align-items:center;gap:10px;background:var(--br-btn);color:#fff;text-decoration:none;padding:12px 20px;border-radius:10px;font-weight:700;font-size:14px;}
.br-cta-button .br-star-full,.br-cta-button .br-star-empty{color:#fff;opacity:.9;}
.br-cta-button .br-star-empty{opacity:.45;}

.br-popup-trigger{background:none;border:none;color:var(--br-accent);font-weight:700;cursor:pointer;font-size:14px;text-decoration:underline;padding:0;}
.br-popup-modal[hidden]{display:none;}
.br-popup-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;}
.br-popup-overlay{position:absolute;inset:0;background:rgba(5,10,36,.65);}
.br-popup-content{position:relative;background:var(--br-bg);border-radius:16px;padding:28px;max-width:900px;width:92%;max-height:85vh;overflow-y:auto;}
.br-popup-close{position:absolute;top:14px;right:14px;background:none;border:none;font-size:26px;cursor:pointer;color:inherit;}

.br-certificate{background:var(--br-bg);border:2px solid var(--br-accent);border-radius:16px;padding:28px;text-align:center;max-width:280px;}
.br-certificate-header{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:6px;}
.br-certificate-footer{margin-top:12px;font-weight:700;font-size:13px;}

.br-compact-bar{display:inline-flex;align-items:center;gap:8px;background:var(--br-bg);border:1px solid var(--br-border);border-radius:30px;padding:8px 16px;font-size:13px;}

.br-single-featured{max-width:420px;}

/* ---- Responsive ---- */
@media (max-width: 640px){
	.br-grid{grid-template-columns:1fr;}
	.br-masonry{columns:1;}
	.br-slide{flex-basis:88%;}
	.br-list .br-card{flex-direction:column;}
}