body { margin: 0px; background: url('images/body-white-bg.gif') 0px -25px repeat-x #fff;
	font: 13px arial; }

table { border-collapse: collapse; }
td { padding: 0px; text-align: left; vertical-align: top; }

a { color: #008fbf; text-decoration: none; }
a:hover { color: #0088cc; text-decoration: underline; }

img { border: none; }

p { margin: 5px 0px; }
form p { margin: 10px 0px; }

ul { margin: 0px; padding: 0px; list-style: none;  }
li { margin: 5px 0px; }

fieldset {  }
input {  }

div.body { width: 980px; margin-left: auto; margin-right: auto; }

td.sidebar { background: url('images/sidebar-bg.gif') repeat-y; }
div.sidebar { width: 250px;   }
div.sidebar div.side-block { text-align: justify; margin-bottom: 20px; padding-left: 10px;
	background: url('images/sideblock-bg.gif') no-repeat; }
div.sidebar p.side-title { margin: 0px; font: bold 16px arial; line-height: 32px;
	 }
div.sidebar div.side-content { padding: 2px 10px 0px 0px; }

div.mainmenu { background: url('images/body-bg.gif') 0px -50px repeat-x; }
div.mainmenu div.center { background: url('images/body-bg.gif') 0px -50px repeat-x;
	border-bottom-color: #007399; border-left: none; border-right: none; }

ul.mainmenu { height: 28px; padding: 4px 0px 5px 0px;
	background: url('images/body-bg.gif') 0px -50px repeat-x; }
ul.mainmenu li { float: left; padding: 5px 10px 5px 12px; margin: 0px;
	background: url('images/mainmenu-sep2.gif') left repeat-y;
	font-size: 14px; }
ul.mainmenu li a { color: #fff;  }
ul.mainmenu li a:hover { color: #e0f0ff; }

ul.mainmenu img { width: 20px; height: 20px; vertical-align: middle; margin: 0px 0px -2px 0px; }

ul.menu { margin: 0px 0px -5px 0px; }
ul.menu li { padding: 5px 0px 5px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #e5e5e5; 
	background: url('images/arrow.png') left no-repeat; margin: 0px; }
ul.menu li:first-child { border-top: none; }
ul.menu li a {  } 

ul.m1 li { font-size: 13px; padding: 8px 0px 8px 10px; }
ul.m1 li a { color: #404040; }

ul.m2 li { padding-left: 0px; background: none; }

/*ul.rsslinks { list-style: none; padding: 5px; margin: 0px; background: #92d8ef;
	border: 1px solid #61a7bf; 
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
ul.rsslinks li { list-style: none; font-size: 15px; padding: 5px 10px; float: none;
	background: none; }
ul.rsslinks li a, ul.rsslinks li a:hover { color: #ff8000; }
ul.rsslinks li a img { vertical-align: middle; }*/

ul.rsslinks { list-style: none; padding: 5px; margin: 0px; }
ul.rsslinks li { list-style: none; font-size: 22px; padding: 5px 0px; float: none;
	background: none; }
ul.rsslinks li a, ul.rsslinks li a:hover { color: #ff8000; }
ul.rsslinks li a img { vertical-align: middle; }

div.header { height: 90px; }
div.header a.logo { display: block; padding: 5px 10px 10px 5px; float: left; margin-top: 11px;
	font: bold 32px tahoma; color: #ffffff; text-shadow: 1px 1px #006080; }
div.header a.logo img {  }

div.center2 { border: 1px solid #fff; }
div.center { background: url('images/center-bg.gif') repeat-x #ffffff; border: 1px solid #57d5ff; }

div.footer { padding: 4px 0px 10px 0px; background: url('images/body-bg.gif') repeat-x #bfeaff;
	margin-top: -5px; color: #deeeff; border-top: 1px solid #01a3d8; }	
div.footer div.links { padding: 2px 0px 0px 0px; text-align: center;
	vertical-align: middle; font-size: 13px; }	
div.footer div.links a { font-weight: bold; color: #ffffff; }	
div.footer div.links a:hover {  }	

span.sep { color: #c0c0c0; font-size: 16px; padding: 0px 4px 0px 4px; }	
div.footer span.sep { color: #66b2cc; }	

div.footer div.credits { font-size: 13px; width: 800px; margin: 8px auto 0px auto;
	border-top: 1px solid #60a7bf; color: #bfefff; }
div.footer div.credits a { font-weight: normal; }
div.footer div.credits span.sep { color: #60a7bf; }


div.item { background: url('images/content-bg.gif') repeat-x;
	margin: 0px 0px -20px 0px; padding: 10px; min-height: 130px; }

div.item div.details { border-right: 1px solid #c0d0e0; padding: 0px 5px 0px 0px;
	float: left; margin: 2px 23px 5px 0px;
	background: url('images/content-bg.gif') 0px -5px repeat-x #fff; }
	
div.item div.details div.d2 {  width: 220px; padding: 6px;
	background: url('images/content-bg.gif') -75px -75px repeat-x #fff; }	
	
div.item h3 { margin: -5px 0px 0px 0px; font-size: 18px; text-align: center;
	padding: 5px 10px; }

div.item div.thumb { text-align: center; margin-bottom: 5px; }
div.item div.thumb img { padding: 2px;
	border: 1px solid #c0c0c0; }

div.item div.data { float: left; text-align: center; width: 110px; }
div.item div.review { float: left; width: 200px; }
	
div.rating { width: 105px; height: 21px; background: url('images/star-grey.gif') repeat-x;
	margin-top: 5px; }
div.rating div { float: left; height: 21px; background: url('images/star-gold.gif') repeat-x; }


div.item p.ratingdetails { font-size: 13px; font-weight: bold; line-height: 21px; }

div.item div.content { font-size: 13px; line-height: 18px; text-align: justify;
	padding-bottom: 5px; }
	
div.item div.content ul { list-style: disc; padding-left: 20px; }
div.item div.content ul li {  }

div.summary { min-height: 50px; margin-bottom: 20px; }
div.summary div.details {  }
div.summary p.ratingdetails { font-size: 13px; line-height: 21px; }
div.summary h3 {  }

div.summary div.rank { float: left; font: italic 22px arial; color: #fff;
	background: url('images/body-bg.gif') repeat-x; padding: 2px 0px;
	width: 50px; text-align: center; }

div.summary div.content { padding: 0px; }

div.summary td.summarylinks { font-size: 13px; }
div.summary td.summarylinks span { background: #e5f9ff; color: #008fbf; padding: 1px 0px; }
div.summary td.summarylinks span.coupons { background: #ffffc0; border: 1px dashed #bf8f00;
	padding: 0px 6px; }
div.summary td.summarylinks a { font-weight: bold; color: #202020; }
div.summary td.summarylinks span.coupons a { color: #543f00; }
div.summary td.summarylinks span.signup { background: #c0ffc0; }

a.coupons { font-size: 13px; font-weight: bold; color: #e50000; 
	background: #ffffc0; padding: 3px 7px;
	border: 1px dashed #bf8f00; color: #543f00; text-decoration: none; }

p.signup { margin: 10px 0px; line-height: 24px; }
p.signup a { background: #00a000; color: #fff; padding: 4px 8px; font: bold 13px arial;
	white-space: nowrap;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
p.signup a:hover { text-decoration: none; background: #008000; }

p.signup a.learnmore { background: url('images/body-bg.gif') -2px -2px repeat-x;
	font-size: 13px; font-weight: bold; }
p.signup a.learnmore:hover { background: #4080a0; }

a.readmore { font: bold 13px arial; }


div.item div.mindetails { font-size: 13px; padding: 1px; text-align: left; color: #808080; }

img.thumbnail { width: 160px; height: 120px; padding: 1px; background: #ffffff;
	border: 5px solid #c0d0e0; }
a:hover img.thumbnail {  }

div.item div.admin { position: absolute; background: #ffffff; padding: 5px;
	font-size: 13px; line-height: 18px; margin: 2px; opacity: 0; filter: alpha(opacity=0); }
div.item div.admin:hover { opacity: 1; filter: alpha(opacity=100); }
div.item div.admin a { padding: 2px; }

div.adminlinks { text-align: right; margin: -10px 0px 10px 0px; padding: 1px 5px; background: #ffffe0; }
div.adminlinks a {  }


div.itemfull {  }
div.itemfull div.services { margin-left: -10px; }



div.textcontent { background: url('images/content-bg.gif') repeat-x; padding: 5px 10px; 
	font-size: 13px; line-height: 20px; }
div.textcontent p { margin: 6px 0px; }
div.textcontent ul { list-style: disc; padding-left: 20px; }

div.ita { font-style: italic; } 


p.hbar { background: #f0f0f0; padding: 4px 8px; }
p.hbar a { color: #000; font-weight: bold; font-size: 13px; } 


h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000000; margin: 15px 0px 0px 0px; }
h1 { background: url('images/body-bg.gif') -250px -250px repeat-x;
	background: #f0f0f0;
	font: bold 24px "tahoma";
	padding: 1px 0px 4px 8px; 
	margin: 10px 0px 10px 0px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
h2 { background: url('images/body-bg.gif') 0px -250px repeat-x; font: italic 24px arial;
	color: #000; padding: 3px 0px 3px 8px; margin: 10px 0px 10px 0px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
h3 { font-size: 13px; }

h2 a { color: #000; }
h2 a:hover { color: #000; text-decoration: none; }
	
img.icon { vertical-align: middle; margin-right: 4px; }

ul.list li { padding: 1px 0px; }
ul.list a { padding-left: 10px; }
ul.list a:hover {  }

div.searchbox { float: right; margin: 7px 5px 0px 0px; }
div.searchbox input {  }
div.searchbox input.text { width: 120px; }



	
p.msg { font-size: 13px; font-weight: bold; padding: 5px; background: #e0e0e0; }
p.error { color: #600000; background: #ffc0c0; padding-left: 32px;
	background: url('images/error22.png') 5px center no-repeat #ffc0c0; }
p.success { color: #008000; background: #c0ffc0; }

p.msg-small { font-size: 13px; font-weight: bold; padding: 4px; background: #f0f0f0; }

div.pagination { clear: both; text-align: center; font-size: 15px; font-weight: bold;
	margin-top: 10px; border-top: 1px solid #f2f2f2; padding: 7px 0px 5px 0px; }
div.pagination a, div.pagination span { padding: 1px 8px 1px 8px; background: #f2f2f2;
	border: 1px solid #e0e0e0; margin: 0px 2px; }
div.pagination a.current { border: 1px solid #006699; }
div.pagination a:hover { border: 1px solid #0088cc; text-decoration: none; }
div.pagination span { color: #808080; }


div.site { clear: both; margin: 10px 0px 30px 0px; }
div.site div.thumbnail { float: left; margin: 0px 5px 5px 0px; }
div.site div.thumbnail img { border: 1px solid #c0c0c0; }
div.site p.name { font-size: 18px; }
div.site div.details { font-size: 13px; }
div.site div.details span.date { font-weight: bold; color: #808080; }
div.site div.details span.toolbar { padding-left: 10px; }
div.site div.content { font-size: 13px; text-align: justify; }

div.review { margin-bottom: 20px; padding: 0px 10px; min-height: 160px;
	background: url('images/content-bg.gif') 0px 25px repeat-x; }

div.review p { margin: 8px 0px; }
div.review p.rev-header { font: 15x verdana; margin: 0px 0px 10px -5px; }
div.review div.rev-body { text-align: justify; font-style: italic; font-size: 13px; line-height: 18px; }

div.review div.ratings { float: left; margin: 0px 8px 2px -2px; padding: 5px 0px; }
	
table.ratings { font-size: 13px; }
table.ratings td { vertical-align: middle; padding: 3px 5px; border-bottom: 1px solid #daeaf2; }

div.rating-small { width: 80px; height: 15px; background: url('images/star-grey-small.gif') repeat-x;
	 }
div.rating-small div { float: left; height: 15px; background: url('images/star-gold-small.gif') repeat-x; }


form.addreview { padding: 15px; background: #f8f8f8; }
form.addreview p.floatleft { float: left; margin-right: 20px; }
form.addreview label { }
form.addreview label span { font-size: 12px; color: #808080; }


table.editfeatures {  }
table.editfeatures td { padding: 0px 10px 5px 0px; }

div.service { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #c0d0e0; }
div.service p.s-header { margin: 0px; padding: 2px; font-size: 13px; }
div.service p.s-features { margin: 2px 0px; font-size: 12px; line-height: 20px;
	text-align: left; }
div.service p.s-features span.s-feature { padding: 0px 2px; margin-right: 5px; background: #f0f0f0;
	border: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;
	border-top-color: transparent; border-left-color: transparent;
	white-space: nowrap; color: #000; }
div.service p.s-features span.label { color: #606060; }
div.service p.s-description { margin: 2px 0px; font-style: italic; font-size: 13px; }

div.summary div.service p.s-header { padding-top: 0px; }

div.itemfull div.service p.s-features {  }

.price { color: #00a000; font-size: 16px; }

table.data {  }
table.data th { background: #ffffff; border: 1px solid #ffffff;  padding: 5px 10px 5px 10px;
	text-align: center; font-size: 13px; }
table.data td { background: #f2f2f2; border: 1px solid #ffffff;  padding: 5px 10px 5px 10px;
	text-align: center; border-bottom-width: 5px; }
table.data td.head {  }
table.data td span { font-size: 13px; color: #808080; }

table.data table.ratings { }
table.data table td { padding: 1px 5px; border: none; }
table.data table td.right { text-align: right; font-size: 12px; color: #808080; }


div.tabs { font-size: 13px; font-weight: bold; float: right; padding: 17px 8px 0px 0px; }
div.tabs a { display: block; float: left;
	background: url('images/content-bg.gif') 0px -25px repeat-x #e5f9ff;
	margin-left: 10px; padding: 3px 6px;
	border: 1px solid #60a7bf; }
div.tabs a.current { background: url('images/body-bg.gif') -250px -250px repeat-x;
	color: #008fbf; border-color: #60a7bf; }

div.disclosure { padding: 10px; font-style: italic; text-align: justify;
	margin: 0px 0px 10px 0px; }



div.coupon { padding: 0px; font-size: 13px; background: url('images/content-bg.gif') -75px -75px repeat-x;
	border: 1px dashed #3995e5; min-height: 60px; margin: 20px 0px 20px 10px; }
div.coupon p.coupon { font-weight: bold; background: #ffffc0;
	border: 1px dashed #bf8f00; text-decoration: none; 
	display: block; float: left; }
div.coupon p.coupon span { display: block; float: left; }
div.coupon span.code { padding: 3px 8px; color: #543f00; }
div.coupon span.cut { background: #ffcf40; padding: 2px 6px; display: none; cursor: pointer;
	color: #00a000; line-height: 18px; }
div.coupon div.redeem { font-size: 15px; font-weight: bold; color: #543f00;
	vertical-align: middle; margin-top: -1px; }
div.coupon div.redeem a { font-size: 13px; vertical-align: 1px; }
div.coupon a.redeem:hover { font-weight: bold; }


span.ccode { font-weight: bold; background: #ffffc0;
	border: 1px dashed #bf8f00; color: #543f00; text-decoration: none;
	padding: 2px 8px; }

div.coupon div.srate { float: left; width: 50px; height: 50px; padding: 5px; margin-right: 10px;
	color: #fff; font-weight: bold; font-size: 20px; text-shadow: 1px 1px #186100;
	text-align: center; line-height: 15px; }
div.coupon div.srate span { font-weight: normal; font-size: 13px; }
div.coupon div.srate img { position: absolute; }
div.coupon div.srate p { position: absolute; margin: -18px 0px 0px -18px; text-align: center;
	width: 71px; height: 71px; padding-top: 17px; }

div.coupon div.ctitle { float: left; font-weight: bold; color: #404040; padding: 3px 5px 0px 0px;
	font-size: 13px; } 
	
div.coupon div.cbody { padding: 5px; }
div.coupon div.cbody p.coupon { color: #808080; font-weight: bold; margin: 0px; }
div.coupon div.cbody p.description { font-size: 13px; margin-top: 10px; padding-top: 5px; }

div.coupon div.rate { float: right; width: 80px; font-size: 13px; text-align: center;
	padding-top: 2px; margin-left: 10px; }
div.coupon div.rate p { margin: 0px; }


span.asterisk, table.data td span.asterisk { color: #ff0000; font-size: 13px; }

div.description { font-size: 13px; text-align: justify; line-height: 125%;
	padding: 0px 1px 2px 1px; }
div.description p { margin: 8px 0px; }

table.compare { width: 100%; }
table.compare td { background: #f0f0f0;
	border-top: 1px solid #e0e0e0; padding: 5px 5px 4px 5px;
	vertical-align: middle; text-align: center; }
table.compare td.hostlinks { white-space: nowrap; }
table.compare td.hostlinks a { font-weight: bold; font-sie: 13px; }

table.compare td.description { text-align: justify; border-top: none; padding: 0px 8px 8px 8px; }
table.compare td.description p { margin: 0px; }
table.compare td.description a.readmore { font-size: 13px; xfont-weight: normal;
	color: #000; }
	
table.compare tr:hover td.description { display: table-cell; }
	

table.compare td.rank { color: #404040; font: bold italic 16px arial; }

table.compare tr.h { }
table.compare tr.h td { background: url('images/body-bg.gif') 0px -1px repeat-x;
	padding: 3px 5px; color: #fff; font-size: 13px; border-top: none;
border-right: 1px solid #4dbde2; }
table.compare tr.h td p { padding: 4px 0px; margin: 0px; }
	
table.compare tr.odd0 td { background: #f0f0f0; }
table.compare tr.odd1 td { background: #f8f8f8; }
	
table.compare img.logo { margin: -2px -2px; border: 1px solid #80c0ff;
	padding: 1px; background: none; }

table.compare a.learnmore { font-size: 13px; padding: 2px 4px; font-weight: bold; margin: 0px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
	background: #f8f8f8;
	border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }

table.compare .price { line-height: 20px; padding-top: 5px; }
table.compare div.rating-small { margin-top: 1px; margin-bottom: 8px; }
	
	
div.admintabs { border-bottom: 1px solid #c0c0c0; background: #f0f0f0; padding: 5px 10px 0px 10px;
	height: 26px; margin-bottom: 15px; }
div.admintabs a { padding: 5px 10px 0px 10px; font-size: 13px; display: block; float: left;
	height: 20px;  }
div.admintabs a.current { color: #000; background: #fff; border: 1px solid #c0c0c0;
	border-bottom-color: #fff; }
	

form.extrafields {  }
form.extrafields label { width: 125px; display: block; float: left; text-align: right;
	padding-right: 5px; }
	
div.article { margin-bottom: 20px; }

div.article div.content { font-size: 13px; line-height: 16px; text-align: justify; }
div.article a.readmore { font-size: 13px; white-space: nowrap; }

div.article div.content ul { list-style: disc; padding-left: 25px; }
div.article div.content ol { padding-left: 25px; }

div.content { margin-top: -5px; }
div.content p { margin: 10px 0px; }

div.subtext { color: #808080; margin: 0px 0px 5px 0px;
	font-style: italic; }
div.subtext a { margin-left: 2px; }

.red { border: 1px solid red; }


/* =========================================================
   HitsBay 2026 SaaS redesign
   ========================================================= */
:root{
 --hb-bg:#f4f5f7; --hb-card:#fff; --hb-ink:#17181b; --hb-muted:#6b7280;
 --hb-line:#e7e8eb; --hb-gold:#c79a2b; --hb-gold2:#e2b84c; --hb-gold-soft:#fbf4df;
 --hb-dark:#191a1d; --hb-green:#16855b; --hb-radius:16px;
}
*{box-sizing:border-box}
html{background:var(--hb-bg)}
body{margin:0;background:var(--hb-bg);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--hb-ink)}
a{color:#986f10;text-decoration:none} a:hover{color:#765408;text-decoration:none}
img{max-width:100%;height:auto}
.site-shell{min-height:calc(100vh - 180px)}
.site-header{background:#fff;border-bottom:1px solid var(--hb-line)}
.header-inner,.nav-inner,.page-wrap,.footer-inner{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}
.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center}.brand img{width:235px;height:auto;display:block}
.header-ad{min-height:60px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}
.topnav{background:var(--hb-dark);color:#fff;box-shadow:0 3px 14px rgba(0,0,0,.08)}
.nav-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav-links a{color:#d9dadd;padding:9px 13px;border-radius:9px;font-weight:650;font-size:13px}.nav-links a:first-child,.nav-links a:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav-links a:first-child:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--hb-gold2);margin:0 0 1px 8px}
.nav-search{display:flex;gap:8px;align-items:center}.nav-search input{width:220px;height:38px;border:1px solid #3b3c40;background:#242529;color:#fff;border-radius:10px;padding:0 13px;outline:none}.nav-search input::placeholder{color:#96989e}.nav-search input:focus{border-color:var(--hb-gold2)}
button,.nav-search button{border:0;border-radius:10px;background:linear-gradient(135deg,var(--hb-gold2),var(--hb-gold));color:#171717;font-weight:800;padding:10px 15px;cursor:pointer}.nav-search button:hover{filter:brightness(.96)}
.page-wrap{padding-top:22px;padding-bottom:36px}.leaderboard-ad{text-align:center;min-height:0;margin:0 auto 18px;overflow:hidden}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}
.main-content{background:transparent;min-width:0}.sidebar-panel{background:#fff;border:1px solid var(--hb-line);border-radius:var(--hb-radius);box-shadow:0 8px 24px rgba(20,24,30,.05);overflow:hidden}.sidebar-inner{padding:18px}
.page-heading{background:#fff;border:1px solid var(--hb-line);border-radius:var(--hb-radius);padding:22px 24px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 8px 24px rgba(20,24,30,.045)}
.eyebrow{font-size:10px;font-weight:850;letter-spacing:.14em;color:var(--hb-gold)}h1{background:none!important;color:var(--hb-ink)!important;font:800 30px/1.15 Inter,ui-sans-serif,system-ui,sans-serif!important;padding:0!important;margin:5px 0 0!important;border-radius:0!important}
.social-share{white-space:nowrap;opacity:.9}.tabs{display:flex;gap:5px;background:#e9eaed;padding:4px;border-radius:12px;width:max-content;margin:0 0 16px}.tabs a{padding:8px 15px;border-radius:9px;color:#646872;font-weight:750;font-size:13px}.tabs a.current{background:#fff;color:#18191c;box-shadow:0 2px 7px rgba(0,0,0,.08)}
.description,.textcontent,.item,.site,.review{background:#fff!important;border:1px solid var(--hb-line);border-radius:14px;box-shadow:0 5px 18px rgba(20,24,30,.035)}.description{padding:17px 19px;margin-bottom:16px;color:#555b65;line-height:1.65}
/* Directory table */
div.item.summary{padding:0!important;margin:0 0 18px!important;background:#fff!important;border:1px solid var(--hb-line);border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(20,24,30,.05)}table.summary.compare{width:100%;border-collapse:separate;border-spacing:0;background:#fff}table.summary.compare tr.h{background:#f8f8f6!important}table.summary.compare tr.h td{padding:13px 12px;border-bottom:1px solid var(--hb-line);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#858992;font-weight:850;white-space:nowrap}table.summary.compare tr.odd0,table.summary.compare tr.odd1{background:#fff}table.summary.compare tr.odd0:hover,table.summary.compare tr.odd1:hover{background:#fffdf7}table.summary.compare tr:not(.h) td{padding:14px 10px;border-bottom:1px solid #f0f1f2;vertical-align:middle;color:#50555d;font-size:13px}table.summary.compare tr:last-child td{border-bottom:0}
table.summary.compare td.rank{width:50px!important;text-align:center;font:800 18px/1 Inter,system-ui,sans-serif;color:#777;background:transparent!important}table.summary.compare tr:nth-child(2) td.rank{color:var(--hb-gold)}
table.summary.compare td:nth-child(2){min-width:145px}table.summary.compare td:nth-child(2) p{margin:0;text-align:left!important;font-size:15px!important;font-weight:800!important}table.summary.compare td:nth-child(2) img.logo{max-width:135px;max-height:52px;object-fit:contain;border:0;background:#fff}
table.summary.compare .rating-small{margin:0 auto!important}div.rating-small{background:url('images/star-grey-small.gif') repeat-x;width:80px;height:15px}div.rating-small div{background:url('images/star-gold-small.gif') repeat-x;height:15px}
table.summary.compare td p{margin:5px 0}table.summary.compare a.learnmore{color:#9a741b;font-weight:750;font-size:12px}table.summary.compare b.price{font-size:14px;color:#24262a}table.summary.compare td.hostlinks{width:85px;text-align:right}table.summary.compare p.signup{margin:0}table.summary.compare p.signup a{display:inline-block;background:var(--hb-dark);color:#fff!important;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:800;text-transform:capitalize}table.summary.compare p.signup a:hover{background:#000}
/* Generic legacy components restyled */
div.item{padding:18px;margin:0 0 18px;min-height:0;background:#fff!important}div.item h3{font-size:18px;text-align:left;padding:0;margin:0 0 8px}div.item div.content{color:#555b65;line-height:1.65;text-align:left}div.item div.details{background:#fff;border-right:1px solid var(--hb-line)}
p.signup a{background:var(--hb-dark);border-radius:9px;padding:8px 13px}p.signup a.learnmore{background:#fff;color:#8c6817;border:1px solid #dfc77d}a.coupons{background:var(--hb-gold-soft);border:1px solid #e7d49b;color:#7e5d12;border-radius:8px}
.pagination{border-top:0!important;margin-top:16px!important;padding:6px 0!important}.pagination a,.pagination span{border:1px solid var(--hb-line)!important;background:#fff!important;border-radius:8px;padding:7px 11px!important;color:#555!important}.pagination a.current{background:var(--hb-dark)!important;border-color:var(--hb-dark)!important;color:#fff!important}
/* Sidebar */
.sidebar-panel ul.menu{margin:0 0 17px!important}.sidebar-panel ul.menu li{background:none!important;border:0!important;border-bottom:1px solid #f0f1f2!important;padding:9px 2px!important;margin:0!important}.sidebar-panel ul.menu li:last-child{border-bottom:0!important}.sidebar-panel ul.menu li a{color:#4b5058!important;font-weight:650}.sidebar-panel ul.menu li a:hover{color:#9a741b!important}.sidebar-panel .side-block{background:none!important;padding:0!important;margin:0 0 20px!important}.sidebar-panel p.side-title{font-size:11px!important;text-transform:uppercase;letter-spacing:.09em;color:#8b8e94!important;border-bottom:1px solid var(--hb-line);padding:0 0 10px!important;line-height:1.2!important;margin-bottom:8px!important}.sidebar-panel .side-content{padding:0!important}.sidebar-ad{text-align:center;margin:8px 0 20px;overflow:hidden}
.footer-ad{text-align:center;margin:22px 0 0;overflow:hidden}.site-footer{background:#191a1d;color:#a8abb1}.footer-inner{padding-top:28px;padding-bottom:28px;display:grid;grid-template-columns:1fr auto;gap:16px 35px}.footer-brand{display:flex;flex-direction:column;gap:2px}.footer-brand strong{color:#fff;font-size:17px}.footer-brand span{font-size:12px;color:#85888f}.footer-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.footer-links a{color:#c9cbd0;font-size:12px;font-weight:650}.footer-links a:hover{color:var(--hb-gold2)}.footer-copy{grid-column:1/-1;border-top:1px solid #2d2f33;padding-top:16px;font-size:11px;color:#777a80}.footer-copy a{color:#b99a52}.footer-tools{display:none}
/* Forms and articles */
input,select,textarea{max-width:100%;border:1px solid #dfe1e5;border-radius:9px;padding:9px 11px;background:#fff;color:#222}input:focus,select:focus,textarea:focus{outline:2px solid rgba(199,154,43,.15);border-color:#caa044}h2{background:none!important;border-bottom:1px solid var(--hb-line);border-radius:0!important;padding:0 0 9px!important;color:#222!important;font:800 21px/1.2 Inter,system-ui,sans-serif!important}.textcontent{padding:20px!important;line-height:1.7}.review{padding:17px 19px!important;min-height:0}.site{padding:18px!important;margin:0 0 18px!important}
@media(max-width:980px){.dashboard-grid{grid-template-columns:1fr}.sidebar-panel{order:2}.header-ad{display:none}.nav-inner{align-items:stretch;flex-direction:column;padding-top:10px;padding-bottom:10px}.nav-search{width:100%}.nav-search input{flex:1;width:auto}.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-copy{grid-column:1}}
@media(max-width:720px){.header-inner,.nav-inner,.page-wrap,.footer-inner{padding-left:14px;padding-right:14px}.header-inner{min-height:78px}.brand img{width:190px}.nav-links{gap:2px}.nav-links a{padding:8px 9px;font-size:12px}.page-wrap{padding-top:14px}.page-heading{padding:17px;align-items:flex-start;flex-direction:column}h1{font-size:24px!important}.social-share{display:none}.description{padding:14px}.dashboard-grid{gap:14px}div.item.summary{overflow-x:auto;border-radius:13px}table.summary.compare{min-width:760px}.sidebar-panel{border-radius:13px}}

/* Native sidebar feature widget */
.hb-feature-widget{margin:0 0 18px;padding:17px;border:1px solid #ead8a7;border-radius:14px;background:linear-gradient(145deg,#fffdf6,#fff);box-shadow:0 7px 20px rgba(30,30,20,.05)}
.hb-widget-kicker{font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--hb-gold);margin-bottom:7px}.hb-widget-title{font-size:18px;font-weight:850;line-height:1.2;color:#1b1c1f;margin-bottom:7px}.hb-widget-rating{font-size:12px;color:#6b7078}.hb-stars{color:#c99a24;letter-spacing:1px;font-size:13px}.hb-feature-widget p{font-size:12px;line-height:1.55;color:#6b7078;margin:10px 0 13px}.hb-widget-button{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:9px;background:var(--hb-dark);color:#fff!important;font-size:12px;font-weight:800}.hb-widget-button:hover{background:#000}.hb-widget-button span{color:var(--hb-gold2);font-size:16px}


/* =========================================================
   HitsBay 2026 Nordic / Viking visual layer
   ========================================================= */
:root{
 --hb-bg:#f2f0ea; --hb-card:#ffffff; --hb-ink:#17181a; --hb-muted:#6f706f;
 --hb-line:#dfddd5; --hb-gold:#b98720; --hb-gold2:#e0b54b; --hb-gold-soft:#fbf4df;
 --hb-dark:#151719; --hb-radius:18px;
}
body{background:var(--hb-bg);color:var(--hb-ink)}
.site-header{position:relative;background:linear-gradient(180deg,#fff 0%,#f8f6f0 100%);border-bottom:1px solid #d8d3c7}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(90deg,transparent 0%,var(--hb-gold) 18%,var(--hb-gold2) 50%,var(--hb-gold) 82%,transparent 100%);opacity:.8}
.header-inner{min-height:104px}
.brand-viking{gap:12px;position:relative;text-decoration:none!important}
.brand-shield{width:50px;height:58px;display:grid;place-items:center;color:#e4b94d;background:linear-gradient(145deg,#25282a,#111315);border:2px solid #c99a32;border-radius:15px 15px 21px 21px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.06),0 6px 18px rgba(30,27,18,.16);font:700 27px Georgia,serif;transform:rotate(0deg);position:relative}
.brand-shield:before,.brand-shield:after{content:"";position:absolute;top:7px;bottom:7px;width:1px;background:linear-gradient(transparent,#c99a32,transparent);opacity:.45}.brand-shield:before{left:10px}.brand-shield:after{right:10px}
.brand-word{display:flex;flex-direction:column;line-height:.88;letter-spacing:.07em}.brand-word strong{font:900 30px/1 Georgia,"Times New Roman",serif;color:#1a1b1d}.brand-word em{font:900 30px/1 Georgia,"Times New Roman",serif;color:var(--hb-gold);font-style:normal}.brand-word small{margin-top:7px;font:800 7px/1.1 system-ui,sans-serif;letter-spacing:.2em;color:#8b8b86}
.topnav{background:linear-gradient(180deg,#202224,#141516);border-top:1px solid #2c2e30;box-shadow:0 5px 18px rgba(0,0,0,.09)}
.nav-links a{border-radius:10px}.nav-links a:hover,.nav-links a:first-child{background:linear-gradient(180deg,rgba(224,181,75,.16),rgba(224,181,75,.05));box-shadow:inset 0 -2px 0 rgba(224,181,75,.55)}
.page-wrap{padding-top:28px}
.page-heading{border-radius:18px;background:linear-gradient(135deg,#fff,#fbfaf6);border-color:#ddd9ce;position:relative;overflow:hidden}
.page-heading:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#e1b84c,#9d7318)}
.eyebrow{letter-spacing:.2em;color:#9a7119}
:where(body:not(.hb29517-system)) h1{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:-.025em}
.tabs{background:#e3e0d8;border:1px solid #d6d2c8;box-shadow:inset 0 1px rgba(255,255,255,.7)}
.tabs a.current{color:#17181a;border:1px solid #d6bd7b;background:linear-gradient(#fffdf7,#f7f0dc)}
/* Remove the old blue visual language from legacy widgets/tables. */
a{color:#967019}.summarylinks span{background:#f7f1df!important;color:#7f611a!important}.summarylinks span.signup{background:#edf4ee!important;color:#2d6c47!important}
.summary.compare tr.h{background:linear-gradient(180deg,#faf9f5,#f1efe8)!important}
.summary.compare tr.h td{color:#77756f!important;border-bottom-color:#dcd8ce!important}
.summary.compare tr:not(.h):hover td{background:#fffdf7}
/* Turn old horizontal bars into neutral Nordic section headers. */
p.hbar{background:linear-gradient(90deg,#f0ede5,#faf9f6)!important;border-left:3px solid var(--hb-gold);color:#2c2c2a;padding:8px 11px!important;border-radius:0 8px 8px 0}
p.hbar a{color:#65501e!important}
/* Ad containers no longer look like unexplained blue UI strips. */
.leaderboard-ad,.footer-ad{background:transparent!important;border:0!important}
/* Featured block: shield-like premium treatment */
.hb-feature-widget{border-color:#dec98f;background:linear-gradient(145deg,#fffdf7,#fff);position:relative;overflow:hidden}
.hb-feature-widget:after{content:"ᛏ";position:absolute;right:-10px;bottom:-24px;font:900 100px Georgia,serif;color:#b98a25;opacity:.055;transform:rotate(-8deg)}
.sidebar-panel{border-color:#ddd9cf;box-shadow:0 10px 28px rgba(30,29,25,.055)}
.sidebar-panel p.side-title{color:#766e5d!important;letter-spacing:.16em}
.site-footer{background:linear-gradient(180deg,#191b1d,#101112);border-top:3px solid #a77c1d;position:relative}
.site-footer:before{content:"ᛏ  •  HITSBAY  •  ᛏ";display:block;text-align:center;color:#b99135;opacity:.35;font:700 10px Georgia,serif;letter-spacing:.35em;padding-top:10px}
.footer-brand strong{font:900 20px Georgia,serif;letter-spacing:.08em}.footer-brand strong span{color:#d4a73f}.footer-links a:hover{color:#e0b54b}
/* Responsive */
@media(max-width:720px){.brand-shield{width:43px;height:50px}.brand-word strong,.brand-word em{font-size:25px}.brand-word small{font-size:6px}.header-inner{min-height:84px}}

/* HitsBay Nordic/Viking theme cleanup - remove remaining legacy blue UI */
:root{--hb-bg:#f5f3ed;--hb-card:#fff;--hb-dark:#171717;--hb-gold:#c99a24;--hb-gold2:#e4b93f;--hb-border:#e8e2d5;--hb-muted:#6b7078}
body{background:var(--hb-bg)!important;color:#272727}
a{color:#9a741b}a:hover{color:#c08f16}
div.center{background:#fff!important;border:1px solid var(--hb-border)!important}
div.mainmenu,div.mainmenu div.center,ul.mainmenu{background:var(--hb-dark)!important;border-bottom:1px solid #9b751f!important}
div.header{background:linear-gradient(180deg,#1b1b1b 0%,#121212 100%);border-bottom:3px solid var(--hb-gold)}
div.footer{background:#171717!important;border-top:1px solid #9b751f!important;color:#d9d2c3!important}
div.footer div.links a{color:#f0c95a!important}.footer div.credits{border-top-color:#5b4a26!important;color:#bdb7aa!important}
p.hbar{background:linear-gradient(90deg,#f1ead8,#fbfaf7)!important;border-left:4px solid var(--hb-gold);border-radius:8px;padding:9px 12px!important;box-shadow:0 2px 8px rgba(0,0,0,.04)}
p.hbar a{color:#272727!important}
:where(body:not(.hb29517-system)) h1{background:linear-gradient(90deg,#f1ead8,#fff)!important;border-left:5px solid var(--hb-gold);color:#202020!important}
:where(body:not(.hb29517-system)) h2{background:#faf8f3!important;border-left:4px solid var(--hb-gold);color:#202020!important}
div.textcontent,div.item,div.item div.details,div.item div.details div.d2{background:#fff!important}
div.summary td.summarylinks span{background:#f7f0df!important;color:#8d6917!important}
div.tabs a.current{background:#f7f0df!important;color:#8d6917!important;border-color:#d8c38e!important}
div.tabs a{border-color:#e8e2d5!important}
.price{color:#9a741b!important}
.pagination a.current,.pagination a:hover{border-color:#c99a24!important}
div.center2{border-color:transparent!important}
/* neutralize legacy blue image strips used by the original directory skin */
[style*="#008fbf"],[style*="#0088cc"]{color:#9a741b!important}

/* HitsBay final table cleanup: eliminate every legacy blue strip/image from directory tables */
table.summary.compare,
table.summary.compare tbody,
table.summary.compare tr,
table.summary.compare td,
table.summary.compare th,
table.summary.compare p,
table.summary.compare div {
  background-image: none !important;
}
table.summary.compare tr.h,
table.summary.compare tr.h td,
table.summary.compare tr.h p {
  background: #f4f1e9 !important;
  background-image: none !important;
  color: #77756f !important;
}
table.summary.compare tr.h td {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #dcd8ce !important;
}
table.summary.compare tr.h td p {
  margin: 0 !important;
  padding: 0 !important;
}
table.summary.compare tr.odd0 td,
table.summary.compare tr.odd1 td {
  background: #fff !important;
  background-image: none !important;
}
table.summary.compare tr.odd0:hover td,
table.summary.compare tr.odd1:hover td {
  background: #fffdf7 !important;
}


/* =========================================================
   HITSBAY NORDIC 2026 OVERRIDES
   Premium SaaS directory with restrained Viking character.
   ========================================================= */
:root{
  --hb-bg:#f3f0e8;
  --hb-surface:#ffffff;
  --hb-ink:#171717;
  --hb-muted:#74716a;
  --hb-gold:#c99a32;
  --hb-gold2:#e3bd63;
  --hb-bronze:#8b651d;
  --hb-line:#e3ddd0;
  --hb-dark:#171713;
}
html{background:var(--hb-bg);}
body{
  background:
    radial-gradient(circle at 50% -15%,rgba(201,154,50,.12),transparent 34%),
    linear-gradient(180deg,#f8f6f0 0%,var(--hb-bg) 100%);
  color:var(--hb-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:14px;
}
a{color:var(--hb-bronze);}
a:hover{color:#6d4d13;}
.site-shell{max-width:1440px;margin:0 auto;background:transparent;}
.site-header{
  background:linear-gradient(135deg,#11110f 0%,#222018 58%,#161512 100%);
  border-bottom:1px solid rgba(227,189,99,.45);
  box-shadow:0 10px 30px rgba(30,24,12,.12);
  position:relative;
  overflow:hidden;
}
.site-header:after{
  content:"";position:absolute;inset:auto 0 0 0;height:3px;
  background:linear-gradient(90deg,transparent,var(--hb-gold),#f1d58f,var(--hb-gold),transparent);
  opacity:.9;
}
.site-header:before{
  content:"ᛉ ᚦ ᛏ ᚱ ᛟ";position:absolute;right:5%;top:50%;transform:translateY(-50%);
  color:rgba(227,189,99,.055);font:700 64px Georgia,serif;letter-spacing:18px;white-space:nowrap;
}
.header-inner{max-width:1240px;margin:0 auto;min-height:92px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:1;}
.brand{display:flex!important;align-items:center;gap:14px;text-decoration:none!important;min-width:280px;}
.brand-shield{width:48px;height:56px;display:grid;place-items:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));}
.brand-shield svg{width:48px;height:56px;overflow:visible;}
.brand-shield .shield-outline{fill:#1a1915;stroke:var(--hb-gold2);stroke-width:2.4;}
.brand-shield .shield-inner{fill:none;stroke:rgba(227,189,99,.42);stroke-width:1.2;}
.brand-shield .rune{fill:none;stroke:#f0d58c;stroke-width:2.1;stroke-linecap:round;}
.brand-word{display:flex;flex-direction:column;line-height:.9;}
.brand-word strong,.brand-word em{font:900 28px/1 Georgia,"Times New Roman",serif;letter-spacing:1px;font-style:normal;}
.brand-word strong{color:#f6f2e8;}
.brand-word em{color:var(--hb-gold2);}
.brand-word small{margin-top:8px;color:#a9a49a;font:700 8px/1.2 Inter,Arial,sans-serif;letter-spacing:2.2px;}
.header-ad{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;max-width:520px;}
.topnav{background:#20201b;border-bottom:1px solid #37342b;box-shadow:0 3px 14px rgba(20,18,12,.08);}
.nav-inner{max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px;}
.nav-links{display:flex;align-items:center;gap:4px;}
.nav-links a{color:#d8d2c3!important;text-decoration:none!important;font-weight:750;padding:10px 13px;border-radius:8px;transition:.18s ease;}
.nav-links a:hover,.nav-links a.active{background:rgba(201,154,50,.12);color:#f0cf82!important;}
.nav-search{display:flex;gap:7px;margin:0;}
.nav-search input{width:220px;height:36px;border-radius:9px;border:1px solid #48443a;background:#11110f;color:#eee9dd;padding:0 12px;outline:none;box-sizing:border-box;}
.nav-search input:focus{border-color:var(--hb-gold);box-shadow:0 0 0 3px rgba(201,154,50,.12);}
.nav-search button{height:36px;border:1px solid #b88928;border-radius:9px;background:linear-gradient(180deg,#d7ae55,#b98520);color:#17130a;font-weight:850;padding:0 15px;cursor:pointer;}
.page-wrap{max-width:1240px;margin:0 auto;padding:24px;}
.leaderboard-ad{margin:0 auto 22px;min-height:0;padding:8px;border:1px solid var(--hb-line);border-radius:12px;background:#faf9f5;box-shadow:0 5px 18px rgba(42,35,21,.04);overflow:hidden;}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;}
.main-content{min-width:0;}
.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px;padding:22px 24px;background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:16px;box-shadow:0 8px 24px rgba(43,35,20,.05);position:relative;overflow:hidden;}
.page-heading:after{content:"";position:absolute;left:0;bottom:0;width:150px;height:3px;background:linear-gradient(90deg,var(--hb-gold),transparent);}
.page-heading .eyebrow{font-size:10px;font-weight:900;letter-spacing:2px;color:var(--hb-gold);}
:where(body:not(.hb29517-system)) h1{background:none!important;border:0!important;border-radius:0!important;margin:5px 0 0!important;padding:0!important;color:#1a1916;font:900 30px/1.1 Georgia,"Times New Roman",serif!important;}
.social-share{opacity:.72;}
.tabs{float:none!important;display:flex;gap:8px;padding:0!important;margin:0 0 14px!important;}
.tabs a,.tabs a.current{display:inline-flex!important;align-items:center;background:#fff!important;color:#5d4a24!important;border:1px solid var(--hb-line)!important;border-radius:9px!important;padding:9px 14px!important;margin:0!important;text-decoration:none!important;box-shadow:0 3px 10px rgba(40,30,12,.035);}
.tabs a.current{background:#211f18!important;color:#f1d58c!important;border-color:#211f18!important;}
.description{padding:15px 18px;background:#fff;border:1px solid var(--hb-line);border-radius:12px;margin-bottom:16px;color:#625e55;line-height:1.65;}
/* Replace the legacy blue directory/table treatment with a premium card-like table. */
.item.summary{background:#fff!important;border:1px solid var(--hb-line)!important;border-radius:14px!important;box-shadow:0 7px 22px rgba(41,33,18,.045)!important;overflow:hidden!important;}
table.summary.compare{border:0!important;}
table.summary.compare tr.h td{background:#25231d!important;color:#e8dfcc!important;border:0!important;padding:13px 12px!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.8px;}
table.summary.compare tr:not(.h) td{background:#fff!important;border-bottom:1px solid #eee9df!important;padding:13px 12px!important;vertical-align:middle;}
table.summary.compare tr:not(.h):hover td{background:#fbf8f0!important;}
table.summary.compare td:first-child{font-weight:900;color:var(--hb-gold);}
table.summary.compare td a{color:#2a271f;}
table.summary.compare td a:hover{color:var(--hb-bronze);}
/* Neutralize legacy cyan/blue widgets, bars and states. */
p.hbar{background:#25231d!important;color:#e8dfcc!important;border-left:3px solid var(--hb-gold)!important;border-radius:7px;padding:9px 12px!important;}
p.hbar a{color:#f0d18a!important;}
.pagination{border-top:1px solid var(--hb-line)!important;}
div.pagination a,div.pagination span{background:#fff!important;border:1px solid var(--hb-line)!important;color:#5c564a!important;border-radius:7px!important;padding:5px 10px!important;}
div.pagination a.current{background:#25231d!important;border-color:#25231d!important;color:#f0d18a!important;}
div.pagination a:hover{border-color:var(--hb-gold)!important;}
.side-block,.sidebar div.side-block{background:#fff!important;border:1px solid var(--hb-line)!important;border-radius:14px!important;padding:0!important;overflow:hidden;box-shadow:0 7px 22px rgba(41,33,18,.045)!important;}
div.sidebar p.side-title{background:#25231d!important;color:#e8dfcc!important;font:900 13px/1 Inter,Arial,sans-serif!important;letter-spacing:1.3px;text-transform:uppercase;padding:13px 15px!important;}
div.sidebar div.side-content{padding:14px 15px!important;}
/* Viking flourishes without making the site look like a costume shop. */
.side-block:before{content:"ᛉ";float:right;color:rgba(201,154,50,.24);font:28px Georgia,serif;margin:8px 12px 0 0;}
.price{color:#876317!important;}
p.signup a{background:linear-gradient(180deg,#d6ad53,#b9841e)!important;color:#17130a!important;border:1px solid #a87517!important;box-shadow:0 4px 10px rgba(128,88,14,.14);}
p.signup a:hover{background:linear-gradient(180deg,#e1bd68,#c08e29)!important;}
p.signup a.learnmore{background:#25231d!important;color:#e8dfcc!important;}
img.thumbnail{border:1px solid #d7cdbb!important;box-shadow:0 4px 12px rgba(35,29,18,.06);}
.footer,.site-footer{background:#191914!important;border-top:2px solid var(--hb-gold)!important;color:#aaa395!important;}
.footer a,.site-footer a{color:#e2c477!important;}
/* Common legacy blue selectors */
.blue,.cyan,.info,.notice{color:#5d4a24!important;background:#f5efe1!important;border-color:#d4bc82!important;}
@media(max-width:900px){
  .dashboard-grid{grid-template-columns:1fr;}
  .header-ad{display:none;}
  .nav-inner{flex-wrap:wrap;padding:8px 16px;}
  .nav-links{overflow:auto;width:100%;}
  .nav-search{width:100%;}
  .nav-search input{flex:1;width:auto;}
}
@media(max-width:620px){
  .page-wrap{padding:14px;}
  .header-inner{padding:12px 16px;min-height:74px;}
  .brand-word strong,.brand-word em{font-size:23px;}
  .brand-word small{font-size:7px;letter-spacing:1.5px;}
  .brand-shield{width:40px;height:48px;}
  .page-heading{padding:18px;}
  h1{font-size:25px!important;}
  table.summary.compare{font-size:12px;}
}

/* HITSBAY ADS — preserve admin-configured ad code */
.header-ad{min-height:60px;max-width:728px;overflow:visible;}
.header-ad iframe,.header-ad img,.header-ad script,.header-ad ins{max-width:100%;}
.sidebar-ad{min-height:0;overflow:visible;}
.footer-ad{min-height:0;overflow:visible;}
@media(max-width:980px){.header-ad{display:flex;max-width:100%;justify-content:center;margin-top:10px;}.header-inner{flex-wrap:wrap;}.brand{flex:0 0 auto;}.header-ad{flex:1 1 100%;}}

/* =========================================================
   HITSBAY LIGHT NORDIC BARS — softer premium treatment
   Keep the main navigation/header dark; lighten content bars.
   ========================================================= */
.summary.compare tr.h td{
  background:linear-gradient(180deg,#eeeae1,#e5e0d5)!important;
  color:#514d45!important;
  border-bottom:1px solid #d5cdbd!important;
}
p.hbar{
  background:linear-gradient(90deg,#e8e2d5,#f5f2eb)!important;
  color:#403d37!important;
  border-left:4px solid var(--hb-gold)!important;
  box-shadow:0 2px 7px rgba(50,40,22,.045)!important;
}
p.hbar a{color:#66501e!important;}
div.sidebar p.side-title{
  background:linear-gradient(180deg,#e8e3d8,#ddd7ca)!important;
  color:#403d37!important;
  border-bottom:1px solid #d1c8b7!important;
  position:relative;
}
div.sidebar p.side-title:after{
  content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--hb-gold),transparent);
}
div.pagination a.current{
  background:#e7e1d4!important;
  border-color:#cdbb91!important;
  color:#5c4618!important;
}
.tabs a.current{
  background:#e9e3d7!important;
  color:#5b481f!important;
  border-color:#d3c39e!important;
}
/* Headings that act as bars should read as stone/ivory, not black. */
:where(body:not(.hb29517-system)) h2{
  background:linear-gradient(90deg,#eee9de,#faf9f5)!important;
  color:#393631!important;
  border-left:4px solid var(--hb-gold)!important;
}
/* Keep only the global chrome intentionally dark. */
.site-header,.topnav,.nav-search input,.footer,.site-footer{ }

/* =========================================================
   HITSBAY V9 — DEFINITIVE LIGHT NORDIC CONTENT BARS
   The site chrome stays dark; all content section bars are light.
   ========================================================= */
.item.summary table.summary.compare tr.h td,
.item.summary table.summary.compare tr.h td p,
.item.summary table.compare tr.h td,
.item.summary table.compare tr.h td p {
  background:#e8e3d9 !important;
  background-image:linear-gradient(180deg,#f3f0e9 0%,#e3ddd1 100%) !important;
  color:#39362f !important;
  border-bottom:1px solid #cfc5b3 !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
.item.summary table.summary.compare tr.h td:first-child {
  border-left:3px solid #c99a32 !important;
}
.item.summary table.summary.compare tr.h td {
  font-weight:800 !important;
}

/* Page section/heading strips */
.page-heading,
.section-title,
.content-title,
.box-title,
.side-title,
.sidebar .side-title {
  background:#eeeae1 !important;
  color:#3d3932 !important;
  background-image:linear-gradient(180deg,#f6f3ed,#e6e0d5) !important;
  border-color:#d5ccbd !important;
}

/* Sidebar headers: clearly lighter than the main navigation */
.sidebar p.side-title,
.sidebar div.side-block > p.side-title,
div.sidebar p.side-title {
  background:#e8e2d7 !important;
  background-image:linear-gradient(180deg,#f3f0e9,#e1dbcf) !important;
  color:#39362f !important;
  border-bottom:1px solid #cbc1b0 !important;
  text-shadow:none !important;
}

/* Review / notice bars */
p.hbar,
.hbar,
.notice,
.info,
.blue,
.cyan {
  background:#eee9df !important;
  background-image:linear-gradient(90deg,#e3ddd1,#f7f5f0) !important;
  color:#403c35 !important;
  border:1px solid #d7cebf !important;
  border-left:4px solid #c99a32 !important;
  box-shadow:none !important;
}
p.hbar a,.hbar a { color:#5d481a !important; }

/* Keep active controls light too */
.tabs a.current,
div.pagination a.current {
  background:#e8e1d4 !important;
  color:#594719 !important;
  border-color:#cdbb91 !important;
  box-shadow:inset 0 -2px 0 #c99a32 !important;
}

/* Make the main directory card header feel like a Nordic data table. */
.item.summary {
  box-shadow:0 8px 24px rgba(50,42,28,.055) !important;
}
.item.summary table.summary.compare tr.h td {
  letter-spacing:.55px !important;
  text-transform:uppercase !important;
}

/* Only these areas remain intentionally dark */
.site-header,
.topnav,
.nav-search input,
.footer,
.site-footer { }


/* HITSBAY MODERN GLOBAL LOGO */
.site-header{background:#0c141d!important;border-bottom:1px solid #6e5220!important;overflow:hidden;}
.site-header:before{opacity:.22!important;}
.header-inner{min-height:118px!important;padding-top:7px!important;padding-bottom:7px!important;}
.brand-image{display:block!important;min-width:0!important;width:min(400px,40vw)!important;line-height:0!important;flex:0 1 400px!important;}
.brand-image img{display:block!important;width:100%!important;height:auto!important;max-width:400px!important;}
.brand-image:focus-visible{outline:2px solid var(--hb-gold2);outline-offset:4px;border-radius:6px;}
@media(max-width:980px){.brand-image{width:min(500px,70vw)!important;flex-basis:auto!important;}.header-ad{flex:1 1 100%;}}
@media(max-width:720px){.header-inner{min-height:82px!important;padding:6px 14px!important;}.brand-image{width:360px!important;max-width:82vw!important;}.brand-image img{max-width:none!important;}}

/* =========================================================
   HITSBAY 2026 GLOBAL DASHBOARD — visual refresh
   ========================================================= */
body{background:#eeeae1!important;color:#252525!important;}
.site-shell{max-width:none!important;}
.site-header{
  min-height:154px!important;
  background:#111820 url('media/logo.png') center 44%/cover no-repeat!important;
  border-bottom:1px solid #c99a32!important;
  box-shadow:0 8px 30px rgba(12,18,22,.22)!important;
}
.site-header:before{content:""!important;}
.site-header:after{height:2px!important;}
.header-inner{max-width:1240px!important;min-height:154px!important;padding:0 24px!important;align-items:center!important;}
.brand{min-width:0!important;width:680px!important;max-width:58vw!important;display:block!important;}
.brand img{display:block!important;width:100%!important;height:auto!important;max-height:142px!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 5px 12px rgba(0,0,0,.32));}
.header-ad{position:absolute!important;right:24px!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important;background:rgba(8,12,15,.55);padding:7px!important;border-radius:10px!important;}
.topnav{background:#182027!important;border-bottom:1px solid #313b40!important;box-shadow:0 4px 15px rgba(0,0,0,.15)!important;}
.nav-inner{max-width:1240px!important;min-height:58px!important;padding:0 24px!important;}
.nav-links{gap:2px!important;}
.nav-links a{font-size:14px!important;padding:11px 15px!important;border-radius:7px!important;color:#eef0ed!important;position:relative;}
.nav-links a:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#d5aa4a;margin:0 8px 2px 0;opacity:.9;}
.nav-links a:hover{background:rgba(212,170,74,.12)!important;color:#f2cf82!important;}
.nav-search input{background:#fff!important;color:#333!important;border-color:#d7d1c4!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important;}
.nav-search button{background:linear-gradient(#e1bd67,#bd8b28)!important;}
.page-wrap{max-width:1240px!important;padding:16px 24px 28px!important;}
.global-hero{min-height:112px;margin:0 0 18px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #b88a2b;border-radius:12px;background:linear-gradient(90deg,rgba(21,29,34,.98),rgba(30,39,43,.96) 62%,rgba(21,27,30,.98));box-shadow:0 7px 24px rgba(28,25,17,.13);overflow:hidden;position:relative;color:#f5f1e7;}
.global-hero:before{content:"ᛉ";position:absolute;right:250px;top:-30px;font:180px Georgia,serif;color:rgba(214,170,74,.045);transform:rotate(12deg);}
.hero-copy{position:relative;z-index:1;}
.hero-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:#d8b35c;}
.hero-copy h2{margin:5px 0 5px;font:800 30px/1.15 Inter,Arial,sans-serif;letter-spacing:-.6px;}
.hero-copy h2 strong{color:#d9b45d;}
.hero-copy p{margin:0;color:#d5d7d5;font-size:14px;}
.hero-points{display:flex;position:relative;z-index:1;}
.hero-points div{min-width:105px;text-align:center;padding:5px 16px;border-left:1px solid rgba(219,191,126,.25);}
.hero-points b{display:block;color:#d8ae4e;font-size:23px;margin-bottom:3px;}
.hero-points span{font-size:9px;font-weight:850;letter-spacing:1px;line-height:1.35;color:#e8e7e1;}
.dashboard-grid{grid-template-columns:minmax(0,1fr) 286px!important;gap:20px!important;}
.tabs{margin-bottom:12px!important;}
.tabs a{background:#fff!important;border-color:#d9d2c5!important;box-shadow:none!important;color:#61573f!important;}
.tabs a.current{background:#c99a32!important;border-color:#c99a32!important;color:#fff!important;}
.page-heading{padding:17px 20px!important;margin-bottom:14px!important;border-radius:12px!important;box-shadow:0 3px 12px rgba(42,35,21,.05)!important;}
.page-heading .eyebrow{font-size:9px!important;letter-spacing:1.7px!important;}
.page-heading h1{font-size:25px!important;}
/* Make the actual directory header unmistakably light. */
.item.summary table.summary.compare tr.h td,
.item.summary table.summary.compare tr.h td p{background:#eeeae1!important;color:#6b665c!important;border-bottom:1px solid #d8d1c5!important;}
.item.summary table.summary.compare tr.h td:first-child{color:#a1741e!important;}
.item.summary table.summary.compare tr:not(.h) td{background:#fff!important;}
.item.summary{border-radius:12px!important;box-shadow:0 4px 18px rgba(36,31,22,.06)!important;}
/* Sidebar becomes a clean dashboard rail. */
.side-block,.sidebar div.side-block{border-radius:11px!important;box-shadow:0 4px 16px rgba(36,31,22,.05)!important;margin-bottom:14px!important;}
div.sidebar p.side-title{background:#eeeae1!important;color:#35322c!important;border-bottom:1px solid #d7d0c3!important;padding:12px 14px!important;font-size:12px!important;}
div.sidebar div.side-content{padding:12px 14px!important;}
.sidebar-panel{padding-top:0!important;}
.sidebar-ad{border:1px dashed #d4c6a7;border-radius:10px;padding:8px;background:#faf8f2;}
.footer-ad{margin:18px auto 0!important;text-align:center!important;padding:8px!important;border:1px dashed #d6c7a8;border-radius:10px;background:#faf8f2;max-width:760px;}
.site-footer{margin-top:0!important;background:#172026!important;border-top:2px solid #c99a32!important;}
.footer-inner{max-width:1240px!important;padding:22px 24px!important;}
@media(max-width:900px){.site-header{min-height:120px!important}.header-inner{min-height:120px!important}.brand{width:560px!important;max-width:70vw!important}.header-ad{position:static!important;transform:none!important;margin-left:auto!important}.global-hero{flex-direction:column;align-items:flex-start}.hero-points{width:100%}.hero-points div{flex:1}.dashboard-grid{grid-template-columns:1fr!important}}
@media(max-width:620px){.site-header{min-height:92px!important}.header-inner{min-height:92px!important;padding:8px 14px!important}.brand{width:100%!important;max-width:none!important}.brand img{max-height:80px!important}.header-ad{display:none!important}.global-hero{padding:17px}.hero-copy h2{font-size:23px}.hero-points div{min-width:0;padding:5px 7px}.nav-inner{padding:7px 12px!important}.nav-links{overflow-x:auto}.nav-links a{white-space:nowrap;padding:9px 10px!important;font-size:12px!important}.page-wrap{padding:12px!important}}

/* =========================================================
   HITSBAY 2026 — REFERENCE DASHBOARD V12
   Built to closely match the supplied homepage mockup.
   ========================================================= */
:root{--hb-navy:#0c1b28;--hb-navy2:#122b3b;--hb-gold:#d5a83f;--hb-gold2:#efc45d;--hb-cream:#f4f1ea;--hb-card:#fff;--hb-text:#15283a;--hb-muted:#718298;--hb-border:#dfe3e5;}
html,body{background:#f2f1ed!important;color:var(--hb-text)!important;font-family:Inter,Arial,Helvetica,sans-serif!important;}
body{margin:0!important;}
.site-shell{background:#f2f1ed!important;}
.site-header{height:126px!important;min-height:126px!important;background:#071522 url('media/header-fjord.jpg') center center/cover no-repeat!important;border-bottom:2px solid var(--hb-gold)!important;box-shadow:0 3px 14px rgba(0,0,0,.18)!important;}
.site-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,23,.62),rgba(5,19,31,.08) 70%,rgba(3,14,23,.15));pointer-events:none;}
.header-inner{max-width:1240px!important;height:126px!important;min-height:126px!important;margin:0 auto!important;padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;z-index:2!important;}
.brand{display:block!important;width:510px!important;max-width:52vw!important;height:auto!important;}
.brand img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;}
.header-ad{min-height:0!important;max-width:468px!important;overflow:visible!important;position:relative!important;z-index:3!important;}
.topnav{background:#0b1c2a!important;border-bottom:1px solid #294052!important;box-shadow:0 2px 9px rgba(0,0,0,.13)!important;}
.nav-inner{max-width:1240px!important;min-height:56px!important;padding:0 24px!important;margin:0 auto!important;display:flex!important;align-items:center!important;gap:16px!important;}
.nav-links{display:flex!important;align-items:stretch!important;gap:0!important;flex:1!important;}
.nav-links a{height:56px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 14px!important;color:#e9eef1!important;font-size:14px!important;font-weight:700!important;border-radius:0!important;text-decoration:none!important;white-space:nowrap!important;border-bottom:4px solid transparent!important;}
.nav-links a span{font-size:19px!important;color:#e6b94e!important;line-height:1!important;}
.nav-links a:before{display:none!important;}
.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.045)!important;color:#fff!important;border-bottom-color:var(--hb-gold)!important;}
.nav-search{display:flex!important;align-items:center!important;width:235px!important;margin:0!important;}
.nav-search input{height:36px!important;border:0!important;border-radius:20px 0 0 20px!important;background:#fff!important;color:#243343!important;padding:0 14px!important;box-shadow:none!important;min-width:0!important;}
.nav-search button{width:43px!important;height:36px!important;border:0!important;border-radius:0 20px 20px 0!important;background:#fff!important;color:#5c6d7d!important;font-size:20px!important;padding:0!important;}
.nav-login{color:#e9eef1!important;text-decoration:none!important;font-weight:700!important;white-space:nowrap!important;}
.page-wrap{max-width:1240px!important;padding:16px 24px 26px!important;margin:0 auto!important;}
.global-hero{min-height:106px!important;margin:0 0 18px!important;padding:14px 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;border:2px solid var(--hb-gold)!important;border-radius:9px!important;background:#0d202f url('media/header-fjord.jpg') right center/auto 100% no-repeat!important;box-shadow:0 4px 12px rgba(15,27,37,.16)!important;overflow:hidden!important;position:relative!important;color:#fff!important;}
.global-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,24,37,.98) 0%,rgba(8,27,41,.96) 53%,rgba(8,24,36,.55) 100%);pointer-events:none;}
.hero-copy,.hero-points{position:relative!important;z-index:2!important;}
.hero-copy{display:flex!important;align-items:center!important;gap:24px!important;}
.hero-ticket{width:74px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:4px solid var(--hb-gold2)!important;color:var(--hb-gold2)!important;font-size:33px!important;font-weight:900!important;transform:rotate(-18deg)!important;border-radius:4px!important;position:relative!important;}
.hero-ticket:after{content:"";position:absolute;inset:7px;border:2px dashed rgba(239,196,93,.55);}
.hero-kicker{display:block!important;color:#e1b34b!important;font-size:10px!important;font-weight:900!important;letter-spacing:2px!important;margin-bottom:2px!important;}
.hero-copy h2{margin:0!important;background:none!important;border:0!important;color:#f5f6f4!important;font-size:30px!important;line-height:1.15!important;letter-spacing:-.7px!important;}
.hero-copy h2 strong{color:#f0bf50!important;}
.hero-copy p{margin:6px 0 0!important;color:#e6ebed!important;font-size:14px!important;}
.hero-points{display:flex!important;align-items:stretch!important;}
.hero-points div{min-width:105px!important;text-align:center!important;padding:5px 17px!important;border-left:1px solid rgba(225,191,112,.25)!important;}
.hero-points b{display:block!important;color:#e9b945!important;font-size:27px!important;line-height:1!important;margin-bottom:6px!important;}
.hero-points span{display:block!important;font-size:10px!important;font-weight:900!important;line-height:1.25!important;color:#f1f3f2!important;letter-spacing:.6px!important;}
.home-grid{display:grid!important;grid-template-columns:280px minmax(0,1fr) 292px!important;gap:16px!important;align-items:start!important;}
.left-rail,.right-rail{min-width:0!important;}
.main-content{min-width:0!important;}
.dash-card{background:#fff!important;border:1px solid var(--hb-border)!important;border-radius:8px!important;box-shadow:0 3px 10px rgba(24,39,50,.08)!important;overflow:hidden!important;margin-bottom:14px!important;}
.dash-card h3{margin:0!important;padding:12px 15px!important;background:linear-gradient(#fafafa,#f1f2f1)!important;border-bottom:1px solid #e1e4e5!important;color:#172736!important;font-size:15px!important;line-height:1.2!important;}
.dash-card h3:first-letter{color:#d3a33c!important;}
.dash-card h3 span{margin-left:6px!important;}
.dash-links a{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:11px 15px!important;border-bottom:1px solid #edf0f1!important;color:#29445a!important;text-decoration:none!important;font-size:13px!important;}
.dash-links a:last-child{border-bottom:0!important;}
.dash-links a:hover{background:#fbfaf6!important;color:#a7771e!important;}
.dash-links b{font-size:20px!important;color:#a5b0b7!important;}
.featured-card{padding-bottom:13px!important;}
.featured-site{display:flex!important;gap:12px!important;padding:14px 14px 8px!important;color:#19384f!important;text-decoration:none!important;}
.featured-site img{width:78px!important;height:64px!important;object-fit:contain!important;border-radius:6px!important;background:#f4f5f5!important;border:1px solid #e0e4e6!important;}
.featured-site strong{font-size:14px!important;}
.featured-site p{font-size:12px!important;color:#74869a!important;line-height:1.35!important;margin:5px 0 0!important;}
.gold-btn{display:inline-block!important;background:linear-gradient(#e9c25f,#c89028)!important;color:#15202a!important;border:0!important;border-radius:6px!important;padding:9px 17px!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 2px 6px rgba(142,103,27,.2)!important;}
.gold-btn.small{margin-left:14px!important;padding:8px 14px!important;font-size:12px!important;}
.blog-mini{display:flex!important;gap:9px!important;padding:10px 13px!important;border-bottom:1px solid #edf0f1!important;text-decoration:none!important;color:#26425a!important;}
.blog-mini:last-child{border-bottom:0!important;}
.blog-mini>b{color:#d3a13a!important;}
.blog-mini span{font-size:12px!important;line-height:1.25!important;}
.blog-mini small{display:block!important;color:#9aa5ad!important;margin-top:4px!important;font-size:10px!important;}
.stats-card{padding-bottom:7px!important;}
.stat-row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:9px 14px!important;border-bottom:1px solid #edf0f1!important;font-size:12px!important;color:#2d4b63!important;}
.stat-row strong{font-size:13px!important;color:#19344b!important;}
.stat-row.online span,.stat-row.online strong{color:#269b4b!important;}
.rank-mini{display:flex!important;align-items:center!important;gap:8px!important;padding:9px 11px!important;border-bottom:1px solid #edf0f1!important;text-decoration:none!important;color:#17374f!important;font-size:12px!important;}
.rank-mini:last-child{border-bottom:0!important;}
.rank-mini>b{width:17px!important;text-align:center!important;color:#647688!important;}
.rank-mini img{width:36px!important;height:30px!important;object-fit:contain!important;border-radius:6px!important;background:#f5f6f6!important;}
.rank-mini span{flex:1!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.rank-mini em{font-style:normal!important;color:#d49e2b!important;font-size:11px!important;}
.join-card{background:#0e2232!important;border:1px solid #173b53!important;border-radius:8px!important;padding:18px!important;color:#fff!important;box-shadow:0 4px 13px rgba(16,36,51,.18)!important;margin-bottom:14px!important;}
.join-icon{font-size:33px!important;color:#efc45d!important;}
.join-card h3{margin:4px 0 6px!important;color:#f2c659!important;font-size:16px!important;}
.join-card p{margin:0 0 14px!important;color:#dce5ea!important;font-size:12px!important;line-height:1.4!important;}
.tabs{display:flex!important;gap:5px!important;margin:0 0 10px!important;}
.tabs a{background:#fff!important;border:1px solid #d9dfe2!important;border-radius:6px 6px 0 0!important;padding:9px 15px!important;color:#6a7782!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;}
.tabs a.current{background:#d2a23b!important;border-color:#d2a23b!important;color:#fff!important;}
.page-heading{background:#fff!important;border:1px solid var(--hb-border)!important;border-radius:8px!important;padding:13px 17px!important;margin:0 0 12px!important;box-shadow:0 2px 9px rgba(25,40,52,.05)!important;}
.page-heading .eyebrow{font-size:10px!important;letter-spacing:1.7px!important;color:#9a7a32!important;font-weight:900!important;}
.page-heading h1{font-size:20px!important;color:#1a2e40!important;margin:3px 0 0!important;}
.description{background:#fff!important;border:1px solid var(--hb-border)!important;border-radius:7px!important;padding:12px 15px!important;margin-bottom:12px!important;color:#607184!important;font-size:12px!important;}
.item.summary{background:#fff!important;border:1px solid var(--hb-border)!important;border-radius:8px!important;box-shadow:0 3px 10px rgba(24,39,50,.07)!important;overflow:hidden!important;}
table.summary.compare{border:0!important;margin:0!important;}
table.summary.compare tr.h td{background:#f0f1ef!important;color:#273747!important;border-bottom:1px solid #dfe3e4!important;padding:11px 10px!important;font-size:11px!important;font-weight:900!important;text-transform:none!important;letter-spacing:0!important;}
table.summary.compare tr:not(.h) td{background:#fff!important;border-bottom:1px solid #edf0f1!important;padding:10px 9px!important;vertical-align:middle!important;color:#2c465b!important;font-size:12px!important;}
table.summary.compare tr:not(.h):hover td{background:#fbfaf5!important;}
table.summary.compare td.rank{font-size:13px!important;font-weight:900!important;color:#5f7180!important;text-align:center!important;}
table.summary.compare td a{color:#173c58!important;}
table.summary.compare td.hostlinks a{color:#fff!important;}
table.summary.compare .logo{max-width:72px!important;max-height:42px!important;object-fit:contain!important;border-radius:6px!important;}
table.summary.compare .rating-small{margin:0 auto 3px!important;}
table.summary.compare td p{margin:3px 0!important;}
table.summary.compare td p a.learnmore{font-size:10px!important;color:#7a8b9a!important;}
.price{color:#24455d!important;font-weight:800!important;}
p.signup{margin:0!important;}
p.signup a{display:inline-block!important;background:linear-gradient(#e7bd58,#bd8720)!important;border:0!important;border-radius:6px!important;color:#fff!important;padding:8px 13px!important;font-weight:900!important;text-transform:none!important;text-decoration:none!important;}
p.signup a:hover{background:linear-gradient(#efc968,#c89126)!important;}
.pagination{margin-top:14px!important;border-top:0!important;}
.sidebar-ad,.footer-ad{background:#fff!important;border:1px dashed #d6c9aa!important;border-radius:8px!important;padding:8px!important;}
.site-footer{background:#0b1c2a!important;border-top:2px solid var(--hb-gold)!important;color:#aab7c1!important;margin-top:0!important;}
.footer-inner{max-width:1240px!important;margin:0 auto!important;padding:17px 24px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:15px!important;align-items:center!important;}
.footer-brand{display:flex!important;align-items:center!important;gap:10px!important;color:#dbe3e8!important;}
.footer-brand img{width:145px!important;height:auto!important;object-fit:contain!important;}
.footer-brand span{font-size:10px!important;color:#91a0aa!important;}
.footer-links{display:flex!important;gap:16px!important;justify-content:center!important;}
.footer-links a{color:#9eabb4!important;text-decoration:none!important;font-size:11px!important;}
.footer-links a:hover{color:#e8bd58!important;}
.footer-copy{font-size:10px!important;text-align:right!important;color:#778792!important;}
.footer-tools{display:none!important;}
@media(max-width:1100px){.home-grid{grid-template-columns:220px minmax(0,1fr)!important}.right-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.right-rail .dash-card,.right-rail .join-card{margin:0}.nav-links a{padding:0 10px!important}.nav-search{width:190px!important}.brand{width:470px!important;}}
@media(max-width:900px){.site-header,.header-inner{height:100px!important;min-height:100px!important}.brand{width:340px!important}.header-ad{display:none!important}.nav-inner{padding:0 14px!important}.nav-links{overflow-x:auto!important}.nav-links a{height:50px!important;font-size:12px!important}.nav-search{display:none!important}.page-wrap{padding:12px!important}.global-hero{flex-direction:column!important;align-items:flex-start!important}.hero-points{width:100%!important}.hero-points div{flex:1!important}.home-grid{grid-template-columns:1fr!important}.left-rail,.right-rail{grid-column:auto!important}.right-rail{display:block!important}.right-rail .dash-card,.right-rail .join-card{margin-bottom:14px!important}.footer-inner{grid-template-columns:1fr!important;text-align:center!important}.footer-brand,.footer-links{justify-content:center!important}.footer-copy{text-align:center!important}}
@media(max-width:620px){.site-header,.header-inner{height:82px!important;min-height:82px!important}.brand{width:100%!important;max-width:290px!important}.nav-links a{padding:0 9px!important;font-size:11px!important}.nav-links a span{font-size:15px!important}.global-hero{padding:15px!important}.hero-copy{gap:15px!important}.hero-ticket{width:55px!important;height:37px!important;font-size:25px!important}.hero-copy h2{font-size:21px!important}.hero-copy p{font-size:12px!important}.hero-points{overflow-x:auto!important}.hero-points div{min-width:92px!important;padding:5px 8px!important}.hero-points span{font-size:8px!important}.page-heading h1{font-size:18px!important}.item.summary{overflow-x:auto!important}table.summary.compare{min-width:620px!important}.footer-brand img{width:125px!important}}


/* =========================================================
   HITSBAY 2026 — V14 SINGLE-RAIL HOMEPAGE
   Keep the directory wide; consolidate dashboard widgets into the left rail.
   ========================================================= */
.home-grid{grid-template-columns:270px minmax(0,1fr)!important;gap:20px!important;}
.left-rail{min-width:0!important;}
.left-rail .dash-card,.left-rail .join-card{width:100%!important;box-sizing:border-box!important;}
.left-rail .sidebar-ad{margin-top:14px!important;}
@media(max-width:1100px){.home-grid{grid-template-columns:230px minmax(0,1fr)!important;gap:16px!important;}.nav-links a{padding:0 10px!important}.nav-search{width:190px!important}.brand{width:470px!important;}}
@media(max-width:900px){.home-grid{grid-template-columns:1fr!important;}.left-rail{order:2!important;}.main-content{order:1!important;}}

/* HitsBay V17 content hub */
.hb-pulse-wrap{margin-top:28px;}
.hb-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px;padding:0 2px;}
.hb-section-head .eyebrow{display:block;font-size:10px;letter-spacing:.18em;font-weight:900;color:#b98a24;text-transform:uppercase;margin-bottom:4px;}
.hb-section-head h2{margin:0;color:#102536;font-size:25px;line-height:1.1;}
.hb-section-head p{margin:0;color:#718094;font-size:13px;max-width:520px;text-align:right;}
.hb-pulse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.hb-pulse-card{background:#fff;border:1px solid #e2e6e8;border-radius:13px;padding:16px;box-shadow:0 5px 18px rgba(8,24,38,.045);min-height:210px;}
.hb-pulse-card h3{margin:0 0 12px;color:#102536;font-size:14px;letter-spacing:.02em;display:flex;align-items:center;gap:8px;}
.hb-pulse-card h3 b{color:#b98a24;font-size:16px;}
.hb-pulse-item{display:flex;gap:10px;padding:10px 0;border-top:1px solid #edf0f1;text-decoration:none;color:#263746;}
.hb-pulse-item:first-of-type{border-top:0;padding-top:2px;}
.hb-pulse-icon{width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:#f7f0dc;color:#a67918;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;}
.hb-pulse-item strong{display:block;font-size:12px;color:#162b3b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hb-pulse-item span{display:block;font-size:11px;color:#7a8793;line-height:1.35;margin-top:2px;}
.hb-pulse-rating{color:#b98a24!important;font-weight:800!important;}
.hb-pulse-more{display:inline-block;margin-top:8px;font-size:11px;font-weight:800;color:#9a711d;text-decoration:none;}
.hb-site-week{margin-top:16px;background:linear-gradient(110deg,#0a1825,#132a3b);border:1px solid #243d50;border-radius:15px;padding:18px 20px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 8px 25px rgba(8,24,38,.11);}
.hb-site-week .kicker{font-size:9px;letter-spacing:.18em;font-weight:900;color:#e3bd58;text-transform:uppercase;}
.hb-site-week h3{margin:4px 0 5px;font-size:21px;color:#fff;}
.hb-site-week p{margin:0;color:#b9c5cf;font-size:12px;max-width:650px;}
.hb-site-week .hb-week-meta{white-space:nowrap;text-align:right;}
.hb-site-week .hb-week-rating{font-size:18px;font-weight:900;color:#f1cc69;}
.hb-site-week .hb-week-reviews{font-size:11px;color:#b9c5cf;margin-top:2px;}
.hb-site-week .gold-btn{white-space:nowrap;}
@media(max-width:1050px){.hb-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hb-site-week{align-items:flex-start;flex-wrap:wrap}.hb-site-week .hb-week-meta{text-align:left}.hb-site-week .gold-btn{margin-left:auto;}}
@media(max-width:620px){.hb-pulse-grid{grid-template-columns:1fr}.hb-section-head{display:block}.hb-section-head p{text-align:left;margin-top:5px}.hb-site-week .gold-btn{margin-left:0}.hb-site-week{display:block}.hb-site-week .hb-week-meta{margin:10px 0}.hb-site-week .hb-week-rating{font-size:16px;}}
/* =========================================================
   HITSBAY PAYMENT PROOF HUB — V18
   ========================================================= */
.hb-proof-section{margin:28px 0;padding:24px;background:linear-gradient(135deg,#fffdf8,#f6f1e6);border:1px solid #e4d8bd;border-radius:18px;box-shadow:0 12px 30px rgba(7,21,34,.06)}
.hb-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.hb-section-title h2,.hb-proof-page-intro h1,.hb-admin-proof-head h1,.hb-proof-form-intro h1{margin:3px 0 5px;color:#071522}.hb-section-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:#a2771c}.hb-proof-submit{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:#c79a32;color:#071522!important;font-weight:900;text-decoration:none!important;box-shadow:0 5px 14px rgba(151,111,23,.18)}.hb-proof-submit:hover{background:#e0b84e;transform:translateY(-1px)}
.hb-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hb-proof-card{display:block;background:#fff;border:1px solid #e5dccb;border-radius:14px;overflow:hidden;text-decoration:none!important;color:#071522!important;transition:.18s ease;box-shadow:0 5px 14px rgba(7,21,34,.05)}.hb-proof-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(7,21,34,.12);border-color:#c79a32}.hb-proof-thumb{position:relative;height:170px;background:#e9e5dc;overflow:hidden}.hb-proof-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hb-proof-zoom{position:absolute;right:9px;top:9px;background:rgba(7,21,34,.82);color:#fff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-weight:900}.hb-proof-meta{display:flex;align-items:baseline;gap:8px;padding:12px 12px 4px}.hb-proof-meta strong{font-size:18px;color:#a2771c}.hb-proof-meta span{font-size:12px;font-weight:800;color:#52606b}.hb-proof-meta small{margin-left:auto;color:#7c858b;font-size:10px}.hb-proof-caption{padding:4px 12px 13px;font-size:12px;color:#5f666d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-proof-footer{display:flex;justify-content:space-between;gap:12px;padding-top:15px;margin-top:16px;border-top:1px solid #e6dece;color:#77808a;font-size:11px}.hb-proof-footer a,.hb-proof-page-note a{color:#9a721e;font-weight:900;text-decoration:none}.hb-proof-empty{text-align:center;padding:32px 20px;background:#fff;border:1px dashed #d9caa9;border-radius:14px}.hb-proof-empty-icon{font-size:32px;margin-bottom:8px}.hb-proof-empty strong,.hb-proof-empty span{display:block}.hb-proof-empty strong{font-size:17px;color:#071522}.hb-proof-empty span{max-width:500px;margin:5px auto 13px;color:#78818a}.hb-proof-empty a{color:#9a721e;font-weight:900;text-decoration:none}
.hb-proof-page-intro{padding:28px;margin-bottom:20px;background:linear-gradient(120deg,#071522,#102b40);border-radius:18px;color:#fff;position:relative;overflow:hidden}.hb-proof-page-intro:after{content:'₿';position:absolute;right:45px;bottom:-35px;font-size:180px;color:rgba(199,154,50,.08);font-weight:900}.hb-proof-page-intro h1{color:#fff}.hb-proof-page-intro p{max-width:700px;color:#cbd4da}.hb-proof-page-intro .hb-proof-submit{position:relative;z-index:2}.hb-proof-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hb-proof-wall-card{background:#fff;border:1px solid #e2e2de;border-radius:16px;overflow:hidden;text-decoration:none!important;color:#071522!important;box-shadow:0 8px 22px rgba(7,21,34,.07);transition:.18s ease}.hb-proof-wall-card:hover{transform:translateY(-4px);border-color:#c79a32}.hb-proof-wall-image{height:220px;background:#eee;overflow:hidden}.hb-proof-wall-image img{width:100%;height:100%;object-fit:cover}.hb-proof-wall-body{padding:13px}.hb-proof-wall-body strong{display:block;font-size:21px;color:#a2771c}.hb-proof-wall-body span{display:block;font-weight:900;margin-top:2px}.hb-proof-wall-body small{display:block;margin-top:5px;color:#7c858b}.hb-proof-page-note{margin:24px 0;padding:18px;text-align:center;background:#f7f2e8;border-radius:12px;color:#626b72}
.hb-proof-form-wrap{max-width:900px;margin:0 auto}.hb-proof-form-intro{padding:25px 0}.hb-proof-form-intro p{color:#68727a}.hb-proof-rules{display:flex;flex-wrap:wrap;gap:8px}.hb-proof-rules span{background:#f5efdf;border:1px solid #e5d8b8;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;color:#765b20}.hb-proof-form{background:#fff;border:1px solid #e1ddd4;border-radius:18px;padding:24px;box-shadow:0 10px 28px rgba(7,21,34,.06)}.hb-proof-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hb-proof-form label{display:block;font-weight:800;color:#24333d;font-size:12px}.hb-proof-form label small{font-weight:500;color:#8b9196}.hb-proof-form input,.hb-proof-form select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px 12px;border:1px solid #d8d4ca;border-radius:9px;background:#fff;font:inherit}.hb-proof-form input:focus,.hb-proof-form select:focus{outline:none;border-color:#c79a32;box-shadow:0 0 0 3px rgba(199,154,50,.12)}.hb-proof-form-grid .hb-proof-file{grid-column:1/-1}.hb-proof-file input{padding:9px}.hb-proof-file small{display:block;margin-top:6px}.hb-proof-captcha{display:flex;align-items:center;gap:10px;margin:18px 0}.hb-proof-captcha img{width:64px;height:36px;border-radius:4px}.hb-proof-captcha input{width:100px;margin:0}.hb-proof-submit-large{border:0;cursor:pointer;font-size:14px}.hb-proof-success{text-align:center;padding:60px 25px}.hb-proof-success-icon{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#d8ecd8;color:#236a2c;font-size:34px;font-weight:900}.hb-proof-success p{max-width:600px;margin:0 auto 20px;color:#68727a}
.hb-admin-proof-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.hb-admin-proof-filters{display:flex;gap:5px}.hb-admin-proof-filters a{padding:8px 12px;border-radius:8px;background:#eeeae2;color:#46525a;text-decoration:none;font-weight:800;font-size:12px}.hb-admin-proof-filters a.active{background:#c79a32;color:#071522}.hb-admin-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hb-admin-proof-card{background:#fff;border:1px solid #ddd8cc;border-radius:15px;overflow:hidden}.hb-admin-proof-card>a{display:block;height:210px;background:#eee}.hb-admin-proof-card>a img{width:100%;height:100%;object-fit:cover}.hb-admin-proof-info{padding:15px}.hb-admin-proof-info h3{margin:0 0 3px}.hb-admin-proof-amount{font-size:22px;color:#a2771c;font-weight:900;margin-bottom:8px}.hb-admin-proof-info p{font-size:12px;margin:4px 0;color:#667078}.hb-admin-proof-actions{display:flex;gap:8px;margin-top:12px}.hb-admin-proof-actions a{padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:900;font-size:12px}.hb-admin-proof-actions .approve{background:#d9eddc;color:#24652c}.hb-admin-proof-actions .remove{background:#f4dddd;color:#8a2c2c}.hb-proof-wall + .hb-pulse-more{display:block}
.hb-pulse-more{display:block;margin-top:8px;color:#a2771c!important;font-size:11px;font-weight:900;text-decoration:none}.hb-proof-wall{grid-template-columns:repeat(1,minmax(0,1fr));gap:8px}.hb-proof-wall-card{display:grid;grid-template-columns:62px 1fr}.hb-proof-wall-image{height:62px}.hb-proof-wall-body{padding:7px 9px}.hb-proof-wall-body strong{font-size:15px}.hb-proof-wall-body span{font-size:11px}.hb-proof-wall-body small{font-size:9px;margin-top:2px}
@media(max-width:1000px){.hb-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hb-proof-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-admin-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.hb-proof-grid,.hb-proof-wall,.hb-admin-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-section-title,.hb-admin-proof-head{align-items:flex-start;flex-direction:column}.hb-proof-form-grid{grid-template-columns:1fr}.hb-proof-form-grid .hb-proof-file{grid-column:auto}.hb-proof-footer{flex-direction:column}.hb-proof-wall-card{grid-template-columns:55px 1fr}}
@media(max-width:500px){.hb-proof-grid,.hb-proof-wall,.hb-admin-proof-grid{grid-template-columns:1fr}.hb-proof-thumb{height:210px}.hb-proof-wall-card{grid-template-columns:80px 1fr}.hb-proof-wall-image{height:80px}}


/* HitsBay Payment Proof Lightbox */
.hb-proof-lightbox{cursor:zoom-in}
.hb-proof-lightbox-overlay{position:fixed;inset:0;z-index:99999;background:rgba(3,10,16,.92);display:none;align-items:center;justify-content:center;padding:28px;box-sizing:border-box}
.hb-proof-lightbox-overlay.open{display:flex;animation:hbProofFade .16s ease-out}
.hb-proof-lightbox-shell{width:min(1180px,96vw);max-height:92vh;display:grid;grid-template-columns:minmax(0,1fr) 300px;background:#f7f3ea;border:1px solid rgba(199,154,50,.55);border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55);position:relative}
.hb-proof-lightbox-image-wrap{min-height:420px;background:#050b11;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}
.hb-proof-lightbox-image{max-width:100%;max-height:84vh;width:auto;height:auto;object-fit:contain;display:block}
.hb-proof-lightbox-info{padding:28px 24px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #ded5c4;color:#071522}
.hb-proof-lightbox-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:#a2771c;margin-bottom:7px}
.hb-proof-lightbox-info h3{font-size:25px;line-height:1.15;margin:0 0 18px;color:#071522}
.hb-proof-lightbox-amount{font-size:30px;font-weight:900;color:#a2771c;margin-bottom:16px}
.hb-proof-lightbox-details{display:grid;gap:9px;margin-bottom:20px}.hb-proof-lightbox-detail{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e2dbcf;padding-bottom:8px;font-size:12px}.hb-proof-lightbox-detail span:first-child{color:#7a8288;font-weight:700}.hb-proof-lightbox-detail span:last-child{font-weight:900;text-align:right}
.hb-proof-lightbox-caption{background:#eee8dc;border-radius:10px;padding:12px;font-size:12px;color:#5d666d;line-height:1.5;margin-top:4px}
.hb-proof-lightbox-close{position:absolute;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(7,21,34,.88);color:#fff;font-size:25px;line-height:1;cursor:pointer;z-index:2}.hb-proof-lightbox-close:hover{background:#c79a32;color:#071522}
.hb-proof-lightbox-open-link{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:10px 14px;border-radius:9px;background:#071522;color:#fff;text-decoration:none;font-size:12px;font-weight:900}.hb-proof-lightbox-open-link:hover{background:#c79a32;color:#071522}
@keyframes hbProofFade{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.hb-proof-lightbox-overlay{padding:10px}.hb-proof-lightbox-shell{grid-template-columns:1fr;max-height:94vh}.hb-proof-lightbox-image-wrap{min-height:300px;max-height:58vh;padding:12px}.hb-proof-lightbox-image{max-height:55vh}.hb-proof-lightbox-info{padding:18px;max-height:35vh;overflow:auto;border-left:0;border-top:1px solid #ded5c4}.hb-proof-lightbox-info h3{font-size:20px;margin-bottom:8px}.hb-proof-lightbox-amount{font-size:24px;margin-bottom:8px}.hb-proof-lightbox-details{margin-bottom:8px;gap:6px}.hb-proof-lightbox-caption{display:none}}

/* HitsBay V20 — Payment proof count in directory table */
table.summary.compare td.payment-proof-count{text-align:center!important;min-width:86px!important;}
.hb-table-proof-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:5px 8px!important;border-radius:999px!important;background:#f7f0dc!important;border:1px solid #ead8aa!important;color:#87631b!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important;transition:.16s ease!important;}
.hb-table-proof-link:hover{background:#ead39a!important;border-color:#c79a32!important;color:#071522!important;transform:translateY(-1px)!important;}
.hb-table-proof-link b{font-size:13px!important;color:#8f691b!important;}
.hb-table-proof-link span:last-child{font-size:10px!important;}
.hb-proof-count-icon{font-size:12px!important;line-height:1!important;}
.hb-table-proof-link.hb-proof-none{background:#f7f7f4!important;border-color:#e2e4df!important;color:#8a9399!important;}
.hb-table-proof-link.hb-proof-none b{color:#8a9399!important;}
.hb-table-proof-link.hb-proof-none:hover{background:#f5efdf!important;border-color:#d8c38e!important;color:#76591a!important;}
@media(max-width:620px){table.summary.compare{min-width:700px!important;}table.summary.compare td.payment-proof-count{min-width:92px!important;}}

/* HitsBay V21 — uploader affiliate links on payment proofs */
.hb-proof-affiliate-field{grid-column:1/-1!important;}
.hb-proof-affiliate-field input{border-color:#d8c58f!important;background:#fffdf7!important;}
.hb-proof-affiliate-field small{display:block;margin-top:6px;color:#7b8389;font-weight:500!important;line-height:1.45;}
.hb-proof-affiliate-chip{display:inline-flex;align-items:center;gap:4px;margin:0 12px 13px;padding:5px 9px;border-radius:999px;background:#eef5f2;border:1px solid #cddfd7;color:#356b55;font-size:10px;font-weight:900;letter-spacing:.15px;}
.hb-proof-wall-body em{display:block;margin-top:4px;font-style:normal;color:#356b55;font-size:9px;font-weight:900;}
.hb-proof-lightbox-affiliate{margin:0 0 4px;padding:12px;border-radius:11px;background:#eef5f2;border:1px solid #cddfd7;}
.hb-proof-lightbox-affiliate>span{display:block;font-size:9px;letter-spacing:1.4px;font-weight:900;color:#356b55;margin-bottom:5px;}
.hb-proof-lightbox-affiliate a{display:block;color:#245a45;text-decoration:none;font-size:12px;font-weight:900;line-height:1.35;}
.hb-proof-lightbox-affiliate a:hover{text-decoration:underline;}
.hb-proof-lightbox-affiliate small{display:block;margin-top:4px;color:#718078;font-size:9px;line-height:1.35;}
.hb-admin-proof-info p a{color:#356b55;font-weight:800;word-break:break-all;}
@media(max-width:720px){.hb-proof-affiliate-field{grid-column:auto!important;}}

/* HitsBay V22 — payment proof referral cards */
.hb-proof-card .hb-proof-join{display:flex;align-items:center;justify-content:center;margin:0 12px 13px;padding:8px 11px;border-radius:9px;background:#071522;color:#f7d77b;font-size:10px;font-weight:900;letter-spacing:.25px;text-transform:uppercase;cursor:pointer;transition:.16s ease;border:1px solid #b88b2b;box-sizing:border-box;}
.hb-proof-card .hb-proof-join:hover{background:#b88b2b;color:#071522;transform:translateY(-1px);}
.hb-proof-card .hb-proof-affiliate-chip{margin-bottom:7px;}
.hb-proof-wall-join{display:inline-flex;align-items:center;margin-top:6px;padding:4px 7px;border-radius:999px;background:#071522;color:#f7d77b;font-size:9px;font-weight:900;cursor:pointer;border:1px solid #b88b2b;transition:.16s ease;}
.hb-proof-wall-join:hover{background:#b88b2b;color:#071522;}
@media(max-width:500px){.hb-proof-card .hb-proof-join{font-size:11px;padding:9px 11px;}}

/* V23 — directory rating display */
table.summary.compare td.directory-rating{text-align:center!important;min-width:118px!important;}
table.summary.compare td.directory-rating .hb-rating-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-decoration:none!important;color:#173c58!important;}
table.summary.compare td.directory-rating .hb-rating-stars{display:inline-flex!important;align-items:center!important;}
table.summary.compare td.directory-rating .rating-small{display:block!important;margin:0!important;width:80px!important;height:16px!important;}
table.summary.compare td.directory-rating .rating-small>span{display:block!important;height:16px!important;background:url('images/star-gold-small.gif') repeat-x left top!important;}
table.summary.compare td.directory-rating .hb-rating-score{font-size:14px!important;font-weight:900!important;color:#8f691b!important;line-height:16px!important;}
table.summary.compare td.directory-rating .hb-rating-link:hover .hb-rating-score{color:#b17c16!important;}
table.summary.compare td.directory-rating .hb-rating-empty{display:inline-block!important;font-size:10px!important;color:#9aa2a7!important;font-weight:700!important;}
table.summary.compare td.directory-rating p{margin:3px 0 0!important;}
table.summary.compare td.directory-rating p a.learnmore{font-size:10px!important;color:#7a8b9a!important;}
@media(max-width:620px){table.summary.compare td.directory-rating{min-width:125px!important;}}
/* V28: improve directory logo visibility */
table.summary.compare td:nth-child(2){min-width:175px!important;}
table.summary.compare .logo{max-width:100px!important;max-height:58px!important;object-fit:contain!important;border-radius:7px!important;}
table.summary.compare tr:not(.h) td:nth-child(2){padding-left:12px!important;padding-right:12px!important;}
@media(max-width:720px){table.summary.compare .logo{max-width:96px!important;max-height:56px!important;}}

/* V29 - member-first review experience */
.hb-reviews-section{margin:34px 0 10px;padding-top:6px}
.hb-reviews-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid #e7e0d2}
.hb-reviews-head h2,.hb-write-review h2{margin:4px 0 6px!important;font-size:27px!important;color:#071522!important}
.hb-reviews-head p,.hb-write-review-head p{margin:0!important;color:#68727a!important;max-width:680px}
.hb-section-kicker{font-size:10px;font-weight:900;letter-spacing:1.8px;color:#a67818}
.hb-review-cta{display:inline-flex!important;align-items:center;justify-content:center;padding:11px 17px!important;border-radius:8px!important;background:#071522!important;color:#f6d77b!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap;box-shadow:0 5px 14px rgba(7,21,34,.12)}
.hb-review-cta:hover{background:#102a3d!important;color:#fff!important;text-decoration:none!important;transform:translateY(-1px)}
.hb-review-card{position:relative;display:flex;gap:16px;margin:0 0 14px;padding:20px;border:1px solid #e6dfd1;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(23,31,38,.045)}
.hb-review-avatar{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ead39a;color:#071522;font-weight:900;font-size:17px}
.hb-review-main{min-width:0;flex:1}
.hb-review-top{display:flex;justify-content:space-between;gap:18px;align-items:center}
.hb-review-top strong{font-size:15px;color:#071522}.hb-review-date{margin-left:9px;color:#92999d;font-size:11px}
.hb-review-score{display:flex;align-items:center;gap:7px;white-space:nowrap}.hb-stars{letter-spacing:1px;color:#c9982c;font-size:16px}.hb-review-score b{font-size:13px;color:#6e531d}
.hb-review-text{margin-top:10px;color:#39434a;line-height:1.7;font-size:14px}.hb-review-text p{margin:0 0 8px}.hb-review-text p:last-child{margin-bottom:0}
.hb-review-admin{position:absolute;right:14px;top:8px;font-size:10px}.hb-review-admin a{color:#a43d3d!important}
.hb-view-all-reviews{display:block;text-align:center;margin:16px 0 26px;padding:12px;border:1px solid #dfd3b7;border-radius:9px;background:#faf7ef;color:#80601d!important;font-weight:900;text-decoration:none!important}
.hb-no-reviews{padding:30px;text-align:center;border:1px dashed #d9cba9;border-radius:14px;background:#fbfaf6;margin-bottom:28px}.hb-no-reviews-icon{font-size:28px;color:#c9982c}.hb-no-reviews h3{margin:7px 0;color:#071522}.hb-no-reviews p{color:#707980;margin:0 0 15px}
.hb-write-review{margin-top:30px;padding:24px;border:1px solid #e6dfd1;border-radius:16px;background:linear-gradient(180deg,#fffdf8,#fff)}
.hb-write-review-head{margin-bottom:18px}.hb-write-review .addreview{margin:0!important}.hb-write-review .addreview input[type=text],.hb-write-review .addreview textarea,.hb-write-review .addreview select{border:1px solid #d9d8d1!important;border-radius:8px!important;background:#fff!important;padding:9px!important}.hb-write-review .addreview textarea{width:100%!important;max-width:100%!important;box-sizing:border-box}.hb-write-review .addreview input[type=submit]{border:0!important;border-radius:8px!important;background:#071522!important;color:#f6d77b!important;padding:11px 20px!important;font-weight:900!important;cursor:pointer}.hb-write-review .addreview input[type=submit]:hover{background:#102a3d!important}
@media(max-width:700px){.hb-reviews-head{align-items:flex-start;flex-direction:column}.hb-review-top{align-items:flex-start;flex-direction:column;gap:5px}.hb-review-card{padding:16px}.hb-write-review{padding:18px}}


/* HitsBay v30 - simple overall member rating */
.hb-overall-rating{clear:both;margin:22px 0;padding:18px 20px;background:#fbf8ef;border:1px solid #e7dcc0;border-radius:14px;}
.hb-rating-label{font-weight:800;color:#142033;font-size:16px;}
.hb-rating-label span{font-size:12px;font-weight:600;color:#8a806d;margin-left:8px;}
.hb-star-picker{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:3px;margin:8px 0 4px;}
.hb-star-picker input{position:absolute;opacity:0;pointer-events:none;}
.hb-star-picker label{font-size:34px;line-height:1;color:#d7d0c0;cursor:pointer;transition:transform .12s ease,color .12s ease;}
.hb-star-picker label:hover,.hb-star-picker label:hover~label,.hb-star-picker input:checked~label{color:#d9a62e;}
.hb-star-picker label:hover{transform:scale(1.08);}
.hb-rating-help{font-size:12px;color:#817a6d;}
@media(max-width:620px){.hb-overall-rating{padding:15px;}.hb-star-picker label{font-size:30px;}}

/* HitsBay V31 — modern site review experience */
.hb-site-summary{display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:24px;align-items:center;margin:8px 0 14px;padding:24px;background:#fffdf8;border:1px solid #dfd5c2;border-top:4px solid #c79a32;border-radius:16px;box-shadow:0 8px 24px rgba(35,42,48,.07);color:#071522}
.hb-site-logo{width:118px;height:86px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #d8ccb7;box-shadow:0 3px 10px rgba(35,42,48,.08)}
.hb-site-logo img{max-width:100%;max-height:100%;object-fit:contain}
.hb-site-summary-main{min-width:0}.hb-site-summary-main h2{margin:2px 0 7px!important;font-size:32px!important;line-height:1.15;color:#071522!important;font-weight:900!important}.hb-site-summary-main p{margin:8px 0 0!important;color:#657078;line-height:1.55;max-width:680px}
.hb-site-summary .hb-section-kicker{color:#9a711d;font-size:10px;letter-spacing:1.8px;font-weight:900}.hb-site-rating-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hb-site-rating-line .hb-stars{font-size:18px;color:#c28d22}.hb-site-rating-line strong{font-size:17px;color:#6f5115}.hb-site-rating-line span:last-child{font-size:12px;color:#707980}
.hb-site-summary-actions{display:flex;flex-direction:column;gap:9px;min-width:160px}.hb-primary-action,.hb-secondary-action{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important;border-radius:9px!important;padding:11px 15px!important;font-weight:900!important;white-space:nowrap}.hb-primary-action{background:#c79a32!important;color:#fff!important}.hb-primary-action:hover{background:#aa7e20!important}.hb-secondary-action{background:#fff!important;color:#071522!important;border:1px solid #d8d0c1!important}.hb-secondary-action:hover{border-color:#c79a32!important;color:#7d5b15!important}
.hb-site-tabs{display:flex;gap:4px;align-items:center;margin:0 0 22px;padding:5px;background:#f2eee5;border:1px solid #dfd8ca;border-radius:11px;overflow:auto}.hb-site-tabs a{padding:9px 14px;border-radius:8px;text-decoration:none!important;color:#5d666d!important;font-weight:800;font-size:13px;white-space:nowrap}.hb-site-tabs a:hover{background:#fff;color:#071522!important}.hb-site-tabs a.active{background:#071522;color:#f6d77b!important;box-shadow:0 3px 8px rgba(7,21,34,.12)}.hb-site-tabs a span{opacity:.7;font-size:11px;margin-left:3px}
.hb-reviews-section{margin:0!important}.hb-reviews-head{margin-bottom:14px!important;padding-bottom:14px!important}.hb-reviews-head h2{font-size:25px!important}.hb-review-overview{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:18px;margin:0 0 18px;padding:17px 19px;background:#fff;border:1px solid #e3ddcf;border-radius:14px;box-shadow:0 5px 16px rgba(23,31,38,.04)}.hb-review-overview-score{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hb-review-overview-score strong{font-size:30px;color:#071522}.hb-review-overview-score .hb-stars{font-size:17px;color:#c9982c}.hb-review-overview-score small{width:100%;color:#7a8287;font-size:10px;font-weight:700}.hb-review-overview-copy{display:flex;flex-direction:column;gap:4px}.hb-review-overview-copy b{color:#071522;font-size:14px}.hb-review-overview-copy span{color:#7a8287;font-size:12px}
.hb-review-card{border-radius:12px;padding:18px 20px;margin-bottom:10px;box-shadow:none}.hb-review-card:hover{border-color:#d5c28f;box-shadow:0 6px 18px rgba(23,31,38,.055)}.hb-review-avatar{background:#071522;color:#f6d77b}.hb-review-text{font-size:14px;line-height:1.72}.hb-view-all-reviews{display:flex!important;justify-content:center;margin:12px 0 4px;padding:11px;border:1px solid #ded8c8;border-radius:9px;text-decoration:none!important;color:#7d5b15!important;font-weight:900!important;background:#fff}
.hb-write-review{margin-top:22px!important;padding:24px!important;border-radius:15px!important;background:#f8f5ee!important;border:1px solid #dfd7c8!important}.hb-write-review-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.hb-write-review-head h2{font-size:23px!important}.hb-write-review-head p{font-size:13px!important}
@media(max-width:760px){.hb-site-summary{grid-template-columns:82px 1fr;gap:15px;padding:17px}.hb-site-logo{width:82px;height:68px}.hb-site-summary-main h2{font-size:23px!important}.hb-site-summary-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.hb-review-overview{grid-template-columns:1fr}.hb-review-overview .hb-secondary-action{justify-self:start}.hb-write-review-head{display:block}.hb-write-review-head p{margin-top:5px!important}}
@media(max-width:480px){.hb-site-summary{grid-template-columns:1fr;text-align:center}.hb-site-logo{margin:auto}.hb-site-rating-line{justify-content:center}.hb-site-summary-actions{grid-template-columns:1fr}.hb-site-tabs a{padding:8px 10px;font-size:12px}}


/* HitsBay V34 — clean individual site pages */
.hb-item-layout{grid-template-columns:minmax(0,1fr)!important;}
.hb-item-layout .main-content{width:100%!important;max-width:none!important;}
.hb-item-layout .page-heading{display:none!important;}
.hb-item-layout .hb-site-summary{margin-top:0!important;}
.hb-item-layout .hb-site-summary-main h2{color:#0b2235!important;text-shadow:none!important;}
.hb-item-layout .hb-site-summary-main p{color:#53636d!important;}
.hb-item-layout .hb-site-summary .hb-section-kicker{color:#96701f!important;}
.hb-item-layout .hb-site-tabs{background:#ffffff!important;border:1px solid #ddd7ca!important;box-shadow:0 3px 12px rgba(30,40,48,.04)!important;}
.hb-item-layout .hb-site-tabs a{color:#41515d!important;}
.hb-item-layout .hb-site-tabs a.active{color:#0b2235!important;background:#f7f0df!important;border-bottom-color:#c79a32!important;}
.hb-item-layout .hb-reviews-section{max-width:1100px;margin-left:auto!important;margin-right:auto!important;}
.hb-item-layout .hb-write-review{background:#fff!important;border-color:#ddd7ca!important;}
@media(max-width:900px){.hb-item-layout{grid-template-columns:1fr!important;}}

/* =========================================================
   HitsBay V35 — New 2026 SaaS Homepage
   ========================================================= */
body{background:#f4f6f8!important;color:#172033!important}
.hb-new-home{max-width:1180px;margin:0 auto 40px}
.hb-new-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;min-height:360px;padding:58px 62px;box-sizing:border-box;border-radius:0 0 26px 26px;background:linear-gradient(135deg,#fffdf7 0%,#f8f4e8 58%,#eee7d5 100%);border:1px solid #e5dfd1;box-shadow:0 16px 45px rgba(23,32,51,.07)}
.hb-new-hero:after{content:"";position:absolute;right:-110px;top:-110px;width:360px;height:360px;border:1px solid rgba(180,139,48,.18);border-radius:50%;box-shadow:0 0 0 34px rgba(180,139,48,.035),0 0 0 72px rgba(180,139,48,.025)}
.hb-hero-copy{position:relative;z-index:2;max-width:760px}.hb-kicker,.hb-section-head small,.hb-panel-head small,.hb-cta small{display:block;font-size:10px;font-weight:900;letter-spacing:.17em;color:#9b731e}.hb-new-hero h1{margin:12px 0 12px;font-size:48px;line-height:1.04;letter-spacing:-1.8px;color:#111a2a}.hb-new-hero h1 em{font-style:normal;color:#b58320}.hb-new-hero p{margin:0 0 25px;max-width:650px;color:#596579;font-size:17px;line-height:1.6}
.hb-search{display:flex;width:min(650px,100%);background:#fff;border:1px solid #d8dde5;border-radius:14px;padding:6px;box-shadow:0 9px 28px rgba(23,32,51,.1)}.hb-search span{display:flex;align-items:center;padding:0 12px;font-size:25px;color:#98721e}.hb-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:13px 5px;font-size:15px;color:#172033}.hb-search button{border:0;border-radius:10px;padding:0 23px;background:#172033;color:#fff;font-weight:900;cursor:pointer}.hb-search button:hover{background:#b58320}.hb-hero-links{display:flex;gap:21px;margin-top:18px;flex-wrap:wrap}.hb-hero-links a{color:#354158;font-size:12px;font-weight:900}.hb-hero-links a:hover{color:#a27518;text-decoration:none}.hb-hero-mark{position:relative;z-index:2;width:180px;text-align:center;color:#172033}.hb-shield{width:108px;height:122px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:56px;color:#b78622;border:2px solid #c79a37;border-radius:45% 45% 50% 50%;background:rgba(255,255,255,.45);box-shadow:0 12px 28px rgba(183,134,34,.11)}.hb-hero-mark b{font-size:10px;line-height:1.8;letter-spacing:.18em}
.hb-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e0e5eb;border-radius:17px;margin:20px 0 38px;box-shadow:0 7px 22px rgba(23,32,51,.045);overflow:hidden}.hb-stats>div{padding:22px 18px;text-align:center;border-right:1px solid #edf0f3}.hb-stats>div:last-child{border-right:0}.hb-stats b{display:block;font-size:28px;color:#172033}.hb-stats span{display:block;margin-top:3px;color:#748095;font-size:11px;font-weight:800}
.hb-section{margin:0 0 38px}.hb-section-head,.hb-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.hb-section-head h2,.hb-panel-head h2{margin:4px 0 0;color:#172033;font-size:24px;letter-spacing:-.4px}.hb-section-head>a,.hb-panel-head>a{color:#9a7119;font-size:12px;font-weight:900}.hb-section-head>a:hover,.hb-panel-head>a:hover{color:#705212;text-decoration:none}
.hb-site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.hb-site-card{background:#fff;border:1px solid #e0e5eb;border-radius:15px;padding:18px;box-shadow:0 7px 22px rgba(23,32,51,.045);transition:.18s ease}.hb-site-card:hover{transform:translateY(-2px);border-color:#d6bd7b;box-shadow:0 12px 30px rgba(23,32,51,.085)}.hb-site-top{display:flex;align-items:center;gap:13px;min-width:0}.hb-home-logo{width:82px;height:56px;flex:0 0 82px;border-radius:10px;background:#f7f8fa;border:1px solid #e4e8ed;display:flex;align-items:center;justify-content:center;overflow:hidden}.hb-home-logo img{max-width:76px;max-height:50px;object-fit:contain}.hb-home-logo-letter{font-size:25px;font-weight:900;color:#b78622}.hb-site-name{display:block;max-width:185px;color:#172033;font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-site-name:hover{color:#a27518;text-decoration:none}.hb-stars{margin-top:6px;color:#c49327;font-size:12px;letter-spacing:1px;white-space:nowrap}.hb-stars b{color:#4f5a6d;font-size:11px;letter-spacing:0}.hb-meta{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.hb-meta span{padding:6px 8px;border-radius:7px;background:#f5f7fa;color:#687487;font-size:9px;font-weight:800}.hb-vote-form{display:flex;gap:8px;margin:0 0 10px}.hb-vote-form button{flex:1;border:1px solid #dce1e8;border-radius:8px;padding:8px 6px;background:#fff;color:#354157;font-size:11px;font-weight:900;cursor:pointer;transition:.15s ease}.hb-vote-form button:first-of-type:hover{border-color:#16a34a;background:#f0fdf4;color:#166534}.hb-vote-form button:last-of-type:hover{border-color:#dc2626;background:#fef2f2;color:#991b1b}.hb-actions{display:flex;gap:8px}.hb-actions a{flex:1;text-align:center;border:1px solid #dce1e8;border-radius:8px;padding:9px 6px;color:#354157;font-size:10px;font-weight:900}.hb-actions a.primary{background:#172033;border-color:#172033;color:#fff}.hb-actions a:hover{text-decoration:none;border-color:#c39a3a}
.hb-ranked{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.hb-rank{display:flex;align-items:center;gap:12px;padding:13px 15px;background:#fff;border:1px solid #e0e5eb;border-radius:12px;color:#172033}.hb-rank:hover{border-color:#d6bd7b;text-decoration:none}.hb-rank .num{width:23px;text-align:center;color:#a77c1e}.mini-logo{width:62px;height:42px;flex:0 0 62px;border:1px solid #e4e8ed;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8f9fa}.mini-logo img{max-width:58px;max-height:38px;object-fit:contain}.rank-name{flex:1;min-width:0}.rank-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.rank-name span{display:block;margin-top:4px;color:#7b8798;font-size:10px}.rank-score{text-align:right}.rank-score span{display:block;color:#c49327;font-size:10px;letter-spacing:1px}.rank-score b{font-size:12px;color:#344057}.hb-rank i{font-style:normal;color:#a77c1e;font-size:17px}
.hb-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:38px}.hb-panel{background:#fff;border:1px solid #e0e5eb;border-radius:16px;padding:20px;box-shadow:0 7px 22px rgba(23,32,51,.045)}.hb-review{display:flex;gap:12px;padding:12px 0;border-top:1px solid #edf0f3;color:#172033}.hb-review:hover{text-decoration:none}.hb-review .avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#172033;color:#f0c85b;display:flex;align-items:center;justify-content:center;font-weight:900}.hb-review>div:last-child{flex:1;min-width:0}.hb-review>div:last-child>div:first-child{display:flex;justify-content:space-between;gap:10px}.hb-review strong{font-size:12px}.hb-review time{color:#8b95a5;font-size:9px}.hb-review p{margin:5px 0 0;color:#667286;font-size:11px;line-height:1.5}.hb-panel-cta{display:block;margin-top:9px;padding-top:12px;border-top:1px solid #edf0f3;color:#9a7119;font-weight:900;font-size:11px}.hb-empty{padding:24px 8px;color:#7a8494;font-size:11px}.hb-empty a{color:#a77c1e;font-weight:900}.hb-proof-home{min-height:80px}.hb-proof-home .hb-payment-proof,.hb-proof-home .hb-proof-card,.hb-proof-home .payment-proof-card{margin-bottom:7px!important}
.hb-coupons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hb-coupon{display:flex;align-items:center;gap:14px;padding:16px;background:#fffdf7;border:1px solid #e8ddc1;border-radius:13px;color:#172033}.hb-coupon:hover{text-decoration:none;border-color:#cda84f}.hb-coupon>span{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#f4e7bf;color:#8f6917;font-size:21px;font-weight:900}.hb-coupon div{flex:1;min-width:0}.hb-coupon strong{font-size:12px}.hb-coupon p{margin:4px 0 0;color:#707b8c;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-coupon>b{color:#a77c1e}
.hb-recent{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hb-recent-card{background:#fff;border:1px solid #e0e5eb;border-radius:12px;padding:14px;color:#172033}.hb-recent-card:hover{text-decoration:none;border-color:#d6bd7b}.hb-recent-card>div{height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.hb-recent-card img{max-width:105px;max-height:46px;object-fit:contain}.hb-recent-card strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-recent-card>span{display:block;margin-top:5px;color:#a77c1e;font-size:9px;font-weight:900}
.hb-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px;margin-bottom:25px;border-radius:17px;background:#172033;color:#fff;position:relative;overflow:hidden}.hb-cta:after{content:"ᛒ";position:absolute;right:35px;top:-25px;font-size:150px;color:rgba(220,178,73,.06);pointer-events:none}.hb-cta h2{margin:5px 0;font-size:23px}.hb-cta p{margin:0;max-width:650px;color:#b9c2d0;line-height:1.55;font-size:12px}.hb-cta-buttons{display:flex;gap:7px;flex-wrap:wrap;position:relative;z-index:2}.hb-cta-buttons a{white-space:nowrap;padding:10px 13px;border:1px solid #4b576c;border-radius:8px;color:#fff;font-size:10px;font-weight:900}.hb-cta-buttons a.primary{background:#d3a63d;border-color:#d3a63d;color:#172033}.hb-cta-buttons a:hover{text-decoration:none}
@media(max-width:900px){.hb-new-hero{padding:42px 32px}.hb-hero-mark{display:none}.hb-site-grid{grid-template-columns:repeat(2,1fr)}.hb-recent{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.hb-new-hero{padding:34px 20px}.hb-new-hero h1{font-size:35px}.hb-stats{grid-template-columns:repeat(2,1fr)}.hb-stats>div:nth-child(2){border-right:0}.hb-stats>div{border-bottom:1px solid #edf0f3}.hb-site-grid,.hb-ranked,.hb-two-col,.hb-coupons{grid-template-columns:1fr}.hb-recent{grid-template-columns:repeat(2,1fr)}.hb-cta{flex-direction:column;align-items:flex-start;padding:24px 20px}.hb-search button{padding:0 15px}}

/* =========================================================
   HitsBay V35 — Individual Directory / Site Pages
   ========================================================= */
.hb-item-layout .main-content { padding-bottom:20px; }
.hb-item-layout .hb-site-summary {
  position:relative; grid-template-columns:118px minmax(0,1fr) 185px;
  background:linear-gradient(135deg,#fffdf8 0%,#f8f4e9 100%);
  border:1px solid #dfd5c2; border-top:4px solid #c79a32;
  padding:25px; border-radius:18px; box-shadow:0 10px 28px rgba(23,32,51,.06);
}
.hb-item-layout .hb-site-logo {
  width:118px; height:88px; display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid #e1e3e7; border-radius:14px; overflow:hidden;
}
.hb-item-layout .hb-site-logo img { max-width:108px; max-height:78px; object-fit:contain; }
.hb-item-layout .hb-site-summary-main h2 {
  font-size:34px!important; letter-spacing:-.8px; margin:4px 0 8px!important;
}
.hb-item-layout .hb-site-summary-main p { font-size:13px; max-width:720px; }
.hb-item-layout .hb-site-summary-actions { min-width:175px; }
.hb-item-layout .hb-primary-action { background:#172033!important; border:1px solid #172033!important; }
.hb-item-layout .hb-primary-action:hover { background:#b78622!important; border-color:#b78622!important; }
.hb-item-layout .hb-secondary-action { background:#fff!important; }
.hb-item-metrics {
  display:grid; grid-template-columns:repeat(4,1fr); margin:0 0 20px;
  background:#fff; border:1px solid #e0e5ec; border-radius:14px;
  overflow:hidden; box-shadow:0 6px 18px rgba(23,32,51,.04);
}
.hb-item-metrics > div { padding:16px 12px; text-align:center; border-right:1px solid #edf0f4; }
.hb-item-metrics > div:last-child { border-right:0; }
.hb-item-metrics strong { display:block; color:#172033; font-size:21px; line-height:1.1; }
.hb-item-metrics span { display:block; color:#7a8494; font-size:10px; font-weight:850; margin-top:5px; text-transform:uppercase; letter-spacing:.05em; }
.hb-item-layout .hb-site-tabs { margin-bottom:18px; }
.hb-item-layout .hb-site-tabs a { padding:10px 16px; }
.hb-item-layout .hb-reviews-section { max-width:none!important; }
.hb-item-layout .hb-reviews-head {
  display:flex; justify-content:space-between; align-items:end; gap:20px;
  padding:20px 0 14px; border-bottom:0;
}
.hb-item-layout .hb-reviews-head h2 { margin:5px 0!important; }
.hb-item-layout .hb-review-overview {
  grid-template-columns:190px 1fr auto; border-radius:15px;
  background:#fbfaf6; border-color:#e3dbc9;
}
.hb-item-layout .hb-review-card { background:#fff; border-color:#e0e5ec; }
.hb-item-layout .hb-review-text p { color:#465466; }
.hb-item-layout .hb-write-review {
  margin-top:22px; padding:24px; background:#f8f6f0!important;
  border:1px solid #e2dac8!important; border-radius:16px;
}
.hb-item-layout .hb-write-review-head h2 { border:0!important; margin-bottom:4px!important; }
.hb-item-layout .hb-write-review form.addreview {
  background:#fff; border:1px solid #e2e5e9; border-radius:12px; padding:20px;
}
.hb-item-layout .hb-write-review input[type=text],
.hb-item-layout .hb-write-review input[type=email],
.hb-item-layout .hb-write-review textarea,
.hb-item-layout .hb-write-review select { border-color:#dfe3e8; }
.hb-item-layout .hb-write-review input[type=submit] {
  background:#172033; color:#fff; border:0; border-radius:9px; padding:11px 20px; font-weight:900;
}
.hb-item-layout .hb-write-review input[type=submit]:hover { background:#b78622; }
.hb-item-layout .coupon {
  border:1px solid #e5ddca!important; border-radius:14px!important; background:#fffdf7!important;
  box-shadow:0 5px 16px rgba(23,32,51,.04); margin:0 0 12px!important; padding:0!important; overflow:hidden;
}
.hb-item-layout .coupon p.coupon { background:#f7edcf!important; color:#765710!important; border:0!important; margin:0!important; padding:9px 13px!important; }
.hb-item-layout .coupon div.cbody { padding:15px!important; }
.hb-item-layout .coupon div.ctitle { color:#172033!important; font-size:15px; }
.hb-item-layout .coupon div.cbody p.description { color:#687487; }
.hb-item-layout h2 + .coupon { margin-top:4px!important; }
@media(max-width:760px){
  .hb-item-layout .hb-site-summary { grid-template-columns:82px 1fr; padding:18px; }
  .hb-item-layout .hb-site-logo { width:82px; height:68px; }
  .hb-item-layout .hb-site-logo img { max-width:75px; max-height:60px; }
  .hb-item-layout .hb-site-summary-main h2 { font-size:25px!important; }
  .hb-item-layout .hb-site-summary-actions { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; }
  .hb-item-metrics { grid-template-columns:repeat(2,1fr); }
  .hb-item-metrics > div:nth-child(2) { border-right:0; }
  .hb-item-metrics > div { border-bottom:1px solid #edf0f4; }
  .hb-item-layout .hb-reviews-head { align-items:flex-start; flex-direction:column; }
}
@media(max-width:480px){
  .hb-item-layout .hb-site-summary { grid-template-columns:1fr; text-align:center; }
  .hb-item-layout .hb-site-logo { margin:auto; }
  .hb-item-layout .hb-site-rating-line { justify-content:center; }
  .hb-item-layout .hb-site-summary-actions { grid-template-columns:1fr; }
  .hb-item-metrics strong { font-size:18px; }
}


/* =========================================================
   HitsBay V37 — Main Directory Listing
   Modern 2026 directory cards
   ========================================================= */
.hb-dir-intro {
  margin: 0 0 18px;
  padding: 18px 22px;
  background:#fffdf7;
  border:1px solid #e8dfca;
  border-radius:14px;
  color:#667286;
  line-height:1.6;
}
.hb-directory-shell { width:100%; margin:0 0 35px; }
.hb-directory-toolbar {
  display:flex; align-items:flex-end; justify-content:space-between; gap:20px;
  padding:25px 28px; margin-bottom:12px;
  background:linear-gradient(135deg,#fffdf8,#f5f0e2);
  border:1px solid #e5dcc6; border-radius:18px;
}
.hb-directory-heading h1 {
  margin:5px 0 4px; color:#172033; font-size:30px; letter-spacing:-.8px;
}
.hb-directory-heading p { margin:0; color:#6c7789; font-size:13px; }
.hb-dir-kicker {
  display:block; color:#a47718; font-size:10px; font-weight:900; letter-spacing:.16em;
}
.hb-directory-controls { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.hb-directory-controls a,.hb-result-count {
  padding:9px 12px; border-radius:9px; border:1px solid #dce1e8;
  background:#fff; color:#3b475b; font-size:11px; font-weight:900;
}
.hb-directory-controls a:hover { border-color:#c9a34e; color:#8d6818; text-decoration:none; }
.hb-result-count { color:#7a8494; background:#f8f9fb; }
.hb-directory-filters {
  display:flex; gap:7px; flex-wrap:wrap; margin:0 0 16px;
}
.hb-directory-filters a {
  padding:9px 13px; border-radius:9px; background:#fff; border:1px solid #e0e5ec;
  color:#586477; font-size:11px; font-weight:900;
}
.hb-directory-filters a:hover,.hb-directory-filters a.active {
  background:#172033; border-color:#172033; color:#fff; text-decoration:none;
}
.hb-directory-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;
}
.hb-dir-card {
  background:#fff; border:1px solid #e0e5ec; border-radius:16px; padding:17px;
  box-shadow:0 7px 22px rgba(23,32,51,.045); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.hb-dir-card:hover {
  transform:translateY(-2px); border-color:#d4b66a; box-shadow:0 13px 30px rgba(23,32,51,.09);
}
.hb-dir-card-top { display:flex; align-items:center; gap:12px; min-width:0; }
.hb-dir-rank {
  width:28px; flex:0 0 28px; text-align:center; color:#a47718; font-size:11px; font-weight:900;
}
.hb-dir-logo {
  width:105px; height:65px; flex:0 0 105px; display:flex; align-items:center; justify-content:center;
  overflow:hidden; border-radius:11px; border:1px solid #e3e7ed; background:#f8f9fb;
}
.hb-dir-logo img { max-width:96px; max-height:58px; object-fit:contain; }
.hb-dir-letter { color:#b08220; font-size:29px; font-weight:900; }
.hb-dir-title { min-width:0; flex:1; }
.hb-dir-title > a {
  display:block; color:#172033; font-size:17px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.hb-dir-title > a:hover { color:#9a7119; text-decoration:none; }
.hb-dir-rating { display:flex; align-items:center; gap:7px; margin-top:7px; }
.hb-dir-rating span { color:#c29329; font-size:13px; letter-spacing:1px; }
.hb-dir-rating b { color:#4f5a6c; font-size:12px; }
.hb-dir-rating.empty { color:#8b95a5; font-size:11px; font-weight:800; }
.hb-dir-rating.empty span { color:#8b95a5; letter-spacing:0; }
.hb-dir-stats {
  display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:16px 0 11px;
}
.hb-dir-stats a {
  padding:9px 6px; text-align:center; background:#f6f8fa; border-radius:9px; color:#4e5a6d;
}
.hb-dir-stats a:hover { background:#fbf3dd; color:#8d6818; text-decoration:none; }
.hb-dir-stats b,.hb-dir-stats span { display:block; }
.hb-dir-stats b { font-size:12px; color:#344157; }
.hb-dir-stats span { margin-top:3px; color:#8a94a3; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.hb-dir-info {
  display:flex; gap:8px; margin-bottom:13px;
}
.hb-dir-info > span {
  flex:1; min-width:0; padding:9px 10px; border:1px solid #edf0f4; border-radius:9px;
}
.hb-dir-info small,.hb-dir-info strong { display:block; }
.hb-dir-info small { color:#8993a2; font-size:9px; text-transform:uppercase; letter-spacing:.05em; }
.hb-dir-info strong { color:#344157; font-size:12px; margin-top:3px; }
.hb-dir-actions { display:flex; gap:8px; }
.hb-dir-actions a {
  flex:1; text-align:center; padding:10px 8px; border:1px solid #dce1e8; border-radius:9px;
  color:#3b475b; font-size:11px; font-weight:900;
}
.hb-dir-actions a.primary { background:#172033; border-color:#172033; color:#fff; }
.hb-dir-actions a:hover { text-decoration:none; border-color:#c6a04a; }
.hb-dir-empty {
  padding:60px 20px; text-align:center; background:#fff; border:1px solid #e0e5ec; border-radius:16px;
}
.hb-dir-empty > div { font-size:38px; color:#b78622; }
.hb-dir-empty h2 { margin:8px 0; color:#172033; }
.hb-dir-empty p { color:#7a8494; }
.hb-dir-empty a { display:inline-block; margin-top:8px; padding:11px 15px; border-radius:9px; background:#172033; color:#fff; font-weight:900; }
@media (max-width:800px){
  .hb-directory-toolbar { align-items:flex-start; flex-direction:column; }
  .hb-directory-controls { justify-content:flex-start; }
  .hb-directory-grid { grid-template-columns:1fr; }
}
@media (max-width:520px){
  .hb-directory-toolbar { padding:20px; }
  .hb-directory-heading h1 { font-size:25px; }
  .hb-dir-logo { width:90px; flex-basis:90px; }
  .hb-dir-logo img { max-width:83px; }
  .hb-dir-info { display:none; }
}

/* V41: legacy homepage bar removed */
.hb-legacy-directory-bar,
.hb-old-directory-bar,
.hb-best-sites-bar,
.hb-home-directory-heading { display:none !important; }

/* V42: Remove the legacy title strip directly below the top navigation. */
.page-heading { display: none !important; }

/* V51 — Community voting on directory cards */
.hb-dir-vote-form{display:flex;gap:8px;margin:12px 0 0}
.hb-dir-vote-form button{flex:1;border:1px solid #dce1e8;border-radius:8px;padding:8px 6px;background:#fff;color:#354157;font-size:11px;font-weight:900;cursor:pointer;transition:.15s ease}
.hb-dir-vote-form button:first-of-type:hover{border-color:#16a34a;background:#f0fdf4;color:#166534}
.hb-dir-vote-form button:last-of-type:hover{border-color:#dc2626;background:#fef2f2;color:#991b1b}


/* =========================================================
   HitsBay V52 — Consistent page layout
   Keep the main content in the same left column and the
   standard sidebar on the right across the site.
   ========================================================= */
.dashboard-grid {
  grid-template-columns: minmax(0, 1fr) 286px !important;
  gap: 20px !important;
  align-items: start !important;
}

/* Homepage: move the existing dashboard rail to the right so it
   follows the same visual structure as every internal page. */
.home-grid {
  grid-template-columns: minmax(0, 1fr) 286px !important;
  gap: 20px !important;
}
.home-grid > .main-content {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  order: 1 !important;
}
.home-grid > .left-rail {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  order: 2 !important;
}
.home-grid .left-rail .dash-card,
.home-grid .left-rail .join-card,
.home-grid .left-rail .sidebar-ad {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Individual traffic-exchange pages use the same main/sidebar grid. */
.hb-item-layout {
  grid-template-columns: minmax(0, 1fr) 286px !important;
  gap: 20px !important;
  align-items: start !important;
}
.hb-item-layout .main-content {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding-bottom: 20px !important;
}
.hb-item-layout .sidebar-panel {
  display: block !important;
  min-width: 0 !important;
}

/* Keep all internal page cards aligned to the same content edge. */
.page-wrap > .dashboard-grid > .main-content,
.page-wrap > .dashboard-grid > .sidebar-panel {
  min-width: 0;
}

@media (max-width: 900px) {
  .dashboard-grid,
  .home-grid,
  .hb-item-layout {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .home-grid > .main-content,
  .home-grid > .left-rail {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .home-grid > .left-rail {
    order: 2 !important;
  }
  .home-grid > .main-content {
    order: 1 !important;
  }
}


/* V53: unified HitsBay card language across all public pages */
:root{--hb-card:#fff;--hb-card-border:#e0e5eb;--hb-card-radius:14px;--hb-card-shadow:0 7px 22px rgba(23,32,51,.045);--hb-card-shadow-hover:0 12px 30px rgba(23,32,51,.08);--hb-accent:#b78622;--hb-ink:#172033;--hb-muted:#687487;}
.dash-card,.side-block,.hb-panel,.hb-pulse-card,.hb-site-card,.hb-dir-card,.hb-recent-card,.hb-coupon,.hb-site-week,.hb-ranked,.hb-rank,.hb-dir-empty,.hb-empty,.item,.summary,.comment,.review,.payment-proof,.payment-proof-card,.coupon,.article,.article-summary{box-sizing:border-box;}
/* Legacy sidebar blocks */
.sidebar-panel .side-block,.left-rail .dash-card{background:var(--hb-card)!important;border:1px solid var(--hb-card-border)!important;border-radius:var(--hb-card-radius)!important;box-shadow:var(--hb-card-shadow)!important;overflow:hidden!important;}
.sidebar-panel .side-block{padding:0!important;margin:0 0 16px!important;}
.sidebar-panel p.side-title{margin:0!important;padding:12px 15px!important;background:#f8f9fb!important;border-bottom:1px solid #edf0f3!important;color:var(--hb-ink)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.10em!important;text-transform:uppercase!important;line-height:1.2!important;}
.sidebar-panel .side-content{padding:12px 15px!important;}
.left-rail .dash-card{margin-bottom:16px!important;}
.left-rail .dash-card h3{background:#f8f9fb!important;border-bottom:1px solid #edf0f3!important;}
/* Common public content cards */
.hb-panel,.hb-pulse-card,.hb-site-card,.hb-dir-card,.hb-recent-card{border-radius:var(--hb-card-radius)!important;box-shadow:var(--hb-card-shadow)!important;border-color:var(--hb-card-border)!important;}
.hb-panel:hover,.hb-site-card:hover,.hb-dir-card:hover,.hb-recent-card:hover{box-shadow:var(--hb-card-shadow-hover)!important;}
.hb-panel-head,.hb-section-head{min-height:36px;}
/* Old directory/detail components get the same modern surface */
.main-content > .item,.main-content > .summary,.main-content > .comment,.main-content > .review,.main-content > .article,.main-content > .article-summary{background:#fff!important;border:1px solid var(--hb-card-border)!important;border-radius:var(--hb-card-radius)!important;box-shadow:var(--hb-card-shadow)!important;margin:0 0 16px!important;padding:18px!important;}
.main-content > .item:hover,.main-content > .summary:hover,.main-content > .comment:hover,.main-content > .review:hover,.main-content > .article:hover{border-color:#d6bd7b!important;}
.main-content .item h3,.main-content .summary h3,.main-content .article h3{color:var(--hb-ink)!important;}
.main-content .item .details,.main-content .item .data,.main-content .item .review{background:transparent!important;border-color:#edf0f3!important;}
.main-content .item .thumb img,.main-content img.thumbnail{border:1px solid #e3e7ed!important;border-radius:10px!important;}
/* Normalize buttons/links used inside legacy blocks */
.main-content a.readmore,.main-content .signup a,.main-content a.learnmore,.main-content a.coupons{border-radius:8px!important;}
/* Directory toolbar and page heading */
.hb-directory-toolbar,.hb-directory-heading{margin-bottom:16px!important;}
.hb-directory-heading{background:#fff;border:1px solid var(--hb-card-border);border-radius:var(--hb-card-radius);box-shadow:var(--hb-card-shadow);padding:20px!important;}
/* Consistent card spacing */
.hb-section,.hb-two-col,.hb-directory-grid,.hb-site-grid,.hb-recent,.hb-ranked,.hb-coupons{margin-bottom:28px;}
@media(max-width:800px){.page-wrap{padding-left:16px!important;padding-right:16px!important}.dashboard-grid{gap:16px!important}.sidebar-panel .side-block,.left-rail .dash-card{border-radius:12px!important;}}


/* V56 — eliminate legacy sidebar/column presentation across public pages.
   All public layouts use the unified V52/V53 dashboard grid and sidebar panel. */
.dashboard-grid > .sidebar-panel,
.dashboard-grid > .main-content {
  box-sizing:border-box !important;
}
.dashboard-grid > .sidebar-panel {
  width:286px !important;
  max-width:286px !important;
  float:none !important;
  background:#fff !important;
  border:1px solid var(--hb-card-border,#e0e5eb) !important;
  border-radius:14px !important;
  box-shadow:var(--hb-card-shadow,0 7px 22px rgba(23,32,51,.045)) !important;
}
.dashboard-grid > .main-content {
  width:auto !important;
  max-width:none !important;
  float:none !important;
}
/* Old template classes can still occur in legacy page fragments.
   Prevent their old textured 250px sidebar skin from resurfacing. */
td.sidebar {
  background:none !important;
}
div.sidebar {
  width:286px !important;
  max-width:286px !important;
  float:none !important;
  background:transparent !important;
}
div.sidebar div.side-block {
  background:#fff !important;
  border:1px solid var(--hb-card-border,#e0e5eb) !important;
  border-radius:14px !important;
  padding:0 !important;
  margin:0 0 14px !important;
  box-shadow:var(--hb-card-shadow,0 7px 22px rgba(23,32,51,.045)) !important;
  overflow:hidden !important;
}
div.sidebar p.side-title {
  background:#eeeae1 !important;
  color:#35322c !important;
  border-bottom:1px solid #d7d0c3 !important;
  border-radius:0 !important;
  padding:12px 14px !important;
  margin:0 !important;
  font:900 12px/1.2 Inter,Arial,sans-serif !important;
  letter-spacing:1.2px !important;
  text-transform:uppercase !important;
}
div.sidebar div.side-content { padding:12px 14px !important; }
@media(max-width:900px){
  .dashboard-grid > .sidebar-panel, div.sidebar { width:100% !important; max-width:none !important; }
}

/* Admin TE moderation filters */
.hb-admin-sites-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px;padding:14px 16px;border:1px solid #e7e7e7;border-radius:12px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.hb-admin-sites-filters{display:flex;gap:8px;flex-wrap:wrap}
.hb-admin-sites-filters a{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #ddd;border-radius:8px;text-decoration:none;background:#fafafa;color:#444}
.hb-admin-sites-filters a.active{background:#f4c542;border-color:#e2b52e;color:#171717;font-weight:700}
.hb-admin-sites-filters strong{font-size:12px;opacity:.8}
@media(max-width:700px){.hb-admin-sites-toolbar{align-items:flex-start;flex-direction:column}.hb-admin-sites-filters{width:100%}}


/* =========================================================
   HitsBay V61 — ONE REAL PUBLIC LAYOUT
   The homepage now uses the exact same dashboard-grid /
   main-content / sidebar-panel skeleton as directory and
   internal pages. No separate homepage rail.
   ========================================================= */
.page-wrap > .dashboard-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 286px!important;
  gap:20px!important;
  align-items:start!important;
  width:100%!important;
}
.page-wrap > .dashboard-grid > .main-content{
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  float:none!important;
}
.page-wrap > .dashboard-grid > .sidebar-panel{
  width:286px!important;
  max-width:286px!important;
  min-width:0!important;
  float:none!important;
}
.hb-new-home{
  width:100%!important;
  max-width:none!important;
}
.hb-new-home .hb-section,
.hb-new-home .hb-two-col,
.hb-new-home .hb-cta,
.hb-new-home .hb-stats{
  width:100%!important;
  box-sizing:border-box!important;
}
.hb-new-home .hb-section,
.hb-new-home .hb-panel,
.hb-new-home .hb-cta,
.hb-new-home .hb-stats{
  border:1px solid var(--hb-ui-border,#e1e5ea)!important;
  border-radius:var(--hb-ui-radius,14px)!important;
  background:#fff!important;
  box-shadow:var(--hb-ui-shadow,0 7px 22px rgba(23,32,51,.05))!important;
}
.hb-new-home .hb-section-head,
.hb-new-home .hb-panel-head{
  background:var(--hb-ui-soft,#f8f9fb)!important;
  border-bottom:1px solid #edf0f3!important;
}
.hb-new-home .hb-site-card,
.hb-new-home .hb-recent-card,
.hb-new-home .hb-coupon{
  border:1px solid var(--hb-ui-border,#e1e5ea)!important;
  background:#fff!important;
}
.hb-new-home .hb-site-card:hover,
.hb-new-home .hb-recent-card:hover,
.hb-new-home .hb-coupon:hover{
  border-color:#d7bf82!important;
}
.sidebar-panel{
  box-sizing:border-box!important;
}
.sidebar-panel .sidebar-inner{
  width:100%!important;
}
.sidebar-panel .side-block,
.sidebar-panel .hb-feature-widget,
.sidebar-panel .dash-card,
.sidebar-panel .join-card{
  box-sizing:border-box!important;
  width:100%!important;
}
@media(max-width:900px){
  .page-wrap > .dashboard-grid{
    grid-template-columns:1fr!important;
  }
  .page-wrap > .dashboard-grid > .sidebar-panel{
    width:100%!important;
    max-width:none!important;
  }
}


/* V62 — guaranteed shared sidebar column for Directory, Reviews and all non-home public pages. */
.page-wrap > .dashboard-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 286px !important;
  gap:20px !important;
  align-items:start !important;
}
.page-wrap > .dashboard-grid > .main-content {
  grid-column:1 !important;
  grid-row:1 !important;
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;
  float:none !important;
}
.page-wrap > .dashboard-grid > .sidebar-panel {
  grid-column:2 !important;
  grid-row:1 !important;
  display:block !important;
  visibility:visible !important;
  width:286px !important;
  min-width:286px !important;
  max-width:286px !important;
  margin:0 !important;
  float:none !important;
  align-self:start !important;
}
.page-wrap > .dashboard-grid > .sidebar-panel .sidebar-inner { width:100% !important; box-sizing:border-box !important; }
@media(max-width:900px){
  .page-wrap > .dashboard-grid { grid-template-columns:minmax(0,1fr) !important; }
  .page-wrap > .dashboard-grid > .sidebar-panel { grid-column:1 !important; grid-row:2 !important; width:100% !important; min-width:0 !important; max-width:none !important; }
}


/* =========================================================
   HitsBay V64 — unified visual system
   One public shell, one sidebar, one card language.
   ========================================================= */
:root{
  --hb-v63-bg:#f5f6f8;
  --hb-v63-surface:#ffffff;
  --hb-v63-border:#e3e7ec;
  --hb-v63-ink:#18202d;
  --hb-v63-muted:#6d7786;
  --hb-v63-gold:#b88628;
  --hb-v63-gold-soft:#fbf6e9;
  --hb-v63-radius:14px;
  --hb-v63-shadow:0 5px 20px rgba(20,28,40,.055);
  --hb-v63-shadow-hover:0 10px 28px rgba(20,28,40,.09);
}

html,body{background:var(--hb-v63-bg);color:var(--hb-v63-ink)}
.site-shell{min-height:100vh}
.page-wrap{max-width:1380px;margin:0 auto;padding:24px 22px 42px}
.page-wrap>.dashboard-grid{max-width:100%;}

/* Header / navigation */
.site-header{background:#fff;border-bottom:1px solid var(--hb-v63-border)}
.header-inner{max-width:1380px;margin:0 auto;padding:16px 22px;min-height:82px}
.topnav{background:#fff;border-bottom:1px solid var(--hb-v63-border);box-shadow:0 2px 10px rgba(20,28,40,.025)}
.nav-inner{max-width:1380px;margin:0 auto;padding:8px 22px;gap:12px}
.nav-links{gap:3px}
.nav-links a{border-radius:9px;color:#4d5868;font-weight:750;transition:background .15s ease,color .15s ease,transform .15s ease}
.nav-links a:hover{background:#f3f5f7;color:var(--hb-v63-ink);transform:translateY(-1px)}
.nav-links a.active{background:var(--hb-v63-gold-soft);color:#8a641b}
.nav-search{border:1px solid var(--hb-v63-border);border-radius:10px;background:#fafbfc;overflow:hidden}
.nav-search input{background:transparent}
.nav-search button{background:#fff;border-left:1px solid var(--hb-v63-border)}

/* The shared two-column shell */
.page-wrap>.dashboard-grid{grid-template-columns:minmax(0,1fr) 286px!important;gap:22px!important;align-items:start!important}
.page-wrap>.dashboard-grid>.main-content{min-width:0!important;width:auto!important;max-width:none!important;grid-column:1!important;grid-row:1!important}
.page-wrap>.dashboard-grid>.sidebar-panel{grid-column:2!important;grid-row:1!important;width:286px!important;min-width:286px!important;max-width:286px!important;display:block!important;visibility:visible!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.sidebar-panel>.sidebar-inner{display:flex;flex-direction:column;gap:14px;width:100%!important;padding:0!important}

/* Sidebar cards */
.sidebar-panel .side-block,
.sidebar-panel .sidebar-ad,
.sidebar-panel .dash-card,
.sidebar-panel .join-card,
.sidebar-panel .hb-feature-widget{
  width:100%;box-sizing:border-box;background:var(--hb-v63-surface);border:1px solid var(--hb-v63-border);border-radius:var(--hb-v63-radius);box-shadow:var(--hb-v63-shadow);overflow:hidden;margin:0!important;
}
.sidebar-panel .side-block{padding:0!important}
.sidebar-panel p.side-title{margin:0!important;padding:13px 15px!important;background:#fafbfc!important;border-bottom:1px solid #edf0f3!important;color:var(--hb-v63-ink)!important;font-size:11px!important;font-weight:850!important;letter-spacing:.11em!important;text-transform:uppercase!important}
.sidebar-panel .side-content{padding:13px 15px!important}
.sidebar-panel .sidebar-ad{padding:10px!important;text-align:center;background:#fff}
.sidebar-panel .sidebar-ad img{max-width:100%;height:auto}
.sidebar-panel ul.menu{margin:0!important;padding:4px 0!important}
.sidebar-panel ul.menu li{border-bottom:1px solid #f0f2f5!important;padding:8px 2px!important}
.sidebar-panel ul.menu li:last-child{border-bottom:0!important}
.sidebar-panel ul.menu li a{color:#4c5868!important}
.sidebar-panel ul.menu li a:hover{color:#916b20!important}

/* Main-page sections and modern cards */
.hb-new-home{width:100%!important;max-width:none!important}
.hb-new-home>.hb-section,
.hb-new-home>.hb-two-col,
.hb-new-home>.hb-cta,
.hb-new-home>.hb-stats,
.hb-new-home>.hb-panel{border:1px solid var(--hb-v63-border)!important;border-radius:var(--hb-v63-radius)!important;box-shadow:var(--hb-v63-shadow)!important;background:#fff!important}
.hb-new-home .hb-section-head,.hb-new-home .hb-panel-head{background:#fafbfc!important;border-bottom:1px solid #edf0f3!important}
.hb-new-home .hb-site-card,.hb-new-home .hb-recent-card,.hb-new-home .hb-coupon{border-color:var(--hb-v63-border)!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
.hb-new-home .hb-site-card:hover,.hb-new-home .hb-recent-card:hover,.hb-new-home .hb-coupon:hover{border-color:#d6bd7c!important;box-shadow:var(--hb-v63-shadow-hover)!important}

/* Directory / reviews / articles / legacy content */
.hb-directory-heading,.hb-directory-toolbar,
.main-content>.item,.main-content>.summary,.main-content>.comment,.main-content>.review,
.main-content>.article,.main-content>.article-summary,.hb-directory-shell{border-radius:var(--hb-v63-radius)}
.hb-directory-heading,.main-content>.item,.main-content>.summary,.main-content>.comment,.main-content>.review,.main-content>.article,.main-content>.article-summary{background:#fff;border-color:var(--hb-v63-border)!important;box-shadow:var(--hb-v63-shadow)!important}
.hb-directory-heading{padding:20px!important}
.main-content>.item,.main-content>.summary,.main-content>.comment,.main-content>.review,.main-content>.article,.main-content>.article-summary{padding:18px!important}
.hb-directory-heading h1,.hb-directory-heading h2,.main-content h1,.main-content h2{color:var(--hb-v63-ink)}

/* Buttons */
.main-content a.readmore,.main-content a.learnmore,.main-content a.coupons,.main-content .signup a,
.hb-dir-vote-form button{border-radius:9px!important}

/* Footer */
.site-footer{border-top:1px solid var(--hb-v63-border);background:#fff}

@media(max-width:900px){
  .page-wrap>.dashboard-grid{grid-template-columns:1fr!important;gap:16px!important}
  .page-wrap>.dashboard-grid>.main-content{grid-column:1!important;grid-row:1!important}
  .page-wrap>.dashboard-grid>.sidebar-panel{grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:none!important}
  .page-wrap{padding-left:16px;padding-right:16px}
}

/* V70 — Build the Directory CTA: high-contrast light card and four actions. */
.hb-new-home .hb-home-cta { background:#f7f8fa !important; color:#172033 !important; border:1px solid #d9dee6 !important; }
.hb-new-home .hb-home-cta h2 { color:#172033 !important; }
.hb-new-home .hb-home-cta p { color:#334155 !important; }
.hb-new-home .hb-home-cta small { color:#8a6517 !important; }
.hb-new-home .hb-home-cta .hb-cta-buttons { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; position:relative; z-index:2; }
.hb-new-home .hb-home-cta .hb-cta-buttons a { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:10px 14px; border-radius:9px; font-size:11px; font-weight:900; line-height:1.1; text-decoration:none !important; white-space:nowrap; box-sizing:border-box; }
.hb-new-home .hb-home-cta .hb-cta-site { background:#c79a32 !important; border:1px solid #c79a32 !important; color:#fff !important; }
.hb-new-home .hb-home-cta .hb-cta-review { background:#fff !important; border:1px solid #bfc7d2 !important; color:#172033 !important; }
.hb-new-home .hb-home-cta .hb-cta-proof { background:#334155 !important; border:1px solid #334155 !important; color:#fff !important; }
.hb-new-home .hb-home-cta .hb-cta-coupon { background:#172033 !important; border:1px solid #172033 !important; color:#fff !important; }
.hb-new-home .hb-home-cta .hb-cta-site:hover { background:#aa7e20 !important; border-color:#aa7e20 !important; color:#fff !important; }
.hb-new-home .hb-home-cta .hb-cta-review:hover { border-color:#c79a32 !important; color:#7d5b15 !important; }
.hb-new-home .hb-home-cta .hb-cta-proof:hover { background:#26364b !important; border-color:#26364b !important; color:#fff !important; }
.hb-new-home .hb-home-cta .hb-cta-coupon:hover { background:#26364b !important; border-color:#26364b !important; color:#fff !important; }
@media(max-width:900px){ .hb-new-home .hb-home-cta .hb-cta-buttons { justify-content:flex-start; } }
@media(max-width:680px){ .hb-new-home .hb-home-cta .hb-cta-buttons{width:100%;display:grid;grid-template-columns:1fr;} .hb-new-home .hb-home-cta .hb-cta-buttons a{width:100%;} }



/* V73 — Modern coupon cards */
.main-content > .coupon,
.main-content .coupon {
  box-sizing:border-box !important;
}
.main-content > .coupon {
  position:relative !important;
  display:grid !important;
  grid-template-columns:180px minmax(0,1fr) !important;
  grid-template-rows:auto 1fr !important;
  column-gap:0 !important;
  padding:0 !important;
  margin:0 0 18px !important;
  background:#fff !important;
  border:1px solid #e1e6ec !important;
  border-radius:14px !important;
  box-shadow:0 5px 18px rgba(23,32,51,.06) !important;
  overflow:hidden !important;
  float:none !important;
  min-height:150px;
}
.main-content > .coupon:after { display:none !important; }
.main-content > .coupon > .rate {
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:20px 14px !important;
  background:#f8fafc !important;
  border-right:1px solid #e7ebf0 !important;
  text-align:center !important;
  box-sizing:border-box !important;
}
.main-content > .coupon > .rate > p:first-child {
  color:#172033 !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1.4 !important;
  margin:0 0 9px !important;
}
.main-content > .coupon > .rate > p:nth-child(2) {
  color:#344154 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}
.main-content > .coupon > .rate > p:last-child { margin:8px 0 0 !important; }
.main-content > .coupon > .rate img { vertical-align:middle; }
.main-content > .coupon > .rate a {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:5px 7px !important;
  border-radius:7px !important;
  background:#fff !important;
  border:1px solid #dce2e9 !important;
}
.main-content > .coupon > .rate a:hover { border-color:#c49a3a !important; background:#fffaf0 !important; }
.main-content > .coupon > .srate {
  grid-column:1 !important;
  grid-row:2 !important;
  float:none !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 14px 18px !important;
  background:#f8fafc !important;
  border-right:1px solid #e7ebf0 !important;
  text-align:center !important;
  box-sizing:border-box !important;
}
.main-content > .coupon > .srate p {
  position:static !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  color:#8a6517 !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  text-align:center !important;
}
.main-content > .coupon > .srate p span {
  display:block !important;
  color:#64748b !important;
  font-size:10px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  margin-top:3px !important;
}
.main-content > .coupon > .cbody {
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  float:none !important;
  width:auto !important;
  min-width:0 !important;
  padding:20px 22px !important;
  box-sizing:border-box !important;
  background:#fff !important;
}
.main-content > .coupon > .cbody .ctitle {
  float:none !important;
  padding:0 !important;
  margin:0 0 8px !important;
  color:#172033 !important;
  font-size:14px !important;
  font-weight:850 !important;
}
.main-content > .coupon > .cbody p.coupon {
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  width:auto !important;
  background:#f8f2df !important;
  border:1px solid #ead9a9 !important;
  border-radius:8px !important;
  color:#6f5313 !important;
  font-weight:850 !important;
  margin:0 0 10px !important;
  padding:7px 10px !important;
}
.main-content > .coupon > .cbody p.coupon span { float:none !important; display:inline-block !important; }
.main-content > .coupon > .cbody span.code { padding:0 !important; color:#5c4510 !important; }
.main-content > .coupon > .cbody span.cut { display:inline-flex !important; padding:2px 4px !important; background:transparent !important; }
.main-content > .coupon > .cbody p.description {
  clear:both !important;
  color:#435166 !important;
  font-size:13px !important;
  line-height:1.6 !important;
  margin:4px 0 0 !important;
  padding:0 !important;
}
@media(max-width:650px){
  .main-content > .coupon { grid-template-columns:1fr !important; grid-template-rows:auto auto auto !important; }
  .main-content > .coupon > .rate { grid-column:1 !important; grid-row:1 !important; border-right:0 !important; border-bottom:1px solid #e7ebf0 !important; padding:15px !important; }
  .main-content > .coupon > .srate { grid-column:1 !important; grid-row:2 !important; border-right:0 !important; padding:0 15px 14px !important; }
  .main-content > .coupon > .cbody { grid-column:1 !important; grid-row:3 !important; padding:17px !important; }
}

/* V74 — Unified modern coupon cards */
.main-content > .coupon {
  display:grid!important;
  grid-template-columns: minmax(250px, 34%) minmax(0, 1fr)!important;
  gap:0!important;
  padding:0!important;
  margin:0 0 20px!important;
  background:#fff!important;
  border:1px solid #dfe5ec!important;
  border-radius:16px!important;
  box-shadow:0 6px 20px rgba(23,32,51,.07)!important;
  overflow:hidden!important;
  float:none!important;
  min-height:0!important;
}
.main-content > .coupon > .coupon-vote-panel {
  grid-column:1!important; grid-row:1!important;
  padding:22px!important; background:#f7f9fb!important;
  border-right:1px solid #e3e8ee!important; box-sizing:border-box!important;
  text-align:left!important;
}
.coupon-vote-question{font-size:15px;font-weight:900;color:#172033;margin:0 0 12px;line-height:1.35}
.coupon-vote-summary{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:#334155;font-size:12px;margin-bottom:10px}
.coupon-vote-summary span{font-weight:700}.coupon-vote-summary strong{font-weight:900}.coupon-vote-summary em{font-style:normal;color:#64748b;font-size:11px}
.coupon-vote-bar{height:8px;background:#e7ecf1;border-radius:99px;overflow:hidden;margin:0 0 14px}
.coupon-vote-bar span{display:block;height:100%;background:#b78622;border-radius:99px;transition:width .25s ease}
.coupon-vote-actions{display:flex;gap:8px;flex-wrap:wrap}
.coupon-vote-btn{appearance:none;border-radius:9px!important;padding:9px 12px!important;font-size:12px!important;font-weight:850!important;line-height:1.2!important;cursor:pointer!important;border:1px solid!important;box-shadow:none!important}
.coupon-vote-yes{background:#172033!important;color:#fff!important;border-color:#172033!important}.coupon-vote-yes:hover{background:#26364b!important}
.coupon-vote-no{background:#fff!important;color:#172033!important;border-color:#cfd7e1!important}.coupon-vote-no:hover{border-color:#b78622!important;background:#fffaf0!important}
.coupon-vote-thanks{font-size:12px;font-weight:800;color:#536173}.coupon-vote-error{font-size:12px;font-weight:800;color:#a23b32}
.main-content > .coupon > .cbody{grid-column:2!important;grid-row:1!important;padding:22px 24px!important;background:#fff!important;min-width:0!important;box-sizing:border-box!important}
.main-content > .coupon > .cbody .ctitle{margin:0 0 10px!important;color:#172033!important;font-size:15px!important;font-weight:900!important;float:none!important;padding:0!important}
.main-content > .coupon > .cbody p.coupon{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0 0 14px!important;padding:9px 11px!important;background:#fbf5e5!important;border:1px solid #ead8a5!important;border-radius:9px!important;color:#5d4816!important;width:auto!important}
.main-content > .coupon > .cbody span.code{color:#5d4816!important;font-weight:900!important;padding:0!important}
.main-content > .coupon > .cbody span.cut{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:3px!important;background:transparent!important;cursor:pointer!important}
.main-content > .coupon > .cbody span.cut img{max-width:18px!important;max-height:18px!important}
.main-content > .coupon > .cbody p.description{clear:both!important;margin:0 0 14px!important;color:#3f4d60!important;font-size:13px!important;line-height:1.65!important;padding:0!important}
.main-content > .coupon > .cbody .coupon-redeem{display:inline-block!important;padding:9px 13px!important;border-radius:9px!important;background:#172033!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important}
.main-content > .coupon > .cbody .coupon-redeem:hover{background:#b78622!important;color:#fff!important}
@media(max-width:700px){.main-content > .coupon{grid-template-columns:1fr!important}.main-content > .coupon > .coupon-vote-panel{grid-column:1!important;grid-row:1!important;border-right:0!important;border-bottom:1px solid #e3e8ee!important}.main-content > .coupon > .cbody{grid-column:1!important;grid-row:2!important;padding:19px!important}}

/* V76: editable Featured Exchange promotion */
.hb-feature-promo{margin:12px 0 14px;padding:12px 13px;border:1px solid #ead7a1;border-radius:10px;background:#fffaf0;color:#263746;font-size:13px;line-height:1.5;font-weight:600;box-sizing:border-box}
.hb-feature-promo strong{color:#102536}

/* Featured promotion actions */
.hb-feature-actions{display:flex;gap:8px;align-items:stretch;margin-top:12px;position:relative;z-index:1}
.hb-feature-actions .hb-widget-button{flex:1;text-align:center;margin-top:0}
.hb-widget-join{font-weight:800!important}
.hb-widget-secondary{display:flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #d8d1c3;border-radius:8px;background:#fff;color:#4a4438!important;font-weight:700;font-size:13px;text-decoration:none!important}
.hb-widget-secondary:hover{background:#f7f3e9}
@media(max-width:600px){.hb-feature-actions{flex-direction:column}.hb-feature-secondary{width:100%}}


/* HitsBay V78 Member Splashpage Studio */
.hb-member-shell,.hb-member-dashboard,.hb-builder-page{max-width:1180px;margin:0 auto;padding:30px 0 50px}.hb-member-card{max-width:560px;margin:30px auto;padding:34px;background:#fff;border:1px solid #dfe4ea;border-radius:18px;box-shadow:0 12px 35px rgba(20,30,45,.08)}.hb-member-card h1,.hb-builder-head h1{margin:6px 0 10px;color:#172033}.hb-member-card>p,.hb-builder-head p{color:#536071}.hb-member-form{display:grid;gap:16px;margin-top:22px}.hb-member-form label,.hb-builder-form label{display:grid;gap:7px;font-weight:700;color:#253044}.hb-member-form input,.hb-builder-form input,.hb-builder-form select,.hb-builder-form textarea{width:100%;box-sizing:border-box;border:1px solid #cfd6df;border-radius:10px;padding:12px 13px;background:#fff;color:#172033;font:inherit}.hb-member-form input:focus,.hb-builder-form input:focus,.hb-builder-form select:focus,.hb-builder-form textarea:focus{outline:2px solid rgba(218,165,44,.25);border-color:#c99625}.hb-member-error{background:#fff1f1;color:#9d2525;border:1px solid #efcaca;border-radius:10px;padding:11px 14px;margin:12px 0}.hb-member-foot{margin-top:18px;color:#596575}.hb-builder-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.hb-builder-actions{display:flex;gap:10px;flex-wrap:wrap}.hb-builder-primary,.hb-builder-secondary{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:10px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer}.hb-builder-primary{background:#d7a42a;color:#17120a}.hb-builder-secondary{background:#fff;color:#253044;border-color:#cfd6df}.hb-builder-info{display:flex;gap:14px;align-items:center;padding:15px 18px;background:#172033;color:#fff;border-radius:13px;margin-bottom:20px}.hb-builder-info span{color:#d8dee7}.hb-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,520px);gap:22px}.hb-builder-form{display:grid;gap:18px}.hb-builder-panel{background:#fff;border:1px solid #dfe4ea;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(20,30,45,.06)}.hb-builder-panel h2{margin:0 0 18px;color:#172033}.hb-template-picker{display:grid;gap:10px;margin-bottom:20px}.hb-template-picker label{display:block}.hb-template-picker input{position:absolute;opacity:0}.hb-template-picker span{display:block;border:1px solid #d6dce5;border-radius:12px;padding:13px 15px;cursor:pointer}.hb-template-picker input:checked+span{border-color:#d7a42a;box-shadow:0 0 0 2px rgba(215,164,42,.16)}.hb-template-picker b,.hb-template-picker small{display:block}.hb-template-picker small{margin-top:3px;color:#687385}.hb-builder-preview{position:sticky;top:20px;height:max-content}.hb-preview-label{font-size:11px;letter-spacing:.12em;font-weight:800;color:#697486;margin:0 0 8px}.hb-splash-preview{min-height:520px;border-radius:22px;padding:34px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;box-shadow:0 20px 50px rgba(20,30,45,.15);overflow:hidden}.hb-preview-badge{font-size:11px;font-weight:900;letter-spacing:.12em;opacity:.8}.hb-splash-preview h2{font-size:38px;line-height:1.06;margin:12px 0}.hb-splash-preview>p{font-size:18px;line-height:1.55;margin:0 0 20px}.hb-preview-promo{border-radius:14px;padding:16px;margin:4px 0 22px;display:grid;gap:7px}.hb-preview-promo strong{font-size:11px;letter-spacing:.1em}.hb-preview-promo span{line-height:1.55}.hb-preview-promo b{font-size:15px}.hb-preview-cta{display:inline-flex;align-self:flex-start;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:900}.hb-splash-preview>small{margin-top:16px;opacity:.65;word-break:break-all}.hb-preview-gold{background:linear-gradient(145deg,#151922,#2a2e38);color:#fff}.hb-preview-gold .hb-preview-promo{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}.hb-preview-gold .hb-preview-promo strong{color:#e3b43b}.hb-preview-gold .hb-preview-cta{background:#e0ad32;color:#17120a}.hb-preview-nordic{background:#f2f6f9;color:#172033;border:1px solid #dbe2e9}.hb-preview-nordic .hb-preview-promo{background:#fff;border:1px solid #d8e0e7}.hb-preview-nordic .hb-preview-cta{background:#172033;color:#fff}.hb-preview-neon{background:#101225;color:#fff}.hb-preview-neon .hb-preview-promo{background:#191d38;border:1px solid #3c4678}.hb-preview-neon .hb-preview-cta{background:#6fe5d1;color:#091414}.hb-splash-list{display:grid;gap:12px}.hb-splash-row{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #dfe4ea;border-radius:14px;padding:17px 20px}.hb-splash-row h2{margin:4px 0;font-size:19px}.hb-splash-row p{margin:0;color:#697486}.hb-splash-template{font-size:10px;font-weight:900;letter-spacing:.12em;color:#8b6816}.hb-splash-row-actions{display:flex;gap:8px}.hb-splash-row-actions a{padding:9px 12px;border:1px solid #d4dae2;border-radius:9px;text-decoration:none;color:#253044;font-weight:700}.hb-empty{background:#fff;border:1px dashed #cfd6df;border-radius:16px;padding:36px;text-align:center}.hb-public-splash{min-height:100vh;padding:40px 20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.hb-public-brand{position:fixed;top:20px;left:24px;font-weight:900;letter-spacing:.08em}.hb-public-brand span{font-size:10px;opacity:.6;margin-left:8px}.hb-public-card{max-width:780px;width:100%;padding:54px;border-radius:26px;box-sizing:border-box;box-shadow:0 25px 70px rgba(0,0,0,.18)}.hb-public-card h1{font-size:52px;line-height:1.03;margin:12px 0}.hb-public-sub{font-size:20px;line-height:1.55}.hb-public-card .hb-preview-promo{margin:28px 0}.hb-public-card .hb-preview-cta{font-size:18px;padding:15px 25px}.hb-public-gold{background:linear-gradient(135deg,#12151d,#2b303a);color:#fff}.hb-public-gold .hb-public-card{background:#1b1f28}.hb-public-gold .hb-preview-promo{background:#252a34}.hb-public-gold .hb-preview-cta{background:#e0ad32;color:#17120a}.hb-public-nordic{background:#edf2f5;color:#172033}.hb-public-nordic .hb-public-card{background:#fff;border:1px solid #dbe2e9}.hb-public-nordic .hb-preview-promo{background:#f3f6f8;border:1px solid #dce3e9}.hb-public-nordic .hb-preview-cta{background:#172033;color:#fff}.hb-public-neon{background:#090b17;color:#fff}.hb-public-neon .hb-public-card{background:#11152a;border:1px solid #2d3560}.hb-public-neon .hb-preview-promo{background:#181d38}.hb-public-neon .hb-preview-cta{background:#6fe5d1;color:#091414}.hb-public-exchange{margin-top:20px;opacity:.8}.hb-public-footer{margin-top:32px;padding-top:16px;border-top:1px solid rgba(128,128,128,.25);font-size:13px;opacity:.7}.hb-public-footer a{color:inherit;font-weight:800}
@media(max-width:900px){.hb-builder-layout{grid-template-columns:1fr}.hb-builder-preview{position:static}.hb-builder-head{align-items:flex-start;flex-direction:column}.hb-builder-info{align-items:flex-start;flex-direction:column}.hb-public-card{padding:32px 24px}.hb-public-card h1{font-size:38px}.hb-public-brand{position:static;margin-bottom:18px}.hb-public-splash{display:block;padding-top:30px}.hb-splash-preview{min-height:460px}.hb-splash-preview h2{font-size:32px}}

/* V79 - 2026 no-code Splashpage Studio */
.hb79-studio{max-width:1480px;margin:0 auto;padding:28px 18px 60px;color:#172033}.hb79-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.hb79-top h1{font-size:34px;margin:5px 0 7px}.hb79-top p{margin:0;color:#536071}.hb79-top-actions{display:flex;gap:8px}.hb79-workspace{display:grid;grid-template-columns:430px minmax(0,1fr);gap:18px;align-items:start}.hb79-sidebar{display:grid;gap:14px}.hb79-panel{background:#fff;border:1px solid #dfe4ea;border-radius:16px;padding:17px;box-shadow:0 7px 25px rgba(20,30,45,.055)}.hb79-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.hb79-panel-head span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#7a8595;font-weight:800}.hb79-panel label{display:grid;gap:6px;margin:11px 0;font-weight:750;font-size:12px;color:#2b3648}.hb79-panel input[type=text],.hb79-panel input[type=url],.hb79-panel input[type=color],.hb79-panel select,.hb79-panel textarea{width:100%;box-sizing:border-box;border:1px solid #ccd4df;border-radius:9px;background:#fff;color:#172033;padding:10px;font:inherit}.hb79-panel input[type=color]{height:40px;padding:3px}.hb79-themes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hb79-themes label{margin:0}.hb79-themes input{position:absolute;opacity:0}.hb79-themes span{display:block;padding:11px;border:1px solid #d4dbe5;border-radius:10px;cursor:pointer;text-align:center;font-weight:800}.hb79-themes input:checked+span{border-color:#d7a42a;box-shadow:0 0 0 2px rgba(215,164,42,.15)}.hb79-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hb79-colors label{margin:8px 0 0}.hb79-blocks{display:grid;gap:7px}.hb79-block{display:grid;grid-template-columns:24px 1fr auto auto;gap:7px;align-items:center;border:1px solid #d9e0e8;border-radius:9px;padding:9px;background:#fafbfd;cursor:grab}.hb79-block.off{opacity:.5}.hb79-block .drag{color:#8a94a3;letter-spacing:-3px}.hb79-block button{border:0;background:#edf1f5;border-radius:6px;padding:5px 7px;font-size:10px;font-weight:800;cursor:pointer}.hb79-addrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.hb79-addrow button{border:1px dashed #bbc5d1;background:#fff;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800;color:#344054;cursor:pointer}.hb79-publish{width:100%;border:0;border-radius:11px;padding:14px;background:#d7a42a;color:#17120a;font-weight:900;font-size:14px;cursor:pointer}.hb79-publish span{float:right}.hb79-canvas{position:sticky;top:16px}.hb79-canvasbar{height:46px;display:flex;align-items:center;justify-content:space-between;background:#172033;color:#fff;padding:0 10px 0 15px;border-radius:12px 12px 0 0}.hb79-canvasbar div{display:flex;gap:4px}.hb79-canvasbar button{border:0;border-radius:6px;padding:6px 9px;background:#2c3850;color:#fff;font-size:10px;cursor:pointer}.hb79-frame{margin:auto;background:#e8edf3;padding:18px;min-height:760px;transition:.2s}.hb79-frame.tablet{max-width:760px}.hb79-frame.mobile{max-width:390px}.hb79-live{max-width:100%;min-height:700px;border-radius:18px;padding:30px;box-sizing:border-box;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,sans-serif;overflow:hidden}.hb79-live.nordic{background:var(--bg);color:var(--txt)}.hb79-live.neon{background:var(--bg);color:var(--txt)}.hb79-live.glass{background:var(--bg);color:var(--txt)}.hb79-live section{max-width:900px;margin:0 auto 18px}.phero{text-align:center;padding:65px 24px 45px}.phero small{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--accent)}.phero h1{font-size:48px;line-height:1.02;margin:13px 0}.phero p{font-size:18px;line-height:1.55;opacity:.8;max-width:680px;margin:0 auto 24px}.pcta{display:inline-block;background:var(--accent);color:#111;text-decoration:none;font-weight:900;padding:13px 22px;border-radius:10px}.poffer{padding:22px;border:1px solid color-mix(in srgb,var(--accent),transparent 55%);background:rgba(255,255,255,.07);border-radius:15px;display:grid;gap:8px}.poffer b{font-size:18px}.poffer p{margin:0;opacity:.82;line-height:1.6}.poffer strong{color:var(--accent)}.psection{padding:24px 0}.psection h2{font-size:25px;margin:0 0 14px}.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pgrid article{padding:17px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.nordic .pgrid article{background:#fff;border-color:#e1e7ef}.pgrid i{font-style:normal;font-size:24px;display:block;margin-bottom:7px}.pgrid b{display:block}.pgrid p,.pproof p{opacity:.75;line-height:1.5;font-size:13px}.pproof{padding:15px 17px;border-left:3px solid var(--accent);background:rgba(255,255,255,.06)}.pproof b{color:var(--accent)}.psection details{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}.psection summary{cursor:pointer;font-weight:800}.psection details p{opacity:.75;line-height:1.55}.hb79-live footer{text-align:center;opacity:.55;padding:25px 0 8px;font-size:11px}.hb79-public{min-height:100vh;padding:28px 18px 50px;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,sans-serif}.sp-brand{text-align:center;font-weight:900;letter-spacing:.08em;margin-bottom:18px}.sp-brand span{font-size:10px;opacity:.55;margin-left:8px}.sp-card{max-width:980px;margin:auto}.sp-hero{text-align:center;padding:65px 20px 35px}.sp-hero small{font-size:10px;letter-spacing:.15em;color:var(--accent);font-weight:900}.sp-hero h1{font-size:clamp(38px,7vw,72px);line-height:.98;margin:14px 0}.sp-hero p{font-size:18px;opacity:.78;max-width:720px;margin:0 auto 25px;line-height:1.6}.sp-cta{display:inline-block;background:var(--accent);color:#111;text-decoration:none;font-weight:900;padding:15px 25px;border-radius:11px}.sp-offer{padding:24px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);margin-bottom:18px}.sp-offer b{font-size:20px}.sp-offer p{line-height:1.6;opacity:.82}.sp-offer strong{color:var(--accent)}.sp-section{padding:24px 0}.sp-section h2{font-size:27px}.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sp-grid article{padding:18px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.sp-grid i{font-style:normal;font-size:26px}.sp-grid p{opacity:.72;line-height:1.55}.sp-proof{padding:18px;border-left:3px solid var(--accent);background:rgba(255,255,255,.06);margin:15px 0}.sp-proof b{color:var(--accent)}.sp-section details{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.sp-section summary{cursor:pointer;font-weight:800}.sp-section details p{opacity:.75;line-height:1.55}.sp-exchange{text-align:center;margin:20px 0;opacity:.65}.sp-bottom{text-align:center;font-size:11px;opacity:.55;margin-top:18px}.sp-bottom a{color:inherit}.hb79-public- n{background:#fff}.hb79-public.nordic{background:#f5f7fa;color:#172033}.hb79-public.nordic .sp-grid article,.hb79-public.nordic .sp-offer,.hb79-public.nordic .sp-proof{background:#fff;border-color:#e1e7ef}.hb79-public.glass{background:linear-gradient(135deg,#0c1a2b,#263e5b)}
@media(max-width:1000px){.hb79-workspace{grid-template-columns:1fr}.hb79-canvas{position:static}.hb79-sidebar{order:2}.hb79-canvas{order:1}}@media(max-width:650px){.hb79-top{display:block}.hb79-top-actions{margin-top:12px}.hb79-live{padding:18px}.phero{padding:45px 12px 30px}.phero h1{font-size:37px}.pgrid,.sp-grid{grid-template-columns:1fr}.hb79-colors{grid-template-columns:1fr 1fr 1fr}.hb79-frame{padding:8px}.hb79-public{padding:18px 10px}}
/* V80 · 2026 visual editor */
.hb80-studio{max-width:1800px;margin:0 auto;padding:22px 18px 60px;color:#172033;background:#f5f7fa;min-height:calc(100vh - 80px)}
.hb80-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px}.hb80-header h1{font-size:32px;line-height:1.05;margin:5px 0}.hb80-header p{margin:0;color:#5b6676}.hb80-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:#8a6500}.hb80-actions{display:flex;gap:6px;align-items:center}.hb80-actions button,.hb80-actions a{border:1px solid #d7dee8;background:#fff;color:#243044;border-radius:9px;padding:9px 11px;font-weight:850;text-decoration:none;cursor:pointer}.hb80-actions .hb80-dark{background:#172033;color:#fff;border-color:#172033}.hb80-toolbar{height:54px;background:#fff;border:1px solid #dce2e9;border-radius:12px 12px 0 0;padding:0 10px 0 15px;display:flex;align-items:center;gap:12px}.hb80-doc{display:grid;gap:2px;min-width:220px}.hb80-doc span{font-size:10px;color:#8a94a3}.hb80-devices{display:flex;gap:4px;margin-left:auto}.hb80-devices button{border:0;background:#edf1f5;color:#425066;padding:7px 10px;border-radius:7px;font-size:10px;font-weight:850;cursor:pointer}.hb80-publish{border:0;background:#d7a42a;color:#17120a;border-radius:8px;padding:10px 15px;font-weight:950;cursor:pointer}.hb80-publish span{margin-left:8px}.hb80-workspace{display:grid;grid-template-columns:280px minmax(500px,1fr) 330px;gap:10px;align-items:start}.hb80-left,.hb80-right{display:grid;gap:10px}.hb80-panel{background:#fff;border:1px solid #dce2e9;border-radius:12px;padding:13px;box-shadow:0 4px 16px rgba(20,30,45,.045)}.hb80-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.hb80-panel-title span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8993a2;font-weight:900}.hb80-panel label{display:grid;gap:5px;margin:9px 0;font-size:11px;font-weight:800;color:#354154}.hb80-panel input[type=text],.hb80-panel input[type=url],.hb80-panel input[type=color],.hb80-panel input[type=datetime-local],.hb80-panel select,.hb80-panel textarea{width:100%;box-sizing:border-box;border:1px solid #cdd5df;border-radius:8px;background:#fff;color:#172033;padding:9px;font:inherit}.hb80-panel input[type=color]{height:38px;padding:2px}.hb80-layer{display:grid;grid-template-columns:20px 1fr auto auto;gap:5px;align-items:center;padding:9px 7px;border:1px solid #dfe5ec;border-radius:8px;background:#fafbfd;margin:5px 0;cursor:pointer}.hb80-layer.sel{border-color:#d7a42a;background:#fffaf0;box-shadow:0 0 0 2px rgba(215,164,42,.12)}.hb80-layer.off{opacity:.45}.hb80-layer .grip{color:#8d98a7}.hb80-layer button{border:0;background:#edf1f5;border-radius:6px;padding:4px 6px;font-size:10px;cursor:pointer}.hb80-add{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px}.hb80-add button{border:1px dashed #bcc7d4;background:#fff;border-radius:7px;padding:7px 6px;font-size:10px;font-weight:850;color:#364256;cursor:pointer}.hb80-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hb80-swatches label{font-size:9px}.hb80-themes{display:grid;grid-template-columns:1fr 1fr;gap:5px}.hb80-themes input{position:absolute;opacity:0}.hb80-themes label{margin:0}.hb80-themes span{display:block;border:1px solid #d7dee7;border-radius:7px;padding:8px;text-align:center;cursor:pointer}.hb80-themes input:checked+span{border-color:#d7a42a;box-shadow:0 0 0 2px rgba(215,164,42,.12)}.hb80-canvas-wrap{min-width:0}.hb80-canvas-head{height:38px;background:#202b3e;color:#fff;border-radius:10px 10px 0 0;padding:0 13px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.hb80-frame{background:#e7ebf0;padding:18px;min-height:780px;display:flex;justify-content:center;overflow:auto}.hb80-frame.tablet #hb80Canvas{width:768px}.hb80-frame.mobile #hb80Canvas{width:390px}.hb80-live{width:100%;max-width:980px;min-height:740px;padding:22px;box-sizing:border-box;border-radius:14px;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,sans-serif;overflow:hidden;transition:.15s}.hb80-live.nordic{background:#f7f9fc;color:#172033}.hb80-live.neon{background:#0b0714;color:#fff}.hb80-live.glass{background:linear-gradient(135deg,#0d1b2c,#29425f);color:#fff}.hb80-section{position:relative;max-width:900px;margin:0 auto 8px;padding:22px;border:1px solid transparent;border-radius:12px;transition:.12s}.hb80-section:hover{border-color:rgba(215,164,42,.35)}.hb80-section.selected{border-color:#d7a42a;box-shadow:0 0 0 2px rgba(215,164,42,.14)}.hb80-section.align-left{text-align:left}.hb80-section.align-center{text-align:center}.hb80-section.align-right{text-align:right}.p-hero{padding:60px 30px 48px}.p-hero h1{font-size:52px;line-height:1;margin:12px 0}.p-hero p{font-size:17px;line-height:1.6;opacity:.78;max-width:700px;margin:0 auto 22px}.align-left.p-hero p{margin-left:0}.align-right.p-hero p{margin-right:0}.p-hero small{color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.16em}.pcta{display:inline-block;background:var(--accent);color:#111;text-decoration:none;font-weight:950;padding:12px 20px;border-radius:9px}.heroimg{display:block;max-width:100%;max-height:280px;margin:20px auto;border-radius:12px;object-fit:cover}.p-offer{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13)}.nordic .p-offer,.nordic .p-features article,.nordic .p-steps article,.nordic .p-stats div{background:#fff;border-color:#e1e7ef}.p-offer b{font-size:18px}.p-offer p{line-height:1.6;opacity:.8}.p-offer strong{display:block;color:var(--accent);margin-top:7px}.p-features h2,.p-steps h2,.p-stats h2,.p-proof h2,.p-faq h2,.p-cta h2{margin:0 0 14px}.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pgrid article{padding:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:10px}.pgrid i{font-style:normal;font-size:23px;display:block;margin-bottom:7px}.pgrid p{font-size:12px;line-height:1.5;opacity:.72}.p-stats .pstats,.pstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pstats div{padding:18px;text-align:center;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11)}.pstats strong{display:block;font-size:27px;color:var(--accent)}.pstats span{font-size:10px;opacity:.7}.p-countdown{text-align:center;background:rgba(255,255,255,.05)}.count-title{font-size:22px;font-weight:900}.countdown{display:flex;justify-content:center;gap:9px;margin:18px 0;font-size:27px;font-weight:950}.countdown i{font-size:8px;font-style:normal;opacity:.55}.p-proof{background:rgba(255,255,255,.06);border-left:3px solid var(--accent)}.quote{font-size:18px;line-height:1.55;margin:8px 0 12px}.fullimg{width:100%;max-height:360px;object-fit:cover;border-radius:10px}.image-placeholder{border:1px dashed #9da8b6;padding:35px;text-align:center;opacity:.6}.p-cta{text-align:center;padding:35px 20px;background:rgba(255,255,255,.06)}.p-cta p{opacity:.76}.p-faq details{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12)}.p-faq summary{cursor:pointer;font-weight:850}.p-faq details p{opacity:.72;line-height:1.5}.hb80-live footer{text-align:center;opacity:.5;font-size:10px;padding:20px}.hb80-right .hb80-panel{max-height:none}.hb80-empty-inspector{padding:25px 10px;text-align:center;color:#7d8897;font-size:12px;line-height:1.5}.hb80-subcard{padding:9px;border:1px solid #e0e5eb;border-radius:8px;margin:8px 0;background:#fafbfd}.hb80-subcard>b{font-size:10px;color:#677286;text-transform:uppercase;letter-spacing:.08em}.hb80-segment{display:flex;gap:4px;align-items:center;margin-top:9px}.hb80-segment b{font-size:10px;margin-right:auto}.hb80-segment button{border:1px solid #d6dde6;background:#fff;border-radius:6px;padding:5px 7px;font-size:10px;cursor:pointer}.hb80-switch{display:flex!important;grid-template-columns:1fr auto!important;align-items:center}.hb80-switch input{width:auto}.hb80-public{min-height:100vh;padding:28px 18px 50px;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,sans-serif}.hb80-public.nordic{background:#f6f8fb;color:#172033}.hb80-public.neon{background:#0b0714;color:#fff}.hb80-public.glass{background:linear-gradient(135deg,#0c1a2b,#263e5b);color:#fff}.hb80-public .hb-seasonal-art{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hb80-public .hb-seasonal-art~*{position:relative;z-index:2}
.hb80-public .hb-seasonal-orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.34}
.hb80-public .hb-seasonal-orb.orb-a{width:420px;height:420px;right:-130px;top:-150px;background:var(--accent);box-shadow:0 0 110px var(--accent)}
.hb80-public .hb-seasonal-orb.orb-b{width:260px;height:260px;left:-120px;bottom:-150px;background:var(--accent);opacity:.16}
.hb80-public .hb-seasonal-confetti .season-icon{position:absolute;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18));opacity:.96}
.hb80-public .hb-seasonal-confetti .i0{right:9%;top:13%;font-size:72px;transform:rotate(-10deg)}
.hb80-public .hb-seasonal-confetti .i1{right:23%;top:8%;font-size:42px;transform:rotate(12deg)}
.hb80-public .hb-seasonal-confetti .i2{right:5%;bottom:25%;font-size:52px;transform:rotate(8deg)}
.hb80-public .hb-seasonal-confetti .i3{left:6%;bottom:18%;font-size:38px;transform:rotate(-12deg)}
.hb80-public .hb-seasonal-confetti .i4{left:20%;top:16%;font-size:34px;transform:rotate(14deg)}
.hb80-public .hb-seasonal-confetti .i5{right:34%;bottom:12%;font-size:38px;transform:rotate(-8deg)}
.hb80-public .hb-seasonal-ribbon{position:absolute;right:7%;top:52%;transform:rotate(-4deg);padding:10px 19px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:900;letter-spacing:.16em;box-shadow:0 12px 28px rgba(0,0,0,.2)}
.hb80-public .sp-card{max-width:1060px;margin:auto}.hb80-public .sp-hero{padding:75px 25px 45px}.hb80-public .sp-hero h1{font-size:clamp(40px,7vw,76px);line-height:.98;margin:13px 0}.hb80-public .sp-hero p{font-size:18px;line-height:1.6;opacity:.78;max-width:720px;margin:0 auto 24px}.hb80-public .sp-hero.align-left{text-align:left}.hb80-public .sp-hero.align-right{text-align:right}.hb80-public .sp-hero-image{display:block;max-width:100%;max-height:420px;margin:24px auto;border-radius:16px}.hb80-public .sp-cta{display:inline-block;background:var(--accent);color:#111;text-decoration:none;font-weight:950;padding:15px 25px;border-radius:11px}.hb80-public .sp-offer,.hb80-public .sp-section,.hb80-public .sp-proof,.hb80-public .sp-countdown,.hb80-public .sp-image,.hb80-public .sp-final{margin-bottom:18px}.hb80-public .sp-offer{padding:25px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}.hb80-public.nordic .sp-offer,.hb80-public.nordic .sp-grid article,.hb80-public.nordic .sp-stats div{background:#fff;border-color:#e1e7ef}.hb80-public .sp-offer p{line-height:1.65;opacity:.82}.hb80-public .sp-offer strong{color:var(--accent)}.hb80-public .sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hb80-public .sp-grid article{padding:19px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.hb80-public .sp-grid i{font-style:normal;font-size:26px}.hb80-public .sp-grid p{opacity:.72;line-height:1.55}.sp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sp-stats div{padding:22px;text-align:center;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.sp-stats strong{display:block;font-size:34px;color:var(--accent)}.sp-stats span{font-size:11px;opacity:.7}.sp-countdown{text-align:center;padding:25px;border-radius:15px;background:rgba(255,255,255,.06)}.sp-countdown h2{margin:0 0 5px}.sp-timer{display:flex;justify-content:center;gap:12px;margin:18px 0}.sp-timer b{min-width:65px;font-size:30px}.sp-timer small{display:block;font-size:8px;opacity:.5}.sp-proof{padding:22px;border-left:3px solid var(--accent);background:rgba(255,255,255,.06)}.sp-quote{font-size:20px;line-height:1.55;margin:9px 0 12px}.sp-image img{width:100%;max-height:500px;object-fit:cover;border-radius:16px}.sp-image figcaption{text-align:center;font-size:11px;opacity:.55;margin-top:6px}.sp-final{text-align:center;padding:35px 20px;border-radius:15px;background:rgba(255,255,255,.06)}.sp-final p{opacity:.75}.hb80-public .sp-section details{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.hb80-public .sp-section summary{cursor:pointer;font-weight:850}.hb80-public .sp-section details p{opacity:.75;line-height:1.55}.hb80-public footer{text-align:center;opacity:.5;font-size:11px;padding:25px}.sp-exchange{text-align:center;opacity:.55;font-size:12px;margin:18px}.sp-bottom{text-align:center;font-size:11px;opacity:.5;margin-top:18px}.sp-bottom a{color:inherit}
@media(max-width:1250px){.hb80-workspace{grid-template-columns:250px minmax(420px,1fr) 290px}.hb80-header h1{font-size:27px}}
@media(max-width:1050px){.hb80-workspace{grid-template-columns:230px minmax(420px,1fr)}.hb80-right{grid-column:1/-1;grid-template-columns:1fr 1fr}.hb80-right .hb80-panel{height:max-content}}
@media(max-width:750px){.hb80-header{display:block}.hb80-actions{margin-top:12px}.hb80-toolbar{height:auto;padding:9px;flex-wrap:wrap}.hb80-doc{width:100%}.hb80-devices{margin-left:0}.hb80-workspace{grid-template-columns:1fr}.hb80-left,.hb80-right{grid-column:auto}.hb80-right{grid-template-columns:1fr}.hb80-canvas-wrap{order:-1}.hb80-frame{padding:8px;min-height:600px}.hb80-live{padding:10px}.p-hero h1{font-size:38px}.pgrid,.pstats,.hb80-public .sp-grid,.sp-stats{grid-template-columns:1fr}.hb80-add{grid-template-columns:repeat(2,1fr)}}

/* V81 2026 Magic Design System */
.hb80-magic{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hb80-magic button{border:1px solid #d7dee7;background:linear-gradient(180deg,#fff,#f5f7fa);border-radius:9px;padding:9px 6px;font-size:10px;font-weight:900;color:#263246;cursor:pointer}.hb80-magic button:hover{border-color:#d7a42a;transform:translateY(-1px)}
.hb80-design-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.hb80-design-grid label{margin:0!important;font-size:9px!important}.hb80-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:7px!important}.hb80-check input{width:auto!important}
.hb80-live,.hb80-public{position:relative;isolation:isolate}.hb80-live:before,.hb80-public:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.9}.hb80-live:after,.hb80-public:after{content:"";position:absolute;width:420px;height:420px;right:-150px;top:-130px;border-radius:50%;z-index:-1;pointer-events:none;filter:blur(5px);opacity:0;transition:.3s;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent),transparent 30%),transparent 68%)}
.decor-aurora:before{background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--accent),transparent 70%),transparent 32%),radial-gradient(circle at 90% 25%,rgba(99,102,241,.22),transparent 30%),radial-gradient(circle at 50% 90%,rgba(14,165,233,.15),transparent 35%)}
.decor-mesh:before{background:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--accent),transparent 58%),transparent 28%),radial-gradient(circle at 85% 20%,rgba(168,85,247,.22),transparent 30%),radial-gradient(circle at 50% 100%,rgba(20,184,166,.18),transparent 35%)}
.decor-stars:before{background-image:radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.25) 1px,transparent 1.5px);background-size:34px 34px,71px 71px;background-position:0 0,17px 21px}.decor-dots:before{background-image:radial-gradient(color-mix(in srgb,var(--accent),transparent 55%) 1px,transparent 1.5px);background-size:24px 24px;opacity:.25}.decor-none:before{background:none}.hero-fx:after{opacity:.55}
.shape-rounded .hb80-section,.shape-rounded .sp-offer,.shape-rounded .sp-proof,.shape-rounded .sp-final,.shape-rounded .sp-grid article,.shape-rounded .sp-stats div{border-radius:16px}.shape-soft .hb80-section,.shape-soft .sp-offer,.shape-soft .sp-proof,.shape-soft .sp-final,.shape-soft .sp-grid article,.shape-soft .sp-stats div{border-radius:26px}.shape-sharp .hb80-section,.shape-sharp .sp-offer,.shape-sharp .sp-proof,.shape-sharp .sp-final,.shape-sharp .sp-grid article,.shape-sharp .sp-stats div{border-radius:4px}.shape-pill .pcta,.shape-pill .sp-cta{border-radius:999px}.shape-pill .pgrid article,.shape-pill .sp-grid article{border-radius:20px}
.shadow-soft .pgrid article,.shadow-soft .p-offer,.shadow-soft .p-proof,.shadow-soft .p-cta,.shadow-soft .pstats div,.shadow-soft .sp-grid article,.shadow-soft .sp-offer,.shadow-soft .sp-proof,.shadow-soft .sp-final,.shadow-soft .sp-stats div{box-shadow:0 16px 40px rgba(0,0,0,.12)}.shadow-deep .pgrid article,.shadow-deep .p-offer,.shadow-deep .p-proof,.shadow-deep .p-cta,.shadow-deep .pstats div,.shadow-deep .sp-grid article,.shadow-deep .sp-offer,.shadow-deep .sp-proof,.shadow-deep .sp-final,.shadow-deep .sp-stats div{box-shadow:0 24px 60px rgba(0,0,0,.25)}.shadow-glow .pcta,.shadow-glow .sp-cta{box-shadow:0 0 28px color-mix(in srgb,var(--accent),transparent 45%)}.shadow-none *{box-shadow:none!important}
.spacing-compact .hb80-section{padding-top:12px;padding-bottom:12px}.spacing-airy .hb80-section{padding-top:38px;padding-bottom:38px}.spacing-compact .sp-offer,.spacing-compact .sp-section,.spacing-compact .sp-proof,.spacing-compact .sp-countdown,.spacing-compact .sp-final{margin-bottom:8px}.spacing-airy .sp-offer,.spacing-airy .sp-section,.spacing-airy .sp-proof,.spacing-airy .sp-countdown,.spacing-airy .sp-final{margin-bottom:32px}
.font-editorial{font-family:Georgia,'Times New Roman',serif!important}.font-editorial h1,.font-editorial h2{letter-spacing:-.035em}.font-tech{font-family:'Trebuchet MS',ui-sans-serif,sans-serif!important}.font-tech h1{letter-spacing:-.045em;text-transform:uppercase}.font-friendly{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif!important}.font-friendly h1{letter-spacing:-.03em}
.divider-glow .hb80-section:not(.p-hero):not(.p-footer):before,.divider-glow .sp-section:before,.divider-glow .sp-offer:before,.divider-glow .sp-proof:before{content:"";display:block;width:70px;height:2px;margin:0 auto 16px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.75}.divider-fade .hb80-section:not(.p-hero):not(.p-footer):before,.divider-fade .sp-section:before{content:"";display:block;height:1px;margin:0 0 18px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.45}.divider-dots .hb80-section:not(.p-hero):not(.p-footer):before,.divider-dots .sp-section:before{content:"✦  ·  ✦";display:block;text-align:center;color:var(--accent);font-size:11px;letter-spacing:7px;margin-bottom:12px}.divider-none .hb80-section:before,.divider-none .sp-section:before,.divider-none .sp-offer:before,.divider-none .sp-proof:before{display:none!important}
.p-hero{overflow:hidden}.p-hero:after,.sp-hero:after{content:"";display:block;width:180px;height:180px;border-radius:50%;margin:-40px auto 0;background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.09;filter:blur(12px);pointer-events:none}.pcta,.sp-cta{transition:transform .18s,box-shadow .18s}.pcta:hover,.sp-cta:hover{transform:translateY(-2px)}
@media(max-width:750px){.hb80-design-grid{grid-template-columns:1fr}.hb80-magic{grid-template-columns:1fr 1fr}.spacing-airy .hb80-section{padding-top:26px;padding-bottom:26px}}

/* V90 — Splash Studio is a dedicated full-width app workspace.
   Never render the normal HitsBay site sidebar beside the editor. */
.hb-studio-page > .sidebar-panel,
.hb-studio-page + .sidebar-panel,
body:has(.hb-studio-page) .sidebar-panel{display:none!important}
.hb-studio-page{width:100%!important;max-width:none!important;grid-template-columns:minmax(0,1fr)!important}
.hb-studio-page > .main-content{width:100%!important;max-width:none!important;grid-column:1/-1!important}
body:has(.hb-studio-page) .page-wrap{padding-left:0!important;padding-right:0!important}
body:has(.hb-studio-page) .hb80-studio{width:100%!important;max-width:none!important;margin:0!important}

/* V82 — Splash Studio full-width workspace + advanced visual controls */
.hb-studio-page{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.hb-studio-page>.main-content{grid-column:1/-1!important;min-width:0}
.hb-studio-page .hb80-studio{width:100%;max-width:none}
.hb-studio-page .site-shell .page-wrap{max-width:none}
.hb80-layer-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:8px 0 2px}
.hb80-layer-tools button{border:1px solid #d7dee7;background:#fff;color:#344054;border-radius:7px;padding:7px 4px;font-size:10px;font-weight:800;cursor:pointer}
.hb80-layer-tools button:hover{border-color:#d7a42a;background:#fffaf0}
.hb80-layer-tools #hb80Delete{color:#a33b3b}
.hb80-design-grid label{min-width:0}
.hb80-live{--content-width:980px}
.hb80-live.width-narrow{--content-width:820px}
.hb80-live.width-wide{--content-width:1080px}
.hb80-live.width-full{--content-width:1280px}
.hb80-live{max-width:var(--content-width)!important}
.hb80-live.bg-solid{background:var(--bg)}
.hb80-live.bg-gradient{background:linear-gradient(135deg,var(--bg),color-mix(in srgb,var(--bg) 72%,var(--accent) 28%))}
.hb80-live.bg-radial{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 42%),var(--bg)}
.hb80-live.btn-gradient .pcta{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 58%,white 42%));box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 28%,transparent)}
.hb80-live.btn-outline .pcta{background:transparent;color:var(--txt);border:2px solid var(--accent);box-shadow:none}
.hb80-live.btn-ghost .pcta{background:rgba(255,255,255,.08);color:var(--txt);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.hb80-live.btnsize-small .pcta{padding:9px 15px;font-size:12px}
.hb80-live.btnsize-medium .pcta{padding:12px 19px;font-size:14px}
.hb80-live.btnsize-large .pcta{padding:15px 25px;font-size:15px}
.hb80-live.surface-flat .p-offer,.hb80-live.surface-flat .pgrid article,.hb80-live.surface-flat .pstats div,.hb80-live.surface-flat .p-proof,.hb80-live.surface-flat .p-cta,.hb80-live.surface-flat .p-countdown{background:transparent}
.hb80-live.surface-cards .p-offer,.hb80-live.surface-cards .pgrid article,.hb80-live.surface-cards .pstats div,.hb80-live.surface-cards .p-proof,.hb80-live.surface-cards .p-cta,.hb80-live.surface-cards .p-countdown{box-shadow:0 16px 40px rgba(0,0,0,.16);background:rgba(255,255,255,.09)}
.hb80-live.surface-glass .p-offer,.hb80-live.surface-glass .pgrid article,.hb80-live.surface-glass .pstats div,.hb80-live.surface-glass .p-proof,.hb80-live.surface-glass .p-cta,.hb80-live.surface-glass .p-countdown{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hb80-live.motion-subtle .hb80-section{animation:hb82-rise .55s ease both}
.hb80-live.motion-float .pcta{animation:hb82-float 3s ease-in-out infinite}
@keyframes hb82-rise{from{opacity:.82;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes hb82-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.hb80-live.motion-subtle .hb80-section,.hb80-live.motion-float .pcta{animation:none!important}}
.hb80-public.width-narrow .sp-card{max-width:820px}
.hb80-public.width-wide .sp-card{max-width:1080px}
.hb80-public.width-full .sp-card{max-width:1280px}
.hb80-public.bg-solid{background:var(--bg)}
.hb80-public.bg-gradient{background:linear-gradient(135deg,var(--bg),color-mix(in srgb,var(--bg) 72%,var(--accent) 28%))}
.hb80-public.bg-radial{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 42%),var(--bg)}
.hb80-public.btn-gradient .sp-cta{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 58%,white 42%));box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 28%,transparent)}
.hb80-public.btn-outline .sp-cta{background:transparent;color:var(--txt);border:2px solid var(--accent)}
.hb80-public.btn-ghost .sp-cta{background:rgba(255,255,255,.08);color:var(--txt);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.hb80-public.btnsize-small .sp-cta{padding:10px 16px;font-size:13px}
.hb80-public.btnsize-medium .sp-cta{padding:13px 21px;font-size:15px}
.hb80-public.btnsize-large .sp-cta{padding:15px 25px;font-size:16px}
.hb80-public.surface-flat .sp-offer,.hb80-public.surface-flat .sp-grid article,.hb80-public.surface-flat .sp-stats div,.hb80-public.surface-flat .sp-proof,.hb80-public.surface-flat .sp-final,.hb80-public.surface-flat .sp-countdown{background:transparent}
.hb80-public.surface-cards .sp-offer,.hb80-public.surface-cards .sp-grid article,.hb80-public.surface-cards .sp-stats div,.hb80-public.surface-cards .sp-proof,.hb80-public.surface-cards .sp-final,.hb80-public.surface-cards .sp-countdown{box-shadow:0 18px 45px rgba(0,0,0,.18);background:rgba(255,255,255,.09)}
.hb80-public.surface-glass .sp-offer,.hb80-public.surface-glass .sp-grid article,.hb80-public.surface-glass .sp-stats div,.hb80-public.surface-glass .sp-proof,.hb80-public.surface-glass .sp-final,.hb80-public.surface-glass .sp-countdown{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.hb80-public.motion-subtle .sp-hero,.hb80-public.motion-subtle .sp-offer,.hb80-public.motion-subtle .sp-section,.hb80-public.motion-subtle .sp-proof,.hb80-public.motion-subtle .sp-countdown,.hb80-public.motion-subtle .sp-image,.hb80-public.motion-subtle .sp-final{animation:hb82-rise .55s ease both}
.hb80-public.motion-float .sp-cta{animation:hb82-float 3s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.hb80-public.motion-subtle .sp-hero,.hb80-public.motion-subtle .sp-offer,.hb80-public.motion-subtle .sp-section,.hb80-public.motion-subtle .sp-proof,.hb80-public.motion-subtle .sp-countdown,.hb80-public.motion-subtle .sp-image,.hb80-public.motion-subtle .sp-final,.hb80-public.motion-float .sp-cta{animation:none!important}}
@media(max-width:750px){.hb80-layer-tools{grid-template-columns:repeat(2,1fr)}.hb80-design-grid{grid-template-columns:1fr 1fr}}

/* V83 — Direct canvas editing + section visual controls */
.hb82-edit{outline:1px solid transparent;border-radius:5px;transition:outline-color .15s,background .15s;cursor:text}
.hb82-edit:hover{outline:1px dashed color-mix(in srgb,var(--accent),transparent 45%);background:color-mix(in srgb,var(--accent),transparent 92%)}
.hb82-edit:focus{outline:2px solid color-mix(in srgb,var(--accent),transparent 20%);background:color-mix(in srgb,var(--accent),transparent 90%)}
.hb80-section{background:var(--sec-bg,transparent);color:var(--sec-txt,inherit);font-size:var(--sec-size,inherit);line-height:var(--sec-line,inherit);padding:var(--sec-pad,inherit);border-radius:var(--sec-radius,inherit);border:var(--sec-border,0) solid var(--sec-border-color,transparent);text-align:var(--sec-align,inherit)}
.hb80-section .hb82-edit{max-width:100%}
.hb80-section .pcta{font-size:inherit}
.hb82-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hb82-style-grid label{min-width:0}
.hb82-style-grid input[type=color]{height:38px;padding:2px;width:100%;display:block}
.hb80-panel .hb80-segment{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
.hb80-panel .hb80-segment button{border:1px solid #d8dee8;background:#fff;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer}
.hb80-panel .hb80-segment button:hover{border-color:#d7a42a;background:#fffaf0}
.hb80-live .hb80-section{background:var(--sec-bg,transparent);color:var(--sec-txt,var(--txt,#fff)) !important;font-size:var(--sec-size,inherit);line-height:var(--sec-line,inherit);padding:var(--sec-pad,inherit);border-radius:var(--sec-radius,inherit);border:var(--sec-border,0) solid var(--sec-border-color,transparent);text-align:var(--sec-align,inherit)}
.hb80-live .hb82-edit{color:var(--txt,#fff);}
.hb80-live .hb82-edit[style*="!important"]{color:inherit;}
.hb80-live{color:var(--txt,#fff) !important;}
.hb80-live .pcta{color:#111 !important;}
.hb80-live .btn-outline .pcta,.hb80-live .btn-ghost .pcta{color:var(--txt,#fff) !important;}
.hb80-public .sp-hero,.hb80-public .sp-offer,.hb80-public .sp-section,.hb80-public .sp-proof,.hb80-public .sp-countdown,.hb80-public .sp-image,.hb80-public .sp-final{background:var(--sec-bg,transparent);color:var(--sec-txt,inherit);font-size:var(--sec-size,inherit);line-height:var(--sec-line,inherit);padding:var(--sec-pad,inherit);border-radius:var(--sec-radius,inherit);border:var(--sec-border,0) solid var(--sec-border-color,transparent);text-align:var(--sec-align,inherit)}
@media(max-width:750px){.hb82-style-grid{grid-template-columns:1fr}.hb80-section{--sec-pad:min(var(--sec-pad,inherit),24px)}}

.hb80-section,.hb80-live .hb80-section,.hb80-public .sp-hero,.hb80-public .sp-offer,.hb80-public .sp-section,.hb80-public .sp-proof,.hb80-public .sp-countdown,.hb80-public .sp-image,.hb80-public .sp-final{font-weight:var(--sec-weight,inherit);letter-spacing:var(--sec-tracking,inherit);font-family:var(--sec-font,inherit);background-image:var(--sec-image,none);background-size:cover;background-position:center}

/* V84 — visual element toolbar */
.hb84-hint{font-size:10px;color:#98a2b3;margin-left:7px;font-weight:600}
.hb84-element-toolbar{position:sticky;top:12px;z-index:50;display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px auto -54px;max-width:min(980px,calc(100% - 24px));padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(15,23,42,.94);box-shadow:0 14px 35px rgba(0,0,0,.28);backdrop-filter:blur(14px);color:#fff;font-size:11px}
.hb84-element-toolbar[hidden]{display:none!important}.hb84-element-toolbar button{height:30px;min-width:30px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(255,255,255,.07);color:#fff;font-weight:800;cursor:pointer}.hb84-element-toolbar button:hover{background:rgba(255,255,255,.15)}.hb84-element-toolbar .hb84-close{margin-left:auto;font-size:18px;line-height:1}.hb84-element-toolbar .hb84-label{padding:0 6px;text-transform:capitalize;font-weight:800;color:#d7a42a}.hb84-element-toolbar label{display:flex;align-items:center;gap:4px;white-space:nowrap}.hb84-element-toolbar input[type=number]{width:54px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:#111827;color:#fff;padding:3px 5px}.hb84-element-toolbar input[type=color]{width:30px;height:28px;border:0;background:none;padding:0}.hb84-element-toolbar input[type=range]{width:85px}.hb84-selected-element{outline:2px solid color-mix(in srgb,var(--accent),transparent 15%)!important;outline-offset:4px!important;border-radius:5px!important}.hb82-edit{position:relative}.hb82-edit:focus{outline:2px solid color-mix(in srgb,var(--accent),transparent 15%);outline-offset:2px}@media(max-width:700px){.hb84-element-toolbar{margin-left:8px;margin-right:8px}.hb84-element-toolbar .hb84-label{display:none}.hb84-element-toolbar input[type=range]{width:65px}}
.hb84-resize-handle{position:fixed;z-index:100;width:14px;height:14px;border-radius:4px;background:var(--accent,#d7a42a);border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.35);cursor:nwse-resize;touch-action:none}
.hb84-image-edit{cursor:pointer}

/* V85 — Mini design-tool controls */
.hb85-element-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hb85-element-grid label{min-width:0}
.hb85-element-grid input{width:100%;box-sizing:border-box}
.hb85-empty{padding:12px;border:1px dashed #cbd5e1;border-radius:9px;color:#7a8595;font-size:11px;line-height:1.5;background:#f8fafc}
.hb85-mini-actions,.hb85-asset-actions,.hb85-shape-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.hb85-mini-actions button,.hb85-asset-actions button,.hb85-shape-row button{border:1px solid #d8dee8;background:#fff;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer;color:#263246}
.hb85-mini-actions button:hover,.hb85-asset-actions button:hover,.hb85-shape-row button:hover{border-color:#d7a42a;background:#fffaf0}
.hb85-asset-actions button:first-child{flex:1}
.hb85-asset-actions button:last-child{flex:1}
.hb84-selected-element{position:relative;z-index:5}
.hb84-resize-handle:hover{transform:scale(1.15)}
.hb80-live .hb82-edit{transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,border-radius .15s ease}
@media(max-width:750px){.hb85-element-grid{grid-template-columns:1fr 1fr}}

/* V86 — Elements panel and draggable freeform object stage */
.hb86-element-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.hb86-element-add button{border:1px solid #d6dde6;background:#fff;border-radius:8px;padding:9px 7px;color:#273449;font-size:11px;font-weight:850;cursor:pointer}
.hb86-element-add button:hover{border-color:#d7a42a;background:#fffaf0}
.hb86-note{display:block;color:#7c8797;font-size:10px;line-height:1.5;margin-top:9px}
.hb86-objects-list{display:grid;gap:5px;margin-top:10px}
.hb86-object-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:5px}
.hb86-object-row button{border:1px solid #dce2e9;background:#fafbfd;border-radius:7px;padding:7px;font-size:10px;cursor:pointer;color:#263246}
.hb86-object-select{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb86-object-stage{position:relative;min-height:430px;width:100%;max-width:100%;overflow:hidden;border:1px dashed rgba(215,164,42,.35);border-radius:12px;background-image:linear-gradient(rgba(150,160,175,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(150,160,175,.07) 1px,transparent 1px);background-size:20px 20px}
.hb86-stage-empty{min-height:160px;display:grid;place-items:center;text-align:center;padding:25px;border:1px dashed rgba(215,164,42,.35);border-radius:10px;color:#98a2b3;font-size:12px}
.hb86-object{position:absolute;box-sizing:border-box;min-height:1px;max-width:calc(100% - 8px);padding:8px 10px;overflow-wrap:anywhere;line-height:1.25;z-index:2;cursor:move;user-select:none;touch-action:none;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.hb86-object [contenteditable=true]{outline:none;cursor:text;user-select:text}
.hb86-object:focus-within{outline:2px solid #d7a42a;outline-offset:2px}
.hb86-object.hb86-button,.hb86-object.hb86-badge{display:flex;align-items:center;justify-content:center;text-align:center}
.hb86-object.hb86-button a{display:block;width:100%;color:inherit;text-decoration:none;font-weight:900;text-align:center}
.hb86-object.hb86-image{padding:0;overflow:hidden}
.hb86-object.hb86-image img{display:block;width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:inherit;pointer-events:none}
.hb86-object.hb86-divider{height:3px;min-height:3px;padding:0;border-radius:99px}
.hb86-object.hb86-shape{min-height:70px}
.hb86-object-stage .hb86-object{cursor:move}
.sp-custom-stage{max-width:100%!important;margin:0 auto 18px!important;padding:0!important}
.hb80-public .hb86-object-stage{min-height:430px;border:0;background-image:none}
.hb80-public .hb86-object{cursor:default;user-select:auto}
.hb80-public .hb86-object.hb86-image img{width:100%;height:auto}
@media(max-width:750px){.hb86-object-stage{min-height:360px}.hb86-element-add{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* V87 media, gradient and reusable block controls */
.hb87-upload{display:flex;gap:8px;margin-bottom:10px}.hb87-upload-btn,.hb87-upload button,.hb87-wide,.hb87-gradient-row button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.05);color:inherit;cursor:pointer}.hb87-upload-btn{flex:1}.hb87-wide{width:100%;margin:8px 0}.hb87-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.hb87-media-item{border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.035);padding:5px;color:inherit;cursor:pointer;text-align:left}.hb87-media-item img{display:block;width:100%;height:58px;object-fit:cover;border-radius:7px}.hb87-media-item span{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.hb87-empty{font-size:11px;opacity:.55;padding:10px 2px}.hb87-color-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.hb87-color-row label{font-size:11px}.hb87-color-row input{display:block;width:100%;height:34px;margin-top:4px}.hb87-gradient-row{display:flex;gap:6px;flex-wrap:wrap}.hb87-gradient-row button{font-size:11px;min-height:32px}.hb87-block-row{display:grid;grid-template-columns:1fr auto;gap:6px}.hb87-block-row input{min-width:0}.hb87-block{display:grid;grid-template-columns:1fr auto auto;gap:5px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:11px}.hb87-block button{border:0;background:rgba(255,255,255,.06);color:inherit;border-radius:7px;padding:5px 7px;cursor:pointer}.hb86-object img{display:block;width:100%;height:auto;border-radius:inherit}.hb86-shape-circle{border-radius:999px!important}.hb86-shape-pill{border-radius:999px!important}.hb86-shape-rounded{border-radius:24px!important}

/* V88 true layer system */
.hb86-object-row{grid-template-columns:24px minmax(0,1fr) 28px 28px;align-items:center;border:1px solid transparent;border-radius:9px;padding:2px;background:rgba(255,255,255,.02);transition:.15s ease}
.hb86-object-row:hover{border-color:rgba(215,164,42,.28);background:rgba(255,255,255,.045)}
.hb86-object-row.selected{border-color:rgba(215,164,42,.55);background:rgba(215,164,42,.08)}
.hb86-object-row.dragover{border-color:#d7a42a;background:rgba(215,164,42,.12);transform:translateY(-1px)}
.hb86-object-row.dragging{opacity:.45}
.hb86-object-grip{border:0!important;background:transparent!important;color:#8d98a8!important;font-size:17px!important;padding:3px!important;cursor:grab!important}
.hb86-object-select{display:flex;align-items:center;gap:8px!important;text-align:left;min-width:0;background:transparent!important;border:0!important;padding:6px 4px!important}
.hb86-object-select>span:last-child{min-width:0;display:flex;flex-direction:column;gap:1px}
.hb86-object-select b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8edf5}
.hb86-object-select small{font-size:8px;opacity:.48;text-transform:uppercase;letter-spacing:.08em}
.hb86-layer-icon{width:20px;flex:0 0 20px;text-align:center;color:#d7a42a;font-weight:900}
.hb86-layer-iconbtn{border:0!important;background:transparent!important;color:#aab4c2!important;padding:5px 2px!important;font-size:12px!important}
.hb86-object-row.is-hidden .hb86-object-select{opacity:.42}
.hb86-object-row.is-locked .hb86-object-select b:after{content:'  🔒';font-size:8px}
.hb88-layer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:9px}
.hb88-layer-actions button{border:1px solid #dce2e9;background:#fafbfd;border-radius:7px;padding:7px 5px;font-size:9px;font-weight:800;color:#263246;cursor:pointer}
.hb88-layer-actions button:hover{border-color:#d7a42a;background:#fffaf0}
.hb88-locked{cursor:not-allowed!important}
.hb88-locked:after{content:'🔒';position:absolute;right:4px;top:3px;font-size:9px;opacity:.65}
.hb86-object-stage .hb86-object{isolation:isolate}

/* V89 Ultimate Design Studio */
.hb89-ultimate-panel{position:relative}
.hb89-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:8px}
.hb89-tool-grid button{border:1px solid #dce2e9;background:#fafbfd;color:#263246;border-radius:7px;padding:7px 5px;font-size:9px;font-weight:800;cursor:pointer;transition:.15s ease}
.hb89-tool-grid button:hover{border-color:#d7a42a;background:#fffaf0;transform:translateY(-1px)}
.hb89-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(120,130,145,.14);font-size:9px;color:#667085}
.hb89-options label{display:flex;align-items:center;gap:5px}
.hb89-options label:last-child{grid-column:1/-1}
.hb89-options input[type=number]{width:54px;border:1px solid #dce2e9;border-radius:6px;padding:4px 5px;font-size:9px}
.hb89-shortcuts{display:grid;gap:3px;margin-top:9px;font-size:8px;color:#8791a0;line-height:1.45}
.hb89-shortcuts b{color:#465164;font-size:9px}
.hb89-guides{position:absolute;inset:0;z-index:99998;pointer-events:none;overflow:hidden}
.hb89-guide-v,.hb89-guide-h{position:absolute;display:block;pointer-events:none;background:rgba(215,164,42,.85);box-shadow:0 0 8px rgba(215,164,42,.25)}
.hb89-guide-v{top:0;bottom:0;width:1px}
.hb89-guide-h{left:0;right:0;height:1px}
.hb86-object-stage .hb86-object.hb89-selected{outline:2px solid rgba(215,164,42,.95);outline-offset:3px}
.hb86-object-stage .hb86-object[data-group-id]:after{content:'';position:absolute;inset:-5px;border:1px dashed rgba(215,164,42,.18);border-radius:inherit;pointer-events:none}
.hb86-object-row.selected{box-shadow:inset 3px 0 0 #d7a42a}
.hb86-object-row.selected .hb86-object-select{background:rgba(215,164,42,.08)!important}
.hb86-object-row .hb86-object-grip{cursor:grab}
.hb86-object-row .hb86-object-grip:active{cursor:grabbing}
@media(max-width:750px){.hb89-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hb89-options{grid-template-columns:1fr}.hb89-options label:last-child{grid-column:auto}}


/* V91: Studio owns the entire workspace. Do not render the normal HitsBay sidebar column or reserve grid space for it. */
body:has(.hb-studio-page) .page-wrap > .dashboard-grid.hb-studio-page{
  grid-template-columns:minmax(0,1fr)!important;
  display:block!important;
}
body:has(.hb-studio-page) .hb-studio-page > .main-content{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  grid-column:1!important;
}
body:has(.hb-studio-page) .hb-studio-page > .sidebar-panel,
body:has(.hb-studio-page) .sidebar-panel{
  display:none!important;
}
body:has(.hb-studio-page) .hb80-studio{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
/* V92 Member moderation admin */
.hb-admin-members{max-width:1180px;margin:0 auto;padding:10px 0 40px}.hb-am-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:10px 0 24px}.hb-am-head h1{margin:5px 0 7px;font-size:34px}.hb-am-head p{margin:0;color:#64748b}.hb-am-back,.hb-am-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:1px solid #d7dee8;border-radius:10px;background:#fff;color:#334155;text-decoration:none;font-size:13px;font-weight:700;cursor:pointer}.hb-am-btn.primary{background:#0f172a;color:#fff;border-color:#0f172a}.hb-am-btn.good{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.hb-am-btn.danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}.hb-am-btn.danger-outline{background:#fff;color:#be123c;border-color:#fecdd3}.hb-am-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 28px rgba(15,23,42,.06);padding:20px;margin:0 0 18px}.hb-am-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px}.hb-am-card-head h2{margin:3px 0 4px;font-size:22px}.hb-am-card-head p{margin:0;color:#64748b}.hb-am-label{font-size:11px;letter-spacing:.12em;font-weight:800;color:#64748b}.hb-am-meta{display:flex;gap:20px;flex-wrap:wrap;color:#64748b;font-size:13px;border-top:1px solid #edf2f7;padding-top:14px}.hb-am-inline-form{margin-top:15px}.hb-am-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#f1f5f9;color:#475569}.hb-am-status.active,.hb-am-status.published{background:#ecfdf5;color:#047857}.hb-am-status.suspended{background:#fff1f2;color:#be123c}.hb-am-status.draft{background:#fff7ed;color:#c2410c}.hb-am-status.blocked{background:#f1f5f9;color:#475569}.hb-am-notice{padding:12px 15px;border-radius:12px;margin:0 0 16px;font-weight:700}.hb-am-notice.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.hb-am-notice.error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.hb-am-tabs{display:flex;gap:8px;margin-bottom:14px}.hb-am-tabs a{padding:8px 13px;border-radius:10px;color:#475569;text-decoration:none;font-weight:700}.hb-am-tabs a.active{background:#0f172a;color:#fff}.hb-am-table-wrap{overflow:auto}.hb-am-table{width:100%;border-collapse:collapse}.hb-am-table th,.hb-am-table td{padding:13px 10px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:middle}.hb-am-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.hb-am-table td strong{display:block;color:#0f172a}.hb-am-table td small{display:block;color:#94a3b8;margin-top:3px}.hb-am-submeta{font-size:11px;color:#94a3b8;margin-top:5px}.hb-am-actions{display:flex;gap:6px;flex-wrap:wrap}.hb-am-actions form{display:inline}.hb-am-muted{color:#64748b;line-height:1.7}.hb-am-empty{padding:28px;text-align:center;color:#64748b;background:#f8fafc;border-radius:12px}.hb-am-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px}.hb-am-log>div{display:grid;grid-template-columns:160px 1fr auto;gap:12px;padding:11px 0;border-bottom:1px solid #edf2f7;font-size:13px}.hb-am-log span{color:#475569}.hb-am-log small{color:#94a3b8}@media(max-width:850px){.hb-am-head,.hb-am-detail-grid{display:block}.hb-am-back{margin-top:15px}.hb-am-log>div{grid-template-columns:1fr}.hb-am-table th:nth-child(2),.hb-am-table td:nth-child(2){display:none}}

/* V93: member moderation center */
.hb-am-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 16px}.hb-am-stats>div{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:13px 14px;box-shadow:0 6px 18px rgba(15,23,42,.04)}.hb-am-stats b{display:block;font-size:22px;color:#0f172a}.hb-am-stats span{display:block;margin-top:3px;font-size:11px;color:#64748b;font-weight:700}.hb-am-stats .warn{background:#fffaf0;border-color:#fde68a}.hb-am-stats .danger{background:#fff7f7;border-color:#fecaca}.hb-am-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;padding:12px;margin-bottom:14px}.hb-am-toolbar form{display:flex;gap:8px;flex-wrap:wrap}.hb-am-toolbar input,.hb-am-toolbar select,.hb-am-note{border:1px solid #d7dee8;border-radius:9px;background:#fff;padding:9px 10px;color:#263246}.hb-am-toolbar input{min-width:260px;flex:1}.hb-am-toolbar select{min-width:150px}.hb-am-note{display:block;width:100%;min-height:95px;resize:vertical;margin-bottom:9px;font:inherit}.hb-am-notes{display:grid;gap:8px;margin-top:12px}.hb-am-notes>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px}.hb-am-notes p{margin:0 0 5px;color:#334155;white-space:pre-wrap}.hb-am-notes small{color:#94a3b8}.hb-am-status.clear{background:#ecfdf5;color:#047857}.hb-am-status.needs_review,.hb-am-status.reported{background:#fff7ed;color:#c2410c}.hb-am-status.reported{background:#fff1f2;color:#be123c}.sp-report{max-width:860px;margin:18px auto 0;text-align:center;font:12px/1.5 Arial,sans-serif;color:rgba(255,255,255,.65)}.sp-report>button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}.sp-report form{max-width:460px;margin:10px auto;padding:12px;display:grid;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;text-align:left}.sp-report select,.sp-report input,.sp-report textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);color:#fff;border-radius:8px;padding:8px;font:12px Arial}.sp-report textarea{min-height:80px;resize:vertical}.sp-report form button{border:0;border-radius:8px;padding:9px;background:#d7a42a;color:#111827;font-weight:800;cursor:pointer}.sp-report span{display:inline-block;margin-left:8px;color:#d7a42a}
@media(max-width:1050px){.hb-am-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.hb-am-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-am-toolbar input{min-width:100%}}


/* V95 — Distraction-free, browser-width Splash Studio */
body.hb-studio-mode{margin:0!important;background:#f5f7fa!important;overflow-x:hidden}
body.hb-studio-mode .site-header,
body.hb-studio-mode .topnav,
body.hb-studio-mode .site-footer{display:none!important}
body.hb-studio-mode .site-shell{width:100%!important;max-width:none!important;margin:0!important;min-height:100vh!important;background:#f5f7fa!important}
body.hb-studio-mode .page-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.hb-studio-mode .dashboard-grid.hb-studio-page{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.hb-studio-mode .dashboard-grid.hb-studio-page>.main-content{width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;margin:0!important}
body.hb-studio-mode .hb80-studio{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;min-height:100vh!important;padding:14px 18px 28px!important}
body.hb-studio-mode .hb80-header{max-width:none!important}
body.hb-studio-mode .hb80-workspace{grid-template-columns:minmax(250px,290px) minmax(0,1fr) minmax(300px,360px)!important;gap:12px!important}
body.hb-studio-mode .hb80-canvas-wrap{min-width:0!important}
body.hb-studio-mode .hb80-frame{min-height:calc(100vh - 190px)!important;max-height:none!important}
body.hb-studio-mode .hb80-live{min-height:calc(100vh - 240px)!important}
body.hb-studio-mode .hb80-left,.hb-studio-mode .hb80-right{min-width:0!important}
.hb95-hide-left{grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important}
.hb95-hide-left>.hb80-left{display:none!important}
.hb95-hide-right{grid-template-columns:minmax(250px,290px) minmax(0,1fr)!important}
.hb95-hide-right>.hb80-right{display:none!important}
.hb95-hide-left.hb95-hide-right{grid-template-columns:minmax(0,1fr)!important}
.hb95-hide-left.hb95-hide-right>.hb80-left,.hb95-hide-left.hb95-hide-right>.hb80-right{display:none!important}
#hb95LeftToggle.active,#hb95RightToggle.active{background:#f8fafc}
#hb95LeftToggle,#hb95RightToggle{white-space:nowrap}
.hb95-focus .site-header,.hb95-focus .topnav,.hb95-focus .site-footer{display:none!important}
@media(max-width:1150px){body.hb-studio-mode .hb80-workspace{grid-template-columns:250px minmax(0,1fr) 310px!important}.hb95-hide-left{grid-template-columns:minmax(0,1fr) 310px!important}.hb95-hide-right{grid-template-columns:250px minmax(0,1fr)!important}}
@media(max-width:850px){body.hb-studio-mode .hb80-studio{padding:10px!important}.hb80-workspace,.hb95-hide-left,.hb95-hide-right,.hb95-hide-left.hb95-hide-right{grid-template-columns:1fr!important}.hb80-left,.hb80-right{display:block!important}.hb95-hide-left>.hb80-left,.hb95-hide-right>.hb80-right{display:none!important}.hb80-frame{min-height:600px!important}.hb80-live{min-height:600px!important}}

/* V96 — Fixed design-app shell: the page never scrolls, only Studio panels/canvas do. */
html:has(body.hb-studio-mode),
body.hb-studio-mode{height:100%!important;min-height:100%!important;overflow:hidden!important}
body.hb-studio-mode .site-shell,
body.hb-studio-mode .page-wrap,
body.hb-studio-mode .dashboard-grid.hb-studio-page,
body.hb-studio-mode .dashboard-grid.hb-studio-page>.main-content{height:100vh!important;min-height:0!important;overflow:hidden!important}
body.hb-studio-mode .hb80-studio{
  height:100vh!important;
  min-height:0!important;
  max-height:100vh!important;
  padding:10px 14px 12px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  overflow:hidden!important;
}
body.hb-studio-mode .hb80-header{
  flex:0 0 auto!important;
  margin:0!important;
  min-height:52px!important;
}
body.hb-studio-mode .hb80-toolbar{
  flex:0 0 auto!important;
  margin:0!important;
  min-height:46px!important;
  box-sizing:border-box!important;
}
body.hb-studio-mode #hb80Form{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.hb-studio-mode .hb80-workspace{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
body.hb-studio-mode .hb80-left,
body.hb-studio-mode .hb80-right{
  min-height:0!important;
  height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
  overscroll-behavior:contain!important;
  padding-right:3px!important;
}
body.hb-studio-mode .hb80-left::-webkit-scrollbar,
body.hb-studio-mode .hb80-right::-webkit-scrollbar,
body.hb-studio-mode .hb80-frame::-webkit-scrollbar{width:9px;height:9px}
body.hb-studio-mode .hb80-left::-webkit-scrollbar-thumb,
body.hb-studio-mode .hb80-right::-webkit-scrollbar-thumb,
body.hb-studio-mode .hb80-frame::-webkit-scrollbar-thumb{background:#c8d0da;border-radius:999px}
body.hb-studio-mode .hb80-canvas-wrap{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
body.hb-studio-mode .hb80-canvas-head{flex:0 0 38px!important}
body.hb-studio-mode .hb80-frame{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
  overflow:auto!important;
  align-items:flex-start!important;
  overscroll-behavior:contain!important;
}
body.hb-studio-mode #hb80Canvas{flex:0 0 auto!important;margin:auto!important}
body.hb-studio-mode .hb80-panel{margin-bottom:9px!important}
body.hb-studio-mode .hb80-left .hb80-panel:last-child,
body.hb-studio-mode .hb80-right .hb80-panel:last-child{margin-bottom:0!important}
/* Keep the compact editor controls visible while their own panel scrolls. */
body.hb-studio-mode .hb80-panel-title{position:sticky;top:-1px;z-index:4;background:inherit}
/* When panels are hidden, the canvas receives every available pixel. */
body.hb-studio-mode.hb95-hide-left.hb95-hide-right .hb80-canvas-wrap{grid-column:1!important}
@media(max-width:850px){
  body.hb-studio-mode .hb80-studio{padding:6px!important;gap:6px!important}
  body.hb-studio-mode .hb80-header{min-height:48px!important}
  body.hb-studio-mode .hb80-workspace{overflow:hidden!important}
  body.hb-studio-mode .hb80-left,
  body.hb-studio-mode .hb80-right{max-height:none!important}
}

/* V97 — application-style workspace polish */
body.hb-studio-mode .hb80-studio{max-width:none!important;width:100vw!important;padding:8px 10px 10px!important;margin:0!important}
body.hb-studio-mode .hb80-header{min-height:44px!important;margin-bottom:6px!important;align-items:center!important}
body.hb-studio-mode .hb80-header h1{font-size:22px!important;margin:2px 0!important}
body.hb-studio-mode .hb80-header p{display:none!important}
body.hb-studio-mode .hb80-actions{gap:4px!important}
body.hb-studio-mode .hb80-actions button,body.hb-studio-mode .hb80-actions a{padding:7px 9px!important;font-size:10px!important}
body.hb-studio-mode .hb80-toolbar{height:46px!important;border-radius:8px 8px 0 0!important;padding:0 8px!important;gap:7px!important;position:relative;z-index:8}
body.hb-studio-mode .hb80-doc{min-width:150px!important}
body.hb-studio-mode .hb80-doc span{display:none!important}
body.hb-studio-mode .hb80-workspace{grid-template-columns:minmax(235px,270px) minmax(0,1fr) minmax(285px,330px)!important;gap:8px!important}
body.hb-studio-mode .hb80-panel{border-radius:9px!important;padding:9px!important;box-shadow:0 2px 10px rgba(20,30,45,.035)!important}
body.hb-studio-mode .hb80-panel-title{margin-bottom:7px!important;min-height:24px!important;cursor:pointer!important;user-select:none!important}
body.hb-studio-mode .hb80-panel-title:after{content:'⌃';font-size:12px;color:#8b96a5;margin-left:8px;transition:transform .12s ease}
body.hb-studio-mode .hb97-collapsed > .hb80-panel-title{margin-bottom:0!important}
body.hb-studio-mode .hb97-collapsed > .hb80-panel-title:after{content:'⌄';transform:none}
body.hb-studio-mode .hb97-collapsed > *:not(.hb80-panel-title){display:none!important}
body.hb-studio-mode .hb80-canvas-head{height:36px!important;border-radius:8px 8px 0 0!important;padding:0 9px!important}
body.hb-studio-mode .hb97-canvas-tools{display:flex;align-items:center;gap:3px;font-size:10px}
body.hb-studio-mode .hb97-canvas-tools button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:800;cursor:pointer}
body.hb-studio-mode .hb97-canvas-tools button:hover{background:rgba(255,255,255,.16)}
body.hb-studio-mode .hb97-canvas-tools #hb80Size{margin-left:7px;color:#bfc8d5}
body.hb-studio-mode .hb80-left,.hb-studio-mode .hb80-right{scrollbar-width:thin}
body.hb-studio-mode .hb80-right .hb80-inspector{min-height:0}
body.hb-studio-mode .hb80-inspector #hb80Inspector{min-height:0}
@media(max-width:850px){body.hb-studio-mode .hb97-canvas-tools #hb80Size{display:none!important}}
/* V98 — compact command-center toolbar */
body.hb-studio-mode .hb98-toolbar{height:50px!important;padding:0 8px!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important}
body.hb-studio-mode .hb98-doc{flex:0 0 170px!important;min-width:120px!important}
body.hb-studio-mode .hb98-doc b{display:block!important;max-width:165px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important}
body.hb-studio-mode .hb98-doc span{display:block!important;font-size:9px!important;color:#8e99a8!important}
body.hb-studio-mode .hb98-commandbar{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;flex:1!important;height:100%!important}
body.hb-studio-mode .hb98-group{display:flex!important;align-items:center!important;gap:2px!important}
body.hb-studio-mode .hb98-group button{height:30px!important;min-width:30px!important;padding:0 8px!important;border:1px solid rgba(127,140,158,.25)!important;background:#fff!important;color:#344054!important;border-radius:6px!important;font-size:11px!important;font-weight:750!important;cursor:pointer!important;white-space:nowrap!important}
body.hb-studio-mode .hb98-group button:hover{background:#f3f6fa!important;border-color:#b8c2cf!important}
body.hb-studio-mode .hb98-label{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:800!important;color:#8a95a4!important;margin:0 3px 0 1px!important}
body.hb-studio-mode .hb98-divider{width:1px!important;height:22px!important;background:#dfe4eb!important;margin:0 3px!important;flex:0 0 1px!important}
body.hb-studio-mode .hb98-spacer{flex:1 1 auto!important;min-width:4px!important}
body.hb-studio-mode .hb98-devices{display:flex!important;height:30px!important;margin:0!important;border:1px solid #dfe4eb!important;border-radius:6px!important;overflow:hidden!important;background:#fff!important}
body.hb-studio-mode .hb98-devices button{border:0!important;border-right:1px solid #e5e9ef!important;background:#fff!important;color:#596575!important;height:28px!important;padding:0 8px!important;font-size:10px!important;font-weight:750!important;cursor:pointer!important}
body.hb-studio-mode .hb98-devices button:last-child{border-right:0!important}
body.hb-studio-mode .hb98-devices button:hover{background:#f4f6f9!important}
body.hb-studio-mode .hb98-secondary{height:30px!important;border:1px solid #d7dde6!important;background:#fff!important;color:#344054!important;border-radius:6px!important;padding:0 9px!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important;white-space:nowrap!important}
body.hb-studio-mode .hb98-save{height:30px!important;padding:0 12px!important;font-size:10px!important;white-space:nowrap!important}
/* V98 uses the command bar as the single source of truth. */
body.hb-studio-mode .hb80-header .hb95LeftToggle,
body.hb-studio-mode .hb80-header .hb95RightToggle,
body.hb-studio-mode .hb80-header #hb80Undo,
body.hb-studio-mode .hb80-header #hb80Redo,
body.hb-studio-mode .hb80-header #hb80PreviewBtn{display:none!important}
@media(max-width:1180px){
 body.hb-studio-mode .hb98-insert .hb98-label,body.hb-studio-mode .hb98-align .hb98-label{display:none!important}
 body.hb-studio-mode .hb98-doc{flex-basis:130px!important}
 body.hb-studio-mode .hb98-group button{padding:0 6px!important}
}
@media(max-width:900px){
 body.hb-studio-mode .hb98-doc{display:none!important}
 body.hb-studio-mode .hb98-align{display:none!important}
 body.hb-studio-mode .hb98-divider{display:none!important}
}

/* V99 — direct canvas selection frame and resize/rotate handles */
.hb99-selection-box{position:fixed;z-index:10001;pointer-events:none;border:1px solid color-mix(in srgb,var(--accent,#d7a42a),transparent 8%);box-shadow:0 0 0 1px rgba(255,255,255,.15);}
.hb99-selection-box i,.hb99-selection-box b{position:absolute;display:block;pointer-events:auto;width:10px;height:10px;margin:-5px;border:2px solid #fff;border-radius:3px;background:var(--accent,#d7a42a);box-shadow:0 2px 7px rgba(0,0,0,.35);box-sizing:border-box;}
.hb99-selection-box i[data-handle="nw"]{left:0;top:0;cursor:nwse-resize}.hb99-selection-box i[data-handle="n"]{left:50%;top:0;cursor:ns-resize}.hb99-selection-box i[data-handle="ne"]{left:100%;top:0;cursor:nesw-resize}.hb99-selection-box i[data-handle="e"]{left:100%;top:50%;cursor:ew-resize}.hb99-selection-box i[data-handle="se"]{left:100%;top:100%;cursor:nwse-resize}.hb99-selection-box i[data-handle="s"]{left:50%;top:100%;cursor:ns-resize}.hb99-selection-box i[data-handle="sw"]{left:0;top:100%;cursor:nesw-resize}.hb99-selection-box i[data-handle="w"]{left:0;top:50%;cursor:ew-resize}.hb99-selection-box b{left:50%;top:-24px;width:22px;height:22px;margin:-11px;border-radius:50%;display:grid;place-items:center;color:#111827;font:700 14px/1 sans-serif;cursor:grab;}

/* V100 direct canvas workflow */
.hb98-toolbar [data-hb98-add], .hb86-element-add [data-object-add]{cursor:grab;}
.hb98-toolbar [data-hb98-add]:active, .hb86-element-add [data-object-add]:active{cursor:grabbing;}
.hb86-image{overflow:hidden;}
.hb86-object.hb86-image{overflow:hidden;}
.hb86-object.hb86-image > img{pointer-events:none;user-select:none;}
.hb85-element-grid{grid-template-columns:repeat(2,minmax(0,1fr));}

/* V101 — Template Library */
body.hb-studio-mode .hb101-search{width:100%;box-sizing:border-box;border:1px solid #dce2ea;background:#fff;border-radius:7px;padding:8px 9px;font-size:11px;outline:none;margin:0 0 7px}
body.hb-studio-mode .hb101-cats{display:flex;gap:4px;overflow:auto;padding-bottom:7px;scrollbar-width:none}
body.hb-studio-mode .hb101-cats button{border:1px solid #dfe4eb;background:#fff;color:#667085;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer}
body.hb-studio-mode .hb101-cats button.is-active{background:#182230;color:#fff;border-color:#182230}
body.hb-studio-mode .hb101-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:360px;overflow:auto;padding-right:2px}
body.hb-studio-mode .hb101-card{border:1px solid #e2e7ee;border-radius:9px;background:#fff;padding:5px;min-width:0}
body.hb-studio-mode .hb101-thumb{height:82px;border-radius:7px;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;box-sizing:border-box;position:relative;overflow:hidden;background:var(--tbg);color:#fff}
body.hb-studio-mode .hb101-thumb:before,.hb101-thumb:after{content:'';position:absolute;border-radius:50%;background:var(--taccent);opacity:.22;filter:blur(12px)}
body.hb-studio-mode .hb101-thumb:before{width:65px;height:65px;right:-20px;top:-25px}.hb101-thumb:after{width:45px;height:45px;left:-15px;bottom:-20px}
body.hb-studio-mode .hb101-thumb span{position:absolute;top:7px;left:8px;font-size:16px;z-index:1}.hb101-thumb b{font-size:9px;line-height:1.2;max-width:90%;z-index:1}.hb101-thumb i{display:block;width:34px;height:4px;border-radius:5px;background:var(--taccent);margin-top:6px;z-index:1}
body.hb-studio-mode .hb101-card-info{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:6px 2px 5px}.hb101-card-info strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#273241}.hb101-card-info small{font-size:8px;text-transform:uppercase;color:#98a2b3;font-weight:800}
body.hb-studio-mode .hb101-use{width:100%;border:0;background:#182230;color:#fff;border-radius:6px;padding:6px 4px;font-size:9px;font-weight:800;cursor:pointer}.hb101-use:hover{background:#2c3b4d}
body.hb-studio-mode .hb101-empty{grid-column:1/-1;text-align:center;padding:20px 8px;color:#98a2b3;font-size:10px}
@media(max-width:1000px){body.hb-studio-mode .hb101-template-grid{grid-template-columns:1fr 1fr}}
/* V102 — Template Library marketplace-style polish */
body.hb-studio-mode .hb101-template-panel{min-height:0}
body.hb-studio-mode .hb101-cats{padding-bottom:8px;scrollbar-width:none}
body.hb-studio-mode .hb101-cats::-webkit-scrollbar{display:none}
body.hb-studio-mode .hb101-template-grid{grid-template-columns:1fr 1fr;gap:9px;max-height:calc(100vh - 245px);padding:1px 2px 8px 1px}
body.hb-studio-mode .hb101-card{position:relative;border:1px solid #e0e5ec;border-radius:10px;background:#fff;padding:6px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
body.hb-studio-mode .hb101-card:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(31,41,55,.08);border-color:#cbd5e1}
body.hb-studio-mode .hb101-card.is-favorite{border-color:#d8b4fe}
body.hb-studio-mode .hb101-thumb{height:98px;border-radius:8px;padding:9px}
body.hb-studio-mode .hb101-thumb:before{width:80px;height:80px;right:-24px;top:-28px}
body.hb-studio-mode .hb101-thumb:after{width:55px;height:55px;left:-18px;bottom:-24px}
body.hb-studio-mode .hb101-thumb b{font-size:10px;max-width:92%}
body.hb-studio-mode .hb101-star{position:absolute;right:6px;top:6px;z-index:3;width:24px;height:24px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(0,0,0,.22);color:#fff;font-size:14px;line-height:22px;padding:0;cursor:pointer}
body.hb-studio-mode .hb101-star:hover{background:rgba(0,0,0,.4)}
body.hb-studio-mode .hb101-card-info{padding:7px 2px 6px;display:block}
body.hb-studio-mode .hb101-card-info strong{display:block;font-size:10px;margin-bottom:2px}
body.hb-studio-mode .hb101-card-info small{display:block;font-size:8px}
body.hb-studio-mode .hb101-use{padding:7px 5px;border-radius:7px;font-size:9px}
.hb-am-template-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.hb-am-template-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:800;color:#475467}
.hb-am-template-form input,.hb-am-template-form select{min-height:38px;border:1px solid #d9dee7;border-radius:8px;padding:7px 9px;background:#fff;box-sizing:border-box}
.hb-am-template-form input[type=color]{padding:3px;height:38px}
@media(max-width:900px){.hb-am-template-form{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hb-am-template-form{grid-template-columns:1fr}}

/* V104 template apply feedback */
body.hb-studio-mode .hb101-card.is-selected{border-color:#7c3aed!important;box-shadow:0 0 0 2px rgba(124,58,237,.18),0 8px 20px rgba(31,41,55,.12)!important;transform:translateY(-1px)}
body.hb-studio-mode .hb101-card{cursor:pointer}
/* V105 template feedback */
body.hb-studio-mode .hb101-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,14px);opacity:0;pointer-events:none;z-index:100000;background:#182230;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 15px;font-size:12px;font-weight:800;box-shadow:0 12px 35px rgba(0,0,0,.25);transition:opacity .16s ease,transform .16s ease}
body.hb-studio-mode .hb101-toast.show{opacity:1;transform:translate(-50%,0)}
/* V106 server-backed template cards */
body.hb-studio-mode .hb101-card{cursor:pointer;position:relative}
body.hb-studio-mode .hb101-card .hb101-use{position:relative;z-index:20;cursor:pointer}
body.hb-studio-mode .hb101-card.is-selected{border-color:#7c3aed!important;box-shadow:0 0 0 2px rgba(124,58,237,.18),0 8px 20px rgba(31,41,55,.12)!important}
/* V111 workspace tab polish */
body.hb-studio-mode .hb111-tool-tabs button:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}
body.hb-studio-mode .hb80-left.hb111-organized .hb80-panel{animation:hb111FadeIn .12s ease}
@keyframes hb111FadeIn{from{opacity:.6;transform:translateY(2px)}to{opacity:1;transform:none}}


/* V147 — Bright 2026 Creative Studio UI */
body.hb-studio-mode{background:#eef2f7!important;color:#172033!important}
body.hb-studio-mode .site-shell{background:#eef2f7!important}
body.hb-studio-mode .hb80-studio{background:#eef2f7!important;color:#172033!important;padding:18px 22px 32px!important}
body.hb-studio-mode .hb80-header{background:#ffffff;border:1px solid #dfe5ee;border-radius:16px;padding:16px 18px;margin-bottom:12px;box-shadow:0 8px 24px rgba(31,41,55,.06);align-items:center}
body.hb-studio-mode .hb80-header h1{color:#172033;font-size:25px;letter-spacing:-.025em}
body.hb-studio-mode .hb80-header p{color:#718096;font-size:12px}
body.hb-studio-mode .hb80-kicker{color:#6b5cff;font-size:9px;letter-spacing:.13em}
.hb-alpha-badge{display:inline-flex;margin-left:7px;padding:4px 8px;border-radius:999px;background:#f0edff;color:#635bdb;font-size:8px;letter-spacing:.04em;vertical-align:middle;font-weight:850}
body.hb-studio-mode .hb80-actions button,body.hb-studio-mode .hb80-actions a{background:#fff;border-color:#dfe5ee;color:#354052;border-radius:9px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
body.hb-studio-mode .hb80-actions .hb80-dark{background:#6b5cff;border-color:#6b5cff;color:#fff}
body.hb-studio-mode .hb80-toolbar{background:#fff;border-color:#dfe5ee;border-radius:13px 13px 0 0;box-shadow:0 4px 16px rgba(31,41,55,.04)}
body.hb-studio-mode .hb80-publish{background:#6b5cff;color:#fff}
body.hb-studio-mode .hb80-panel{background:#fff;border-color:#dfe5ee;border-radius:14px;box-shadow:0 5px 18px rgba(31,41,55,.045)}
body.hb-studio-mode .hb80-panel-title span{color:#7a8597}
body.hb-studio-mode .hb80-panel input[type=text],body.hb-studio-mode .hb80-panel input[type=url],body.hb-studio-mode .hb80-panel input[type=datetime-local],body.hb-studio-mode .hb80-panel select,body.hb-studio-mode .hb80-panel textarea{border-color:#d9e0e9;background:#fbfcfe;color:#172033}
body.hb-studio-mode .hb80-layer{background:#fbfcfe;border-color:#e1e6ee}
body.hb-studio-mode .hb80-layer.sel{border-color:#8b7cff;background:#f4f2ff;box-shadow:0 0 0 2px rgba(107,92,255,.10)}
body.hb-studio-mode .hb80-layer button,body.hb-studio-mode .hb80-segment button{background:#f2f5f9;color:#455166}
body.hb-studio-mode .hb80-themes span{background:#fbfcfe;border-color:#dfe5ee}
body.hb-studio-mode .hb80-themes input:checked+span{border-color:#6b5cff;box-shadow:0 0 0 2px rgba(107,92,255,.10)}
body.hb-studio-mode .hb80-canvas-head{background:#fff;color:#566174;border:1px solid #dfe5ee;border-bottom:0}
body.hb-studio-mode .hb80-frame{background:#dfe5ee}
body.hb-studio-mode .hb80-live{box-shadow:0 16px 42px rgba(31,41,55,.12);border:1px solid rgba(31,41,55,.06)}
body.hb-studio-mode .hb80-section:hover{border-color:rgba(107,92,255,.32)}
body.hb-studio-mode .hb80-section.selected{border-color:#6b5cff;box-shadow:0 0 0 2px rgba(107,92,255,.12)}
body.hb-studio-mode .hb89-guide-v,body.hb-studio-mode .hb89-guide-h{background:rgba(107,92,255,.8)}
body.hb-studio-mode .hb86-object-stage .hb86-object.hb89-selected{outline-color:rgba(107,92,255,.95)}
body.hb-studio-mode .hb86-object-row.selected{box-shadow:inset 3px 0 0 #6b5cff}
body.hb-studio-mode .hb86-object-row.selected .hb86-object-select{background:rgba(107,92,255,.08)!important}
body.hb-studio-mode .hb80-swatches label{color:#526075}
body.hb-studio-mode .hb80-add button{border-color:#cfd7e3;background:#fff;color:#435066}
body.hb-studio-mode .hb95-hide-left>.hb80-left,body.hb-studio-mode .hb95-hide-right>.hb80-right{display:none!important}
@media(max-width:1050px){body.hb-studio-mode .hb80-studio{padding:12px!important}body.hb-studio-mode .hb80-header{align-items:flex-start;flex-direction:column}body.hb-studio-mode .hb80-actions{width:100%;flex-wrap:wrap}}

/* V160 — template colors must match the template preview.
   Legacy theme classes (.neon/.glass/.nordic) previously overwrote the
   template-specific --bg/--accent/--txt values, and the modern Studio UI
   later forced .hb80-live to white. The template variables are now the
   authoritative visual source. */
body.hb-studio-mode .hb80-live{
  background:var(--bg,#0f172a)!important;
  color:var(--txt,#fff)!important;
}
body.hb-studio-mode .hb80-live.bg-gradient{
  background:linear-gradient(135deg,var(--bg,#0f172a),color-mix(in srgb,var(--bg,#0f172a) 72%,var(--accent,#d7a42a) 28%))!important;
}
body.hb-studio-mode .hb80-live.bg-radial{
  background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent,#d7a42a) 28%,transparent),transparent 42%),var(--bg,#0f172a)!important;
}
body.hb-studio-mode .hb80-live.bg-solid{
  background:var(--bg,#0f172a)!important;
}
body.hb-studio-mode .hb80-live .hb80-section{
  color:var(--sec-txt,var(--txt,#fff));
}
body.hb-studio-mode .hb80-live .pcta{
  background:var(--accent,#d7a42a);
}

/* Public renderer: use the saved template variables rather than the old
   theme shortcut colors as well. */
.hb80-public{
  background:var(--bg,#0f172a)!important;
  color:var(--txt,#fff)!important;
}
.hb80-public.bg-gradient{
  background:linear-gradient(135deg,var(--bg,#0f172a),color-mix(in srgb,var(--bg,#0f172a) 72%,var(--accent,#d7a42a) 28%))!important;
}
.hb80-public.bg-radial{
  background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent,#d7a42a) 28%,transparent),transparent 42%),var(--bg,#0f172a)!important;
}
.hb80-public.bg-solid{
  background:var(--bg,#0f172a)!important;
}


/* V168 Premium splashpage visual polish (published pages). */
.hb80-public{isolation:isolate;position:relative;overflow:hidden;background:radial-gradient(ellipse at 12% 5%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 36%),radial-gradient(ellipse at 90% 18%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 34%),var(--bg)!important;color:var(--txt)!important}
.hb80-public:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.23;background-image:radial-gradient(rgba(255,255,255,.24) .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(to bottom,black,transparent 76%)}
.hb80-public .sp-brand,.hb80-public .sp-card,.hb80-public .sp-bottom,.hb80-public .sp-report{position:relative;z-index:1}
.hb80-public .sp-card{background:transparent!important;border:0!important;box-shadow:none!important}
.hb80-public .sp-hero{position:relative;overflow:hidden;isolation:isolate;min-height:340px;padding:clamp(36px,6vw,76px)!important;margin:20px 0!important;border-radius:28px!important;text-align:left!important;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 18%,transparent),rgba(255,255,255,.025))!important;border:1px solid color-mix(in srgb,var(--accent) 32%,rgba(255,255,255,.1))!important;box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08)!important}
.hb80-public .sp-hero:after{content:"";position:absolute;z-index:-1;right:-100px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,transparent),transparent 68%);filter:blur(12px);pointer-events:none}
.hb80-public .sp-hero small{display:inline-block;margin-bottom:18px;padding:8px 13px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);color:var(--accent)!important;font-size:11px;font-weight:900;letter-spacing:.15em}
.hb80-public .sp-hero h1{max-width:900px;font-size:clamp(36px,6vw,76px)!important;line-height:.99!important;letter-spacing:-.055em!important;font-weight:950!important;text-wrap:balance;text-shadow:0 8px 40px rgba(0,0,0,.18)}
.hb80-public .sp-hero p{max-width:690px;font-size:clamp(16px,1.7vw,20px)!important;line-height:1.75!important;color:color-mix(in srgb,var(--txt) 80%,transparent)!important}
.hb80-public .sp-cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:54px;padding:0 25px!important;border:0!important;border-radius:15px!important;background:linear-gradient(115deg,var(--accent),color-mix(in srgb,var(--accent) 58%,#fff))!important;color:#10121b!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 32%,transparent),inset 0 1px rgba(255,255,255,.55)!important;transition:transform .2s ease,filter .2s ease}
.hb80-public .sp-cta:hover{transform:translateY(-3px);filter:saturate(1.15) brightness(1.05)}
.hb80-public .sp-offer{padding:clamp(24px,4vw,42px)!important;margin:22px 0!important;border-radius:24px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.04)),rgba(255,255,255,.03))!important;border:1px solid color-mix(in srgb,var(--accent) 34%,rgba(255,255,255,.12))!important;box-shadow:0 18px 50px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.08)!important}
.hb80-public .sp-offer>b{font-size:clamp(20px,2.2vw,26px)!important;font-weight:900!important}
.hb80-public .sp-offer p{font-size:16px!important;line-height:1.75!important;color:color-mix(in srgb,var(--txt) 78%,transparent)!important}
.hb80-public .sp-offer strong{display:inline-block;margin-top:10px;padding:11px 15px;border-radius:12px;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}
.hb80-public .sp-section{padding:clamp(32px,5vw,60px) clamp(12px,2vw,24px)!important}
.hb80-public .sp-section h2,.hb80-public .sp-countdown h2,.hb80-public .sp-proof h2,.hb80-public .sp-final h2{font-size:clamp(27px,3.5vw,43px)!important;letter-spacing:-.04em!important;font-weight:950!important;text-wrap:balance}
.hb80-public .sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;margin-top:26px}
.hb80-public .sp-grid article{padding:25px 23px!important;min-height:160px;border-radius:21px!important;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 16px 38px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.07)!important;transition:transform .2s ease,border-color .2s ease}
.hb80-public .sp-grid article:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 52%,rgba(255,255,255,.12))!important}
.hb80-public .sp-grid article i{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:17px;border-radius:14px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)!important;font-size:22px;font-style:normal}
.hb80-public .sp-grid article b{display:block;font-size:17px!important;font-weight:850!important;margin-bottom:9px}
.hb80-public .sp-grid article p{font-size:14px!important;line-height:1.65!important;color:color-mix(in srgb,var(--txt) 72%,transparent)!important}
.hb80-public .sp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hb80-public .sp-stats>div{padding:24px 18px;border-radius:18px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 14%,transparent),rgba(255,255,255,.035));border:1px solid color-mix(in srgb,var(--accent) 25%,rgba(255,255,255,.1));text-align:center}
.hb80-public .sp-stats strong{display:block;color:var(--accent)!important;font-size:clamp(28px,4vw,42px)!important;font-weight:950!important}
.hb80-public .sp-stats span{display:block;margin-top:8px;font-size:13px;opacity:.78}
.hb80-public .sp-proof,.hb80-public .sp-countdown,.hb80-public .sp-final{padding:clamp(28px,5vw,54px)!important;margin:20px 0;border-radius:25px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 17%,transparent),rgba(255,255,255,.035))!important;border:1px solid color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.1))!important}
.hb80-public .sp-quote{font-size:clamp(20px,2.5vw,30px)!important;line-height:1.55!important;padding:28px;border-left:4px solid var(--accent);border-radius:0 18px 18px 0;background:rgba(255,255,255,.045)}
.hb80-public details{margin:10px 0;padding:17px 20px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)}
.hb80-public details summary{font-weight:800;cursor:pointer}
.hb80-public .sp-bottom a{color:var(--accent)!important;font-weight:800}
@media(max-width:700px){.hb80-public .sp-hero{min-height:300px;padding:30px 22px!important;margin:10px 0!important;border-radius:20px!important}.hb80-public .sp-grid,.hb80-public .sp-stats{grid-template-columns:1fr}.hb80-public .sp-section{padding:30px 8px!important}}



/* V169 Premium art direction for published splashpages */

/* V169 visual-art direction: give each preset its own finished art direction, not just a color swap. */
.hb80-public .sp-hero{min-height:390px!important;padding:clamp(34px,6vw,76px)!important;background:radial-gradient(ellipse at 84% 24%,color-mix(in srgb,var(--accent) 42%,transparent),transparent 34%),linear-gradient(130deg,color-mix(in srgb,var(--accent) 24%,var(--bg)),color-mix(in srgb,var(--bg) 88%,#fff))!important;border:1px solid color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.22))!important}
.hb80-public .sp-hero:before{content:"";position:absolute;right:7%;top:12%;width:clamp(120px,20vw,230px);height:clamp(120px,20vw,230px);border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);border-radius:38% 62% 60% 40%;transform:rotate(22deg);box-shadow:0 0 0 18px color-mix(in srgb,var(--accent) 7%,transparent),0 0 0 38px color-mix(in srgb,var(--accent) 5%,transparent),inset 0 0 48px color-mix(in srgb,var(--accent) 18%,transparent);z-index:-1;pointer-events:none}
.hb80-public .sp-hero h1{max-width:780px!important;text-shadow:0 5px 28px color-mix(in srgb,var(--accent) 18%,transparent)!important}
.hb80-public .sp-hero .sp-cta{position:relative;z-index:3}
.hb80-public .sp-offer{position:relative;overflow:hidden}
.hb80-public .sp-offer:after{content:"✦";position:absolute;right:28px;top:16px;font-size:64px;line-height:1;color:color-mix(in srgb,var(--accent) 22%,transparent);text-shadow:0 0 35px color-mix(in srgb,var(--accent) 35%,transparent);pointer-events:none}
.hb80-public .sp-grid article{overflow:hidden}
.hb80-public .sp-grid article:before{content:"";display:block;width:54px;height:4px;border-radius:99px;margin:-25px 0 22px -23px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 12%,transparent))}
.hb80-public .sp-final{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),rgba(255,255,255,.035))!important}
.hb80-public .sp-final:after{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:18px;pointer-events:none}
/* Individual visual signatures */
.hb80-public.tpl-midnight-pro .sp-hero,.hb80-public.tpl-dark-saas .sp-hero{background:radial-gradient(ellipse at 80% 20%,rgba(129,140,248,.38),transparent 38%),linear-gradient(135deg,#11152b,#070b16 72%)!important}
.hb80-public.tpl-electric-blue .sp-hero,.hb80-public.tpl-neon-surf .sp-hero{background:radial-gradient(ellipse at 85% 18%,rgba(56,189,248,.42),transparent 36%),linear-gradient(125deg,#08253d,#06111f 72%)!important}
.hb80-public.tpl-sunset-energy .sp-hero,.hb80-public.tpl-sunset-saas .sp-hero{background:radial-gradient(ellipse at 84% 12%,rgba(251,113,133,.48),transparent 38%),linear-gradient(130deg,#321322,#17101f 72%)!important}
.hb80-public.tpl-emerald-growth .sp-hero,.hb80-public.tpl-mint-flow .sp-hero{background:radial-gradient(ellipse at 82% 15%,rgba(52,211,153,.38),transparent 36%),linear-gradient(130deg,#0a2b25,#071713 75%)!important}
.hb80-public.tpl-royal-elite .sp-hero,.hb80-public.tpl-black-label .sp-hero{background:radial-gradient(ellipse at 82% 14%,color-mix(in srgb,var(--accent) 40%,transparent),transparent 38%),linear-gradient(130deg,#21122f,#08070d 75%)!important}
.hb80-public.tpl-clean-convert .sp-hero,.hb80-public.tpl-mint-flow .sp-hero,.hb80-public.tpl-mono .sp-hero,.hb80-public.tpl-mono-studio .sp-hero{color:#172033!important;background:radial-gradient(ellipse at 85% 15%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 40%),linear-gradient(135deg,#ffffff,#edf4ff)!important;border-color:color-mix(in srgb,var(--accent) 25%,#dce4f0)!important;box-shadow:0 24px 60px rgba(30,45,80,.12)!important}
.hb80-public.tpl-clean-convert .sp-hero p,.hb80-public.tpl-mono .sp-hero p,.hb80-public.tpl-mono-studio .sp-hero p,.hb80-public.tpl-mint-flow .sp-hero p{color:#526077!important}
.hb80-public.tpl-editorial-luxe .sp-hero{border-radius:4px!important;background:linear-gradient(120deg,#fbf8f1,#e9e2d5)!important;color:#201d19!important;border-color:#d6c8b5!important;box-shadow:none!important}
.hb80-public.tpl-editorial-luxe .sp-hero h1{font-family:Georgia,serif!important;font-weight:500!important;letter-spacing:-.045em!important}
.hb80-public.tpl-matrix .sp-hero,.hb80-public.tpl-cyber .sp-hero{background:radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 34%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 32px),#03090b!important}
.hb80-public.tpl-fire .sp-hero{background:radial-gradient(ellipse at 84% 8%,rgba(251,146,60,.55),transparent 36%),linear-gradient(140deg,#401006,#170805 72%)!important}
.hb80-public.tpl-creator .sp-hero,.hb80-public.tpl-creator-26 .sp-hero,.hb80-public.tpl-creator-26 .sp-final{background:radial-gradient(ellipse at 84% 15%,rgba(236,72,153,.4),transparent 35%),linear-gradient(135deg,#30112c,#17101f 74%)!important}
.hb80-public.tpl-aurora-grid .sp-hero,.hb80-public.tpl-nova-saas .sp-hero{background:radial-gradient(ellipse at 82% 16%,rgba(34,211,238,.34),transparent 36%),radial-gradient(ellipse at 68% 90%,rgba(99,102,241,.2),transparent 42%),linear-gradient(135deg,#0c2031,#08101e 75%)!important}
.hb80-public.tpl-bento-growth .sp-grid article,.hb80-public.tpl-fintech-flow .sp-grid article,.hb80-public.tpl-nova-saas .sp-grid article{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,rgba(255,255,255,.09)),rgba(255,255,255,.025))!important;border-color:color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.15))!important}
.hb80-public.tpl-christmas-magic .sp-hero{background:radial-gradient(ellipse at 82% 16%,rgba(220,38,38,.4),transparent 36%),radial-gradient(ellipse at 10% 90%,rgba(22,163,74,.25),transparent 40%),linear-gradient(130deg,#0b2619,#07150f 75%)!important}
.hb80-public.tpl-new-year-countdown .sp-hero{background:radial-gradient(ellipse at 80% 18%,rgba(251,191,36,.44),transparent 34%),linear-gradient(135deg,#1a1740,#090b1a 76%)!important}
.hb80-public.tpl-valentines-love .sp-hero{background:radial-gradient(ellipse at 80% 16%,rgba(236,72,153,.45),transparent 36%),linear-gradient(130deg,#381026,#190a14 75%)!important}
.hb80-public.tpl-easter-spring .sp-hero{color:#342342!important;background:radial-gradient(ellipse at 85% 18%,rgba(217,70,239,.2),transparent 35%),linear-gradient(135deg,#fff,#fff0f8)!important;border-color:#f3cfe8!important}
.hb80-public.tpl-easter-spring .sp-hero p{color:#66546e!important}
.hb80-public.tpl-st-patricks .sp-hero{background:radial-gradient(ellipse at 82% 16%,rgba(34,197,94,.42),transparent 36%),linear-gradient(130deg,#0b2c19,#06140c 75%)!important}
.hb80-public.tpl-thanksgiving-thanks .sp-hero{background:radial-gradient(ellipse at 82% 16%,rgba(234,88,12,.42),transparent 36%),linear-gradient(130deg,#38200e,#1b1008 75%)!important}
.hb80-public.tpl-summer-splash .sp-hero{background:radial-gradient(ellipse at 82% 16%,rgba(6,182,212,.44),transparent 36%),linear-gradient(130deg,#06404a,#06212a 75%)!important}
@media(max-width:700px){.hb80-public .sp-hero:before{right:-20px;top:18%;opacity:.65}.hb80-public .sp-offer:after{font-size:42px;right:16px}.hb80-public .sp-grid article:before{margin-top:-25px}}


/* V170 — actual illustrated hero compositions, rendered on the published page. */
.hb80-public .sp-hero{position:relative!important;isolation:isolate;overflow:hidden!important;display:flex;flex-direction:column;justify-content:center;min-height:430px!important;padding:clamp(34px,5vw,68px)!important}
.hb80-public .sp-hero>*:not(.sp-hero-art){position:relative;z-index:2}
.hb80-public .sp-hero>small{width:max-content;max-width:100%;padding:8px 12px;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:11px!important;letter-spacing:.16em!important;font-weight:850!important}
.hb80-public .sp-hero h1{max-width:min(64%,760px)!important;font-size:clamp(36px,5vw,66px)!important;line-height:.99!important;letter-spacing:-.055em!important;text-wrap:balance!important;margin:22px 0 16px!important}
.hb80-public .sp-hero p{max-width:min(58%,600px)!important;font-size:clamp(15px,1.4vw,18px)!important;line-height:1.7!important}
.hb80-public .sp-hero .sp-cta{align-self:flex-start;margin-top:20px!important;box-shadow:0 12px 34px color-mix(in srgb,var(--accent) 25%,transparent)!important}
.hb80-public .sp-hero-art{position:absolute!important;z-index:1!important;right:1.5%;top:50%;width:42%;max-width:390px;min-width:235px;transform:translateY(-48%);pointer-events:none;filter:drop-shadow(0 22px 36px rgba(0,0,0,.18));animation:hb170-art-float 7s ease-in-out infinite}
.hb80-public .sp-hero-art svg{display:block;width:100%;height:auto;overflow:visible}
.hb80-public .sp-hero-art:before{content:"";position:absolute;inset:13%;border-radius:50%;background:var(--accent);filter:blur(55px);opacity:.22;z-index:-1}
.hb80-public .sp-hero:after{content:"";position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:inherit;pointer-events:none;z-index:0}
.hb80-public .sp-hero.align-center h1,.hb80-public .sp-hero.align-center p{max-width:min(62%,760px)!important}
.hb80-public .sp-hero.align-right h1,.hb80-public .sp-hero.align-right p{margin-left:auto;text-align:right}
.hb80-public .sp-hero.align-right .sp-cta{align-self:flex-end}
.hb80-public .sp-offer{border-radius:24px!important;padding:clamp(24px,4vw,42px)!important;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 16%,rgba(255,255,255,.04)),rgba(255,255,255,.025))!important;box-shadow:0 16px 44px rgba(0,0,0,.08)!important}
.hb80-public .sp-offer>b{display:inline-flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,24px)!important}
.hb80-public .sp-offer>strong{display:block;width:fit-content;max-width:100%;padding:14px 18px;border-radius:14px;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);font-size:clamp(14px,1.5vw,18px)!important}
.hb80-public .sp-grid article{border-radius:22px!important;padding:26px!important;min-height:180px;transition:transform .2s ease,border-color .2s ease}
.hb80-public .sp-grid article i{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:color-mix(in srgb,var(--accent) 20%,transparent);font-size:24px!important;font-style:normal;margin-bottom:20px}
.hb80-public .sp-grid article b{font-size:17px!important}
.hb80-public .sp-grid article:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,transparent)!important}
.hb80-public .sp-final{padding:clamp(32px,5vw,60px)!important}
@keyframes hb170-art-float{0%,100%{transform:translateY(-48%) rotate(-1deg)}50%{transform:translateY(-51%) rotate(1deg)}}
.hb80-public.tpl-editorial-luxe .sp-hero-art,.hb80-public.tpl-mono-studio .sp-hero-art,.hb80-public.tpl-clean-convert .sp-hero-art,.hb80-public.tpl-mint-flow .sp-hero-art{filter:drop-shadow(0 18px 24px rgba(15,23,42,.13))}
.hb80-public.tpl-editorial-luxe .sp-hero-art svg text,.hb80-public.tpl-mono-studio .sp-hero-art svg text{fill:#1f2937;fill-opacity:.5}
.hb80-public.tpl-halloween-night .sp-hero-art,.hb80-public.tpl-christmas-magic .sp-hero-art,.hb80-public.tpl-new-year-countdown .sp-hero-art,.hb80-public.tpl-valentines-love .sp-hero-art,.hb80-public.tpl-easter-spring .sp-hero-art,.hb80-public.tpl-st-patricks .sp-hero-art,.hb80-public.tpl-thanksgiving-thanks .sp-hero-art,.hb80-public.tpl-summer-splash .sp-hero-art{width:44%;max-width:420px}
@media(max-width:760px){.hb80-public .sp-hero{min-height:0!important;padding:30px 23px 230px!important}.hb80-public .sp-hero h1,.hb80-public .sp-hero.align-center h1,.hb80-public .sp-hero.align-right h1{max-width:100%!important;font-size:clamp(34px,10vw,48px)!important;text-align:left;margin-top:18px!important}.hb80-public .sp-hero p,.hb80-public .sp-hero.align-center p,.hb80-public .sp-hero.align-right p{max-width:100%!important;text-align:left}.hb80-public .sp-hero .sp-cta{align-self:flex-start}.hb80-public .sp-hero-art{width:205px;min-width:0;right:calc(50% - 102px);top:auto;bottom:-15px;transform:none;opacity:.94}.hb80-public .sp-hero-art svg{width:100%}.hb80-public .sp-hero:after{inset:6px}.hb80-public .sp-grid article{min-height:0}}
@media(prefers-reduced-motion:reduce){.hb80-public .sp-hero-art{animation:none}}
/* Studio preview companion for V170 illustrated hero artwork. */
.hb80-live .p-hero{position:relative!important;overflow:hidden!important;isolation:isolate!important;min-height:350px!important;padding-right:38%!important}
.hb80-live .p-hero>*:not(.hb-seasonal-art):not(.hb170-studio-art){position:relative;z-index:2}
.hb80-live .hb170-studio-art{position:absolute;right:3%;top:50%;width:34%;aspect-ratio:1;transform:translateY(-50%);z-index:1;display:grid;place-items:center;pointer-events:none;animation:hb170-art-float 7s ease-in-out infinite}
.hb80-live .hb170-studio-art:before{content:"";position:absolute;inset:16%;border-radius:50%;background:var(--accent);filter:blur(35px);opacity:.26}
.hb80-live .hb170-studio-orbit{position:absolute;inset:8%;border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);border-radius:38% 62% 60% 40%;transform:rotate(28deg);box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 6%,transparent),inset 0 0 35px color-mix(in srgb,var(--accent) 15%,transparent)}
.hb80-live .hb170-studio-orbit.orbit-two{inset:18%;border-radius:50%;transform:rotate(-34deg);border-style:dashed;opacity:.7}
.hb80-live .hb170-studio-core{position:relative;display:grid;place-items:center;width:43%;aspect-ratio:1;border-radius:30%;font-size:clamp(28px,4vw,60px);font-weight:900;color:#fff;background:linear-gradient(145deg,#fff2,color-mix(in srgb,var(--accent) 88%,#111827));border:1px solid #ffffff8a;box-shadow:0 18px 42px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px #ffffffa8}
.hb80-live .hb170-studio-art .spark{position:absolute;color:var(--accent);font-size:24px;font-style:normal;text-shadow:0 0 18px var(--accent)}
.hb80-live .hb170-studio-art .s1{top:7%;right:17%}.hb80-live .hb170-studio-art .s2{bottom:19%;left:9%}.hb80-live .hb170-studio-art .s3{top:25%;left:12%;font-size:32px}
.hb80-live .hb170-studio-art-label{position:absolute;bottom:1%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;letter-spacing:.2em;font-weight:900;color:var(--txt);opacity:.62}
@media(max-width:760px){.hb80-live .p-hero{padding-right:22px!important;padding-bottom:215px!important}.hb80-live .hb170-studio-art{width:185px;right:calc(50% - 92px);top:auto;bottom:-10px;transform:none}.hb80-live .hb170-studio-art-label{font-size:7px}}


/* v0.1.5 Beta — bounded review history pagination */
.hb-review-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 28px;font-size:14px;font-weight:700}
.hb-review-pagination a{display:inline-block;padding:10px 15px;border-radius:10px;border:1px solid #d8dfe8;background:#fff;color:#123858;text-decoration:none}
.hb-review-pagination a:hover,.hb-review-pagination a:focus-visible{border-color:#bb903e;outline:2px solid #bb903e;outline-offset:1px}
.hb-review-pagination span{color:#54616c}