/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body { margin: 0px; border: 0px; padding: 0px; background-color: white; font-family: Verdana, Helvetica, sans-serif; font-size: 11px}

#body-simple {
	background: #F8F8F8;
	padding: 5px;
}

#wrapper {
	
	padding: 0px;
}

/* Misc stuff */
img {
	border: none;
}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.titles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error, table td .error {
	color: #D11010;
}

.spacer {
	background: #9BABB9 url(images/spacerbg.gif) top left repeat-x;
}

hr	{ height: 0px; border: solid #2E5B82 0px; border-top-width: 1px;}

.pagination {
	padding: 4px;
	font-size: 1em;
	font-weight: bold;
}

/* Links
 ------------ */
a,a:link,a:active,a:visited { text-decoration: none; color : #445588; }
a:hover	{ text-decoration: none; color : #224466; }

a.forumlink { font-size: 12px; font-weight:bold; }

a.topictitle { margin: 1px 0px; display: inline; font-size: 11px; font-weight:bold; }


a.topictitle, .postbody a {
	color: #2E5B82;
}
a.topictitle:visited, .postbody a:visited {
	color: #44729A;
}
a.topictitle:visited:hover, .postbody a:visited:hover {
	color: #2E5B82;
}
a.topictitle:hover, .postbody a:hover {
	color: #D11010;
}

/* Header and logo */
#maintable {
	border: solid 1px #999;
	margin: 0 auto;
	background-color: #F8F8F8;
}
#logorow {
	background: #F8F8F8 url(images/bg_logo.gif) top left repeat-x;
	text-align: left;
	padding: 0;
	padding-top: 6px;
	min-height: 70px;
}

.pm-notify-new, .pm-notify-unread {
	border-left: solid 1px #3C5F84;
	border-right: solid 1px #2E5B82;
	border-top: solid 1px #3C5F84;
	border-bottom: solid 1px #2E5B82;
	background: #F8F8F8 url(images/cell.gif) top left repeat-x;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; }
.pm-notify-header {
	margin-bottom: 10px;
	color: #666;
}
.pm-notify-new, .pm-notify-unread:hover {
	border-left: solid 1px #F15F5F;
	border-right: solid 1px #D11010;
	border-top: solid 1px #F15F5F;
	border-bottom: solid 1px #D11010;
}
.pm-notify-new { padding: 30px; }

/* Navigation buttons */
.navtd {
	padding: 0 10px 5px 10px;
}
.navrow-right { float: right; }

.navrow-center { float: center; }

.navrow {
	background: #F1F1F1 url(images/bg_nav.gif) top left repeat-x; 
	border: solid 1px #E0E0E0;
	padding: 5px;
	color: #2E5B82;
	text-align: left;
	font-size: 11px;
}

.navrow_red {
	background: #F1F1F1 url(images/bg_nav.gif) top left repeat-x; 
	border: solid 1px #F9C9D4;
	padding: 5px;
	color: #FB86A1;
	text-align: left;
	font-size: 11px;
}

.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
	color: #2E5B82;
	text-decoration: none;
}
.navrow a:hover { 
	color: #D11010; 
	text-decoration: underline; 
}

a.link-new, a.link-new:visited { color: #D11010; }
a.link-new:hover, a.link-new:visited:hover { color: #44729A; }


/* Content and tables */
#contentrow {
	padding: 5px 10px;
}

.tablebg {
	border: solid 1px #BBB;
	border-top-color: #C8C8C8;
	background: #F8F8F8 url(images/cell.gif) top left repeat-x;
}

.row1, .row2, .row3, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom {
	border-left: solid 1px #FFF;
	border-right: solid 1px #E0E0E0;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #E0E0E0;
	background: #F8F8F8 url(images/cell.gif) top left repeat-x;
	padding: 4px;
}
th {
	color: #AAA; 
	font-size: 11px; 
	font-weight: bold;
	background: #FFF url(images/th.gif) top left repeat-x;
	white-space: nowrap;
	padding: 0 5px;
	text-align: center;
	height: 26px;
	border-left: solid 1px #FFF;
	border-right: solid 1px #E0E0E0;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #E0E0E0;
}
th a, th a:visited {
	color: #AAA !important;
	text-decoration: underline;
}
th a:hover {
	color: #2E5B82;
	text-decoration: underline;
}

td {
	padding: 0px;
}
td.profile {
	padding: 4px;
}
.catdiv {
	height: 24px;
	padding: 0 3px;
	border-left: solid 1px #FFF;
	border-right: solid 1px #E0E0E0;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #E0E0E0;
	background: #F1F1F1 url(images/bg_tfoot.gif) top left repeat-x;
}
.cat {
	height: 24px;
	padding: 0 3px;
	border-left: solid 1px #FFF;
	border-right: solid 1px #E0E0E0;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #E0E0E0;
	background: #F1F1F1 url(images/bg_tfoot.gif) top left repeat-x;
	text-indent: 4px;
}
.cathead {
	background: #F1F1F1 url(images/bg_tfoot.gif) top left repeat-x;
	height: 24px;
	padding: 1px 3px;
	border-left: solid 1px #FFF;
	border-right: solid 1px #E0E0E0;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #E0E0E0;
}

.legend {
	padding: 4px;
}


/* Table header */
caption, .cap-div { 
	margin: 0; 
	padding: 0;
	background: url(images/tcat_mid.gif) top left repeat-x;
	white-space: nowrap;
	height: 26px;
	text-align: left;
}
.cap-left {
	background: url(images/tcat_left.gif) top left no-repeat;
	padding-left: 25px;
}
.cap-right {
	background: url(images/tcat_right.gif) top right no-repeat;
	padding-top: 6px;
	height: 20px;
}
caption, caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div, .cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { 
	font-size: 13px;
	line-height: 1.2em;
	font-weight: bold;
	color: #43486D;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { 
	display: inline;
}
caption a, caption a:visited, .cap-div a, .cap-div a:visited {
	color: #43486D;
	
}
caption a:hover, .cap-div a:hover {
	color: #D16410;
	
}

/* Footer */
#wrapfooter {
	text-align: center;
	color: #666;
	padding-top: 10px;
}

.copyright {
	color: #666;
	font-weight: normal;
	font-size: 9px;
	line-height: 1.2em;
}
.copyright a, .copyright a:visited {
	color: #444;
	text-decoration: underline;
}
.copyright a:hover { color: #D11010; }


/* Breadcrumbs */
p.breadcrumbs {
	margin: 0;
	padding: 0;
	float: left;
	color: #AAA;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}
.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	padding: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}


/* Index/viewforum */
.subforum.read { 
	background: url(images/sub_old.gif) top left no-repeat;
	padding-left: 12px;
}
.subforum.unread { 
	background: url(images/sub_new.gif) top left no-repeat;
	padding-left: 12px;
}
.legend {
	text-align: center;
	margin: 0 auto;
	padding: 2px;
}
.legend-viewforum { 
	margin: 0; 
	text-align: left; 
}

.forumrules {
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	border-left-color: #AAA;
	border-top-color: #AAA;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
	color: #D11010;
}

/* Post */
.postsubject {
	font-size: 12px;
	font-weight: bold;
	color: #2E5B82;
}
td.postbottom { 
	background: #F1F1F1 url(images/bg_tfoot.gif) top left repeat-x;
	font-size: 10px;
	color: #444;
	white-space: nowrap;
	padding: 2px;
	vertical-align: middle;
}
td.postbuttons { padding-top: 3px; }
.postdetails { 
	color: #666;
	font-size: 10px; 
	text-align: left;
}
.postdetails b {
	color: #444;
}
.posterrank		{ font-size: 9px; color: #666; }
.posterprofile	{ font-size: 10px; color: #666; }

.postauthor {
	color: #2E5B82;
	font-size: 12px;
	margin-bottom: 3px;
	font-weight: bold;
}
.postonline { margin-bottom: 2px; }

.postreported, .postreported a:visited, .postreported a:hover, .postreported a, .postreported a:active {
	margin: 1px 0px;
	color: #D11010;
	font-weight: bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a, .postapprove a:active {
	color: #00FF00;
	font-weight: bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postbody {
	font-size: 12px;
	line-height: 1.4em;
	margin: 3px 0;
}
.signature {
	font-size: 11px;
	color: #888;
	margin-top: 5px;
}
.signature .line { color: #AAA; }

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: #2E5B82;
}

.postsubject {
	font-size: 12px;
	font-weight: bold;
	color: #2E5B82;
}

.postbody a { text-decoration: underline; }

/* UCP */
.folder-current a, .folder-current a:visited {
	color: #000;
	font-weight: bold;
}
.folder-current a:hover { color: #D11010; }

td.pm_marked_colour { background: #888; }
td.pm_marked_colour_left { border-left: solid 3px #888; padding-left: 2px; }
td.pm_marked_colour_right { border-right: solid 3px #888; padding-right: 2px; }

td.pm_replied_colour { background: #2E5B82; }
td.pm_replied_colour_left { border-left: solid 3px #2E5B82; padding-left: 2px; }
td.pm_replied_colour_right { border-right: solid 3px #2E5B82; padding-right: 2px; }

td.pm_friend_colour { background: #007700; }
td.pm_friend_colour_left { border-left: solid 3px #007700; padding-left: 2px; }
td.pm_friend_colour_right { border-right: solid 3px #007700; padding-right: 2px; }

td.pm_foe_colour { background: #DD0000; }
td.pm_foe_colour_left { border-left: solid 3px #DD0000; padding-left: 2px; }
td.pm_foe_colour_right { border-right: solid 3px #DD0000; padding-right: 2px; }


/* Form Elements
 ------------ */
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #444;
	border: 1px solid #888;
	background-color: #FFF;
}
#helpline { color: #444; }

input {
	font-size: 1.1em;
	padding: 1px;
}
textarea {
	font-size: 1.3em; 
	line-height: 1.4em;
	padding: 2px;
}
select {
	font-size: 1.1em;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

.rtl option {
	padding: 0 0 0 1em;
}

.post {
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	font-size: 1.1em;
	border: 1px solid #849AB1;
}
.btnbbcode:hover {
	border-color: #444;
	color: #000;
}

.btnmain {
	font-weight: bold;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: transparent;
	color: #444;
	border-style: none;
}

* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile {
	border-color: #888;
}
textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover {
	border-color: #2E5B82;
}
textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus {
	border-color: #253F5A; 
	color: #000;
}

label:hover { 
	color: #D11010; 
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle, .codetitle {
	margin: 10px 5px 0px 5px;
	padding: 2px 4px 0 4px;
	border: solid 1px #D8D8D8;
	border-bottom-width: 0;
	color: #2E5B82;
	background: #FAFAFA url(images/bg_box_code.gif) top right no-repeat;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle { background-image: url(images/bg_box_quote.gif); }
.attachtitle { background-image: url(images/bg_box_attach.gif); }

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #D8D8D8;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
/*	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; */
	background-color: #FAFAFA;
	color: #444;
}

.attachcontent {
	font-size: 0.85em;
}

.codecontent {
	direction: ltr;
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #D8D8D8;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 11px;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FAFAFA;
	color: #444;
}

.attachcontent, html>body .postbody {
	overflow: auto;
	overflow-x: auto;
}


.syntaxbg {
	color: #000;
}

.syntaxcomment {
	color: #666;
}

.syntaxdefault {
	color: #000;
}

.syntaxhtml {
	color: #000;
}

.syntaxkeyword {
	color: #D11010;
}

.syntaxstring {
	color: #2E5B82;
}


/* More misc stuff */
h1 {; font-size: 12px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%; color : #000000; }
h2 { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; text-decoration: none; line-height: 120%; }
h3 { margin: 0px; font-size: 12px; font-family: Verdana, serif; line-height: 120%; }
h4 { margin: 0px; font-size: 12px; }

p.moderators {
	margin: 0px;
	float: right;
	color: #CCC;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0px;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0px;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0px;
}

p.topicdetails {
	margin: 1px 0px;
}
td.history-current, tr.row1 td.history-current, tr.row2 td.history-current {
	background: #DDD;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

.sep {
	color: #444;
}


/* bugs */
@media all and (min-width: 0px)
{
	/* reset file input style for Opera - it changes only text color and border, but not bg color */
	.btnfile, .btnfile:hover, .btnfile:focus { 
		border: none; 
		background-color: #FFF;
		color: #000;
	}

}
/* ===== Chery Club 2026: header/footer refresh ===== */
body { background:#f6f7f8; color:#252a30; }
.cc-modern-shell{width:100%;background:#fff;border-bottom:1px solid #e6e8eb;font-family:Arial,Helvetica,sans-serif;}
.cc-topbar{height:46px;background:#fff;border-bottom:1px solid #e8eaed;box-shadow:0 1px 5px rgba(0,0,0,.04);}
.cc-topbar-inner,.cc-nav-inner,.cc-welcome{max-width:1536px;margin:0 auto;box-sizing:border-box;}
.cc-topbar-inner{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;}
.cc-toplinks,.cc-userlinks{display:flex;align-items:center;gap:24px;}
.cc-topbar a{color:#252a30;text-decoration:none;font-size:13px;}
.cc-topbar a:hover{color:#d71920;}.cc-register{color:#d71920!important;font-weight:bold;}
.cc-hero{height:334px;max-width:1536px;margin:0 auto;background:#fff url('./images/chery-modern-hero.jpg') center center/cover no-repeat;position:relative;overflow:hidden;}
.cc-hero-user{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:240px;display:flex;align-items:center;gap:14px;padding:16px;background:rgba(255,255,255,.88);border:1px solid rgba(220,223,227,.9);border-radius:16px;box-shadow:0 8px 30px rgba(20,30,40,.08);backdrop-filter:blur(4px);}
.cc-user-badge{width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid #d71920;color:#d71920;font-weight:bold;display:flex;align-items:center;justify-content:center;font-size:11px;}
.cc-hero-user strong,.cc-hero-user span{display:block}.cc-hero-user strong{font-size:15px}.cc-hero-user span{font-size:12px;color:#687078;margin-top:5px}
.cc-nav{background:#fff;border-top:1px solid #eceef0;border-bottom:1px solid #e4e6e9;box-shadow:0 2px 10px rgba(0,0,0,.035)}
.cc-nav-inner{height:64px;display:flex;align-items:stretch;padding:0 18px;gap:2px;}
.cc-nav a{display:flex;align-items:center;gap:9px;padding:0 24px;color:#252a30;text-decoration:none;font-size:15px;border-bottom:3px solid transparent;}
.cc-nav a:hover{color:#d71920;background:#fafafa;border-bottom-color:#d71920}.cc-nav .cc-nav-home{background:#d71920;color:#fff;border-bottom-color:#d71920;border-radius:4px 4px 0 0;font-weight:bold;}
.cc-search{margin-left:auto;align-self:center;height:38px;display:flex;width:280px;background:#f4f5f6;border:1px solid #e2e4e7;border-radius:8px;overflow:hidden;}
.cc-search input{border:0!important;background:transparent!important;box-shadow:none!important;outline:none;width:100%;padding:0 13px;color:#333}.cc-search button{width:48px;border:0;background:#d71920;color:#fff;font-size:23px;cursor:pointer;}
.cc-welcome{min-height:48px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;color:#555;font-size:12px}.cc-welcome a{color:#4d545b;text-decoration:none}.cc-welcome a:hover{color:#d71920}.cc-quick{white-space:nowrap;}
.cc-adslot{max-width:1536px;margin:0 auto;padding:18px 20px 14px;text-align:center;box-sizing:border-box;background:#fff}.cc-adslot img,.cc-adslot iframe{max-width:100%;}
@media(max-width:900px){.cc-toplinks a:nth-child(2),.cc-toplinks a:nth-child(3),.cc-userlinks a:not(:last-child){display:none}.cc-topbar-inner{padding:0 14px}.cc-hero{height:190px;background-position:57% center}.cc-hero-user{display:none}.cc-nav-inner{height:auto;min-height:56px;overflow-x:auto;padding:0}.cc-nav a{padding:0 16px;min-height:56px;white-space:nowrap}.cc-search{display:none}.cc-welcome{padding:10px 14px;display:block;line-height:1.5}.cc-quick{display:block;margin-top:4px}.cc-adslot{padding:10px 6px;overflow:hidden}}
@media(max-width:560px){.cc-hero{height:145px;background-position:54% center}.cc-nav a span{font-size:12px}.cc-nav a{padding:0 12px}.cc-welcome{font-size:11px}}
.cc-footer{margin-top:28px;background:#fff;border-top:1px solid #e1e4e7;font-family:Arial,Helvetica,sans-serif;color:#343a40;}
.cc-footer-inner{max-width:1536px;margin:0 auto;padding:34px 38px 28px;display:grid;grid-template-columns:1.15fr .9fr .9fr 1.15fr;gap:38px;box-sizing:border-box;}
.cc-footer-brand{padding-right:25px;border-right:1px solid #e7e9eb}.cc-footer-logo{font-size:24px;font-weight:800;letter-spacing:.5px;margin-bottom:14px}.cc-footer-logo span{color:#d71920}.cc-footer p{font-size:12px;line-height:1.65;color:#626970;margin:0 0 10px}.cc-footer a{color:#50575e;text-decoration:none}.cc-footer a:hover{color:#d71920}.cc-footer-col strong{display:block;font-size:12px;margin-bottom:14px;color:#222}.cc-footer-col a{display:block;font-size:12px;padding:6px 0}.cc-footer-col a:before{content:'›';color:#d71920;font-weight:bold;margin-right:8px}.cc-footer-art{min-height:115px;border-left:1px solid #eceef0;padding-left:34px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9da3a8;background:linear-gradient(135deg,rgba(247,248,249,.4),#fff)}.cc-car-line{font-size:42px;font-weight:800;letter-spacing:5px;color:#e3e5e7;border:2px solid #eceeef;border-radius:60px;padding:14px 28px;margin-bottom:8px}.cc-footer-art span{font-size:11px}.cc-footer-bottom{border-top:1px solid #e7e9eb;max-width:1536px;margin:0 auto;padding:16px 38px;display:flex;gap:26px;align-items:center;color:#7a8188;font-size:10px;box-sizing:border-box}.cc-footer-bottom span:nth-child(2){margin-left:auto}
@media(max-width:900px){.cc-footer-inner{grid-template-columns:1fr 1fr;padding:26px 18px;gap:24px}.cc-footer-brand{border-right:0}.cc-footer-art{border-left:0;padding-left:0}.cc-footer-bottom{padding:14px 18px;flex-wrap:wrap;gap:12px}.cc-footer-bottom span:nth-child(2){margin-left:0}}
@media(max-width:560px){.cc-footer-inner{grid-template-columns:1fr}.cc-footer-art{display:none}.cc-footer-bottom{display:block;line-height:1.8}.cc-footer-bottom span{display:block}}

/* ===== Chery Club 2026 v2: layered hero + compact header ===== */
.cc-hero{
    height:365px;
    background-image:url('./images/chery-header-bg-v2.jpg');
    background-position:center top;
    background-size:cover;
    background-repeat:no-repeat;
    transition:height .38s ease;
}
.cc-brand-lockup{
    position:absolute;
    z-index:3;
    left:24px;
    top:66px;
    width:520px;
    max-width:calc(100% - 330px);
    display:block;
    text-decoration:none;
    transition:top .38s ease;
}
.cc-brand-lockup img{
    display:block;
    width:100%;
    height:auto;
    border:0;
}
.cc-hero-user{
    z-index:4;
    right:28px;
    top:68px;
    transform:none;
    width:242px;
    min-height:122px;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:54px 1fr;
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:13px;
    row-gap:11px;
    padding:14px 15px;
    border-radius:14px;
    transition:top .38s ease;
}
.cc-hero-user-copy{min-width:0;}
.cc-help-button{
    grid-column:1 / span 2;
    display:block;
    box-sizing:border-box;
    width:100%;
    padding:10px 12px;
    text-align:center;
    border-radius:6px;
    background:#d71920;
    color:#fff!important;
    font-size:13px;
    font-weight:bold;
    text-decoration:none!important;
    box-shadow:0 3px 10px rgba(215,25,32,.16);
}
.cc-help-button:hover{background:#bd1118;color:#fff!important;}
.cc-header-toggle{
    position:absolute;
    z-index:6;
    right:14px;
    bottom:12px;
    width:36px;
    height:30px;
    padding:0;
    border:1px solid rgba(190,195,200,.85);
    border-radius:7px;
    background:rgba(255,255,255,.88);
    box-shadow:0 2px 10px rgba(0,0,0,.08);
    cursor:pointer;
    outline:none;
}
.cc-header-toggle span,
.cc-header-toggle span:before{
    content:'';
    position:absolute;
    left:50%;
    width:9px;
    height:9px;
    border-left:2px solid #343a40;
    border-top:2px solid #343a40;
    transform:translate(-50%,-20%) rotate(45deg);
}
.cc-header-toggle span{top:10px;}
.cc-header-toggle span:before{top:7px;left:3px;}

/* Compact mode: same art and same logo size; only crop the hero from below and move overlays upward. */
body.cc-header-compact .cc-hero{height:205px;}
body.cc-header-compact .cc-brand-lockup{top:8px;}
body.cc-header-compact .cc-hero-user{top:14px;}
body.cc-header-compact .cc-header-toggle span,
body.cc-header-compact .cc-header-toggle span:before{
    transform:translate(-50%,-70%) rotate(225deg);
}

@media(max-width:1100px){
    .cc-brand-lockup{width:470px;max-width:calc(100% - 300px);left:16px;top:62px;}
    .cc-hero-user{right:16px;width:225px;}
    body.cc-header-compact .cc-brand-lockup{top:8px;}
}
@media(max-width:900px){
    .cc-hero{height:270px;background-position:58% top;}
    .cc-brand-lockup{width:430px;max-width:62%;left:12px;top:48px;}
    .cc-hero-user{right:12px;top:44px;width:210px;padding:12px;}
    body.cc-header-compact .cc-hero{height:178px;}
    body.cc-header-compact .cc-brand-lockup{top:6px;}
    body.cc-header-compact .cc-hero-user{top:8px;}
}
@media(max-width:700px){
    .cc-hero{height:225px;background-position:60% top;}
    .cc-brand-lockup{width:500px;max-width:88%;left:8px;top:34px;}
    .cc-hero-user{display:none;}
    body.cc-header-compact .cc-hero{height:165px;}
    body.cc-header-compact .cc-brand-lockup{top:4px;}
    .cc-header-toggle{right:8px;bottom:8px;}
}
@media(max-width:480px){
    .cc-hero{height:190px;background-position:61% top;}
    .cc-brand-lockup{max-width:94%;left:4px;top:24px;}
    body.cc-header-compact .cc-hero{height:145px;}
    body.cc-header-compact .cc-brand-lockup{top:2px;}
}

/* ===== Chery Club 2026 v3: adaptive hero polish ===== */
/* The hero now reaches the full viewport width on large screens instead of ending at 1536px. */
.cc-hero{
    width:100%;
    max-width:none;
    height:365px;
    background-image:url('./images/chery-header-bg-v3.jpg');
    background-size:cover;
    background-position:center bottom;
    overflow:visible;
}

/* Keep the approved left brand lockup exactly the same size. */
.cc-brand-lockup{
    left:max(24px, calc((100% - 1536px)/2 + 24px));
    top:66px;
    width:520px;
    max-width:calc(100% - 330px);
}

/* Right welcome/help card: same idea, but less bulky. */
.cc-hero-user{
    right:max(28px, calc((100% - 1536px)/2 + 28px));
    top:64px;
    width:220px;
    min-height:104px;
    grid-template-columns:46px 1fr;
    column-gap:11px;
    row-gap:7px;
    padding:11px 12px;
    border-radius:12px;
}
.cc-user-badge{width:46px;height:46px;font-size:10px;}
.cc-hero-user strong{font-size:14px;line-height:1.15;}
.cc-hero-user span{font-size:11px;margin-top:3px;line-height:1.2;}
.cc-help-button{padding:8px 10px;font-size:12px;border-radius:6px;}

/* Graphic fold/unfold control centered between hero and navigation. */
.cc-header-toggle{
    left:50%;
    right:auto;
    bottom:-18px;
    transform:translateX(-50%);
    width:46px;
    height:46px;
    border:1px solid rgba(205,210,215,.92);
    border-radius:50%;
    background:#fff;
    box-shadow:0 5px 18px rgba(31,45,60,.15);
}
.cc-header-toggle:before,
.cc-header-toggle:after{
    content:'';
    position:absolute;
    bottom:6px;
    width:16px;
    height:3px;
    border-radius:2px;
}
.cc-header-toggle:before{left:7px;background:#1877c9;transform:rotate(11deg);}
.cc-header-toggle:after{right:7px;background:#f4c300;transform:rotate(-11deg);}
.cc-header-toggle span,
.cc-header-toggle span:before{
    width:10px;
    height:10px;
    border-left:2px solid #34404a;
    border-top:2px solid #34404a;
}
.cc-header-toggle span{top:12px;}
.cc-header-toggle:hover{box-shadow:0 6px 20px rgba(31,45,60,.22);}
.cc-nav{position:relative;z-index:5;}

/* Compact state: do not scale the logo. The hero is simply shorter and the lockup moves upward. */
body.cc-header-compact .cc-hero{
    height:190px;
    background-position:center top;
}
body.cc-header-compact .cc-brand-lockup{top:0;}
body.cc-header-compact .cc-hero-user{top:8px;}
body.cc-header-compact .cc-header-toggle span,
body.cc-header-compact .cc-header-toggle span:before{
    transform:translate(-50%,-70%) rotate(225deg);
}

@media(max-width:1100px){
    .cc-hero{height:330px;background-position:center bottom;}
    .cc-brand-lockup{left:16px;top:62px;width:470px;max-width:calc(100% - 280px);}
    .cc-hero-user{right:16px;top:58px;width:205px;}
    body.cc-header-compact .cc-hero{height:176px;background-position:center top;}
    body.cc-header-compact .cc-brand-lockup{top:0;}
    body.cc-header-compact .cc-hero-user{top:6px;}
}
@media(max-width:900px){
    .cc-hero{height:290px;background-position:60% bottom;}
    .cc-brand-lockup{width:430px;max-width:62%;left:12px;top:48px;}
    .cc-hero-user{right:12px;top:42px;width:194px;padding:9px 10px;grid-template-columns:42px 1fr;}
    .cc-user-badge{width:42px;height:42px;}
    body.cc-header-compact .cc-hero{height:164px;background-position:58% top;}
    body.cc-header-compact .cc-brand-lockup{top:0;}
    body.cc-header-compact .cc-hero-user{top:5px;}
}
@media(max-width:700px){
    .cc-hero{height:235px;background-position:62% bottom;}
    .cc-brand-lockup{width:500px;max-width:88%;left:8px;top:34px;}
    .cc-hero-user{display:none;}
    body.cc-header-compact .cc-hero{height:158px;background-position:60% top;}
    body.cc-header-compact .cc-brand-lockup{top:0;}
    .cc-header-toggle{bottom:-16px;width:42px;height:42px;}
}
@media(max-width:480px){
    .cc-hero{height:200px;background-position:64% bottom;}
    .cc-brand-lockup{max-width:94%;left:4px;top:24px;}
    body.cc-header-compact .cc-hero{height:148px;background-position:62% top;}
    body.cc-header-compact .cc-brand-lockup{top:0;}
}

/* ===== Chery Club 2026 v4: restored painted flag + tighter compact header ===== */
.cc-hero{
    background-image:url('./images/chery-header-bg-v4.jpg');
}

/* Real graphic toggle icon. The round button itself stays unchanged. */
.cc-header-toggle:before,
.cc-header-toggle:after{
    display:none!important;
    content:none!important;
}
.cc-header-toggle span,
.cc-header-toggle span:before{
    border:0!important;
    width:auto!important;
    height:auto!important;
    transform:none!important;
}
.cc-header-toggle span{
    position:absolute;
    left:50%;
    top:50%;
    width:30px!important;
    height:30px!important;
    margin:-15px 0 0 -15px;
    background:url('./images/header-toggle-arrow.svg') center center/30px 30px no-repeat;
    transition:transform .30s ease;
}
.cc-header-toggle span:before{display:none!important;content:none!important;}
body.cc-header-compact .cc-header-toggle span{
    transform:rotate(180deg)!important;
}

/* Desktop compact mode: the lockup keeps its size and simply rises higher;
   the hero is cropped further from the bottom. */
body.cc-header-compact .cc-hero{
    height:155px;
    background-position:center top;
}
body.cc-header-compact .cc-brand-lockup{
    top:-18px;
}
body.cc-header-compact .cc-hero-user{
    top:4px;
}

@media(max-width:1100px){
    body.cc-header-compact .cc-hero{height:150px;background-position:center top;}
    body.cc-header-compact .cc-brand-lockup{top:-16px;}
    body.cc-header-compact .cc-hero-user{top:4px;}
}
@media(max-width:900px){
    body.cc-header-compact .cc-hero{height:150px;background-position:58% top;}
    body.cc-header-compact .cc-brand-lockup{top:-8px;}
    body.cc-header-compact .cc-hero-user{top:4px;}
}
@media(max-width:700px){
    body.cc-header-compact .cc-hero{height:150px;background-position:60% top;}
    body.cc-header-compact .cc-brand-lockup{top:0;}
}
@media(max-width:480px){
    body.cc-header-compact .cc-hero{height:145px;background-position:62% top;}
    body.cc-header-compact .cc-brand-lockup{top:0;}
}

/* ===== Chery Club 2026 v5: clearer toggle direction + slimmer compact header ===== */
/* Full header: arrow points UP because clicking collapses the header. */
.cc-header-toggle span{
    background-image:url('./images/header-toggle-up.svg')!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:30px 30px!important;
    transform:none!important;
}
/* Compact header: arrow points DOWN because clicking expands the header. */
body.cc-header-compact .cc-header-toggle span{
    background-image:url('./images/header-toggle-down.svg')!important;
    transform:none!important;
}

/* Make compact mode shorter without scaling the approved brand lockup. */
body.cc-header-compact .cc-hero{
    height:138px;
    background-position:center top;
}
body.cc-header-compact .cc-brand-lockup{
    top:-50px;
}
body.cc-header-compact .cc-hero-user{
    top:3px;
}

@media(max-width:1100px){
    body.cc-header-compact .cc-hero{height:136px;background-position:center top;}
    body.cc-header-compact .cc-brand-lockup{top:-35px;}
    body.cc-header-compact .cc-hero-user{top:3px;}
}
@media(max-width:900px){
    body.cc-header-compact .cc-hero{height:134px;background-position:58% top;}
    body.cc-header-compact .cc-brand-lockup{top:-23px;}
    body.cc-header-compact .cc-hero-user{top:3px;}
}
@media(max-width:700px){
    body.cc-header-compact .cc-hero{height:142px;background-position:60% top;}
    body.cc-header-compact .cc-brand-lockup{top:-32px;}
}
@media(max-width:480px){
    body.cc-header-compact .cc-hero{height:140px;background-position:62% top;}
    body.cc-header-compact .cc-brand-lockup{top:-24px;}
}

/* ===== Chery Club 2026 v6: centered compact composition ===== */
/* In compact mode the approved overlays keep their size and sit vertically
   centered inside the shorter hero. The same background artwork is shifted
   down to its visual centre so the car / Kyiv / bridge remain visible. */
.cc-hero{
    transition:height .38s ease, background-position .38s ease;
}
.cc-brand-lockup{
    transition:top .38s ease, transform .38s ease;
}
.cc-hero-user{
    transition:top .38s ease, transform .38s ease;
}

body.cc-header-compact .cc-hero{
    height:130px;
    background-position:center 62%;
}
body.cc-header-compact .cc-brand-lockup{
    top:50%;
    transform:translateY(-50%);
}
body.cc-header-compact .cc-hero-user{
    top:50%;
    transform:translateY(-50%);
}

@media(max-width:1100px){
    body.cc-header-compact .cc-hero{
        height:128px;
        background-position:center 62%;
    }
    body.cc-header-compact .cc-brand-lockup,
    body.cc-header-compact .cc-hero-user{
        top:50%;
        transform:translateY(-50%);
    }
}
@media(max-width:900px){
    body.cc-header-compact .cc-hero{
        height:124px;
        background-position:58% 62%;
    }
    body.cc-header-compact .cc-brand-lockup{
        top:50%;
        transform:translateY(-50%);
    }
}
@media(max-width:700px){
    body.cc-header-compact .cc-hero{
        height:136px;
        background-position:60% 62%;
    }
    body.cc-header-compact .cc-brand-lockup{
        top:50%;
        transform:translateY(-50%);
    }
}
@media(max-width:480px){
    body.cc-header-compact .cc-hero{
        height:132px;
        background-position:62% 62%;
    }
    body.cc-header-compact .cc-brand-lockup{
        top:50%;
        transform:translateY(-50%);
    }
}

/* ===== Chery Club 2026 v7: unified graphic icon system + cleaner nav ===== */
.cc-topbar-inner,.cc-nav-inner{max-width:1536px;margin:0 auto;box-sizing:border-box;}
.cc-toplinks,.cc-userlinks{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.cc-icon-link{display:inline-flex;align-items:center;gap:8px;color:#252a30;text-decoration:none;line-height:1;white-space:nowrap;}
.cc-topbar a.cc-icon-link{font-size:13px;}
.cc-link-ico,.cc-nav-ico,.cc-search-ico{
    display:inline-block;
    flex:0 0 auto;
    background-color:currentColor;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:contain;
    mask-size:contain;
}
.cc-link-ico{width:16px;height:16px;opacity:.95;}
.cc-nav-ico{width:18px;height:18px;}
.cc-search-ico{width:18px;height:18px;color:#fff;background-color:currentColor;}

.cc-ico-site{-webkit-mask-image:url('./images/icons/site.svg');mask-image:url('./images/icons/site.svg');}
.cc-ico-rules{-webkit-mask-image:url('./images/icons/rules.svg');mask-image:url('./images/icons/rules.svg');}
.cc-ico-faq{-webkit-mask-image:url('./images/icons/faq.svg');mask-image:url('./images/icons/faq.svg');}
.cc-ico-pm{-webkit-mask-image:url('./images/icons/pm.svg');mask-image:url('./images/icons/pm.svg');}
.cc-ico-profile{-webkit-mask-image:url('./images/icons/profile.svg');mask-image:url('./images/icons/profile.svg');}
.cc-ico-logout{-webkit-mask-image:url('./images/icons/logout.svg');mask-image:url('./images/icons/logout.svg');}
.cc-ico-forum{-webkit-mask-image:url('./images/icons/forum.svg');mask-image:url('./images/icons/forum.svg');}
.cc-ico-whatsnew{-webkit-mask-image:url('./images/icons/whatsnew.svg');mask-image:url('./images/icons/whatsnew.svg');}
.cc-ico-users{-webkit-mask-image:url('./images/icons/users.svg');mask-image:url('./images/icons/users.svg');}
.cc-ico-newposts{-webkit-mask-image:url('./images/icons/newposts.svg');mask-image:url('./images/icons/newposts.svg');}
.cc-ico-active{-webkit-mask-image:url('./images/icons/active.svg');mask-image:url('./images/icons/active.svg');}
.cc-search-ico{-webkit-mask-image:url('./images/icons/search.svg');mask-image:url('./images/icons/search.svg');}

.cc-topbar a:hover .cc-link-ico,
.cc-nav a:hover .cc-nav-ico{opacity:1;}

.cc-nav-inner{height:64px;display:flex;align-items:stretch;padding:0 18px;gap:2px;}
.cc-nav a{display:flex;align-items:center;gap:10px;padding:0 22px;color:#252a30;text-decoration:none;font-size:15px;border-bottom:3px solid transparent;line-height:1;}
.cc-nav .cc-nav-home{color:#fff;}
.cc-nav .cc-nav-home .cc-nav-ico{background-color:currentColor;}
.cc-search{margin-left:auto;align-self:center;height:40px;display:flex;width:282px;background:#f4f5f6;border:1px solid #e2e4e7;border-radius:8px;overflow:hidden;}
.cc-search input{border:0!important;background:transparent!important;box-shadow:none!important;outline:none;width:100%;padding:0 13px;color:#333}
.cc-search button{width:48px;border:0;background:#d71920;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0;line-height:0;}

/* Remove the old duplicated welcome strip entirely in v7. */
.cc-welcome{display:none!important;}

@media(max-width:1100px){
    .cc-toplinks,.cc-userlinks{gap:14px;}
    .cc-nav a{padding:0 18px;}
    .cc-search{width:240px;}
}
@media(max-width:900px){
    .cc-toplinks a:nth-child(2), .cc-toplinks a:nth-child(3), .cc-userlinks a:not(:last-child){display:none;}
    .cc-nav a{padding:0 16px;gap:8px;min-height:56px;white-space:nowrap;}
    .cc-nav-ico{width:16px;height:16px;}
}
@media(max-width:560px){
    .cc-nav a span:last-child{font-size:12px;}
    .cc-link-ico{width:15px;height:15px;}
}

/* ===== Chery Club 2026 v8: larger detailed phpBB imageset ===== */
.cc-forum-icon-cell {
    width: 76px !important;
    min-width: 76px;
    padding: 6px 4px !important;
    vertical-align: middle !important;
}
.cc-topic-icon-cell {
    width: 62px !important;
    min-width: 62px;
    padding: 5px 4px !important;
    vertical-align: middle !important;
}
.cc-forum-icon-cell img,
.cc-topic-icon-cell img {
    display: inline-block;
    vertical-align: middle;
    max-width: none;
}
/* Give detailed buttons a little breathing room without changing forum logic. */
#pagecontent img[src*="button_topic_"],
#pagecontent img[src*="button_pm_"],
#pagecontent img[src*="quick_reply"] {
    vertical-align: middle;
}

/* ==========================================================
   CHERY CLUB 2026 — LIGHT FORUM BODY ONLY v2
   IMPORTANT: header and footer are intentionally untouched.
   Everything is scoped to #contentrow (the forum area below header).
   ========================================================== */

#contentrow {
    padding: 22px 26px 30px !important;
    color: #332f2c;
    background-color: #fbf8f5;
    background-image:
        radial-gradient(circle at 12% 6%, rgba(224, 176, 117, .13) 0, rgba(224,176,117,0) 24%),
        radial-gradient(circle at 92% 10%, rgba(218, 35, 43, .055) 0, rgba(218,35,43,0) 22%),
        linear-gradient(30deg, rgba(204,190,178,.14) 12%, transparent 12.5%, transparent 87%, rgba(204,190,178,.14) 87.5%, rgba(204,190,178,.14)),
        linear-gradient(150deg, rgba(204,190,178,.14) 12%, transparent 12.5%, transparent 87%, rgba(204,190,178,.14) 87.5%, rgba(204,190,178,.14)),
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(249,245,241,.92));
    background-size: auto, auto, 68px 118px, 68px 118px, auto;
    background-position: center, center, -12px -24px, -12px -24px, center;
}

/* soft road-like lines in the lower body, created with CSS only */
#contentrow:before {
    content: "";
    display: block;
    height: 1px;
    margin: -8px 0 18px;
    background: linear-gradient(90deg, transparent 0%, rgba(221,27,35,.28) 20%, rgba(228,164,65,.30) 50%, rgba(221,27,35,.16) 78%, transparent 100%);
}

#contentrow a,
#contentrow a:link,
#contentrow a:visited { color: #334a5b; }
#contentrow a:hover { color: #d71920; }

#contentrow .breadcrumbs {
    margin: 2px 0 10px;
    color: #786e66;
    font-size: 12px;
    line-height: 1.55;
}
#contentrow .datetime { color: #9d9189; font-size: 11px; }

/* Main forum cards */
#contentrow .tablebg {
    overflow: hidden;
    border: 1px solid #eadfd8 !important;
    border-radius: 15px;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 10px 30px rgba(73, 61, 53, .055);
}

/* category / section title */
#contentrow .cap-div,
#contentrow caption {
    height: auto !important;
    min-height: 42px;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #ecd8ce;
    border-bottom-color: #e8cdc1;
    border-radius: 15px 15px 0 0;
    background: linear-gradient(180deg, rgba(255,249,246,.98) 0%, rgba(252,238,231,.98) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95);
}
#contentrow .cap-left,
#contentrow .cap-right {
    height: auto !important;
    min-height: 42px;
    padding: 0 !important;
    background: none !important;
}
#contentrow .cap-right {
    display: flex;
    align-items: center;
    padding: 0 15px !important;
}
#contentrow .cap-div h1,
#contentrow .cap-div h2,
#contentrow .cap-div h3,
#contentrow .cap-div h4,
#contentrow caption h1,
#contentrow caption h2,
#contentrow caption h3,
#contentrow caption h4 {
    display: inline-block;
    color: #352f2b !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px !important;
    font-weight: 700;
    line-height: 1.25;
}
#contentrow .cap-div a,
#contentrow .cap-div a:visited,
#contentrow caption a,
#contentrow caption a:visited { color: #352f2b !important; }
#contentrow .cap-div a:hover,
#contentrow caption a:hover { color: #d71920 !important; }

/* Table headings */
#contentrow th {
    height: 39px;
    padding: 0 10px;
    color: #776a61;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
    background: linear-gradient(180deg, #fffdfc 0%, #faf4f0 100%) !important;
    border-top: 0 !important;
    border-left: 1px solid #f7efeb !important;
    border-right: 1px solid #eee4de !important;
    border-bottom: 1px solid #eaded7 !important;
}
#contentrow th a,
#contentrow th a:visited { color: #776a61 !important; text-decoration: none; }
#contentrow th a:hover { color: #d71920 !important; }

/* Forum/topic rows */
#contentrow .row1,
#contentrow .row2,
#contentrow .row3,
#contentrow tr.row1 .row,
#contentrow tr.row2 .row,
#contentrow tr.row3 .row,
#contentrow .postbottom,
#contentrow .forumrules {
    padding: 7px 9px;
    border-left: 1px solid #fbf8f6 !important;
    border-right: 1px solid #efe7e1 !important;
    border-top: 1px solid #fbf9f7 !important;
    border-bottom: 1px solid #eee5df !important;
    background: rgba(255,255,255,.96) !important;
}
#contentrow tr.row2 > td,
#contentrow tr.row2 > .row { background: rgba(253,251,249,.98) !important; }
#contentrow tr.row1:hover > td,
#contentrow tr.row2:hover > td { background: #fffaf7 !important; }

/* Forum list typography */
#contentrow .cc-forum-icon-cell {
    width: 76px !important;
    background: linear-gradient(180deg,#fff,#fcf8f5) !important;
}
#contentrow a.forumlink {
    display: inline-block;
    margin: 1px 0 3px;
    color: #272321 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 700;
}
#contentrow a.forumlink:hover,
#contentrow a.forumlink.link-new { color: #d71920 !important; }
#contentrow p.forumdesc {
    margin: 0;
    padding: 0 0 3px;
    color: #80746c;
    font-size: 11px;
    line-height: 1.4;
}
#contentrow p.topicdetails {
    margin: 1px 0;
    color: #615851;
    font-size: 11px;
    line-height: 1.35;
}

/* Footer row inside forum list (mark read etc.) */
#contentrow .cat,
#contentrow .cathead,
#contentrow .catdiv {
    height: auto !important;
    min-height: 30px;
    padding: 8px 10px !important;
    color: #786b62;
    background: linear-gradient(180deg,#fffaf8,#faf1ec) !important;
    border-left: 1px solid #f7efea !important;
    border-right: 1px solid #eee4de !important;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #eadfd8 !important;
}
#contentrow .cat a,
#contentrow .cat a:visited { color: #685b53; }
#contentrow .cat a:hover { color: #d71920; }

/* small information blocks on index */
#contentrow .navrow,
#contentrow .navrow_red,
#contentrow .pm-notify-new,
#contentrow .pm-notify-unread {
    border: 1px solid #eadfd8 !important;
    border-radius: 13px;
    background: rgba(255,255,255,.95) !important;
    box-shadow: 0 8px 22px rgba(75,63,55,.045);
}

/* Posts / viewtopic */
#contentrow .postauthor {
    color: #8f4c28;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
}
#contentrow .postsubject {
    color: #344b5c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
}
#contentrow .postbody {
    color: #383330;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.62;
}
#contentrow .postdetails,
#contentrow .gensmall,
#contentrow .genmed { color: #70665f; }
#contentrow .postbottom {
    min-height: 34px;
    background: linear-gradient(180deg,#fff,#faf6f3) !important;
}
#contentrow .signature {
    color: #82776f;
    border-top-color: #eee2db;
}

/* Inputs, selects and form controls below the header only */
#contentrow input.post,
#contentrow textarea.post,
#contentrow select,
#contentrow input[type="text"],
#contentrow input[type="password"] {
    color: #3f3935;
    background: #fff;
    border: 1px solid #e3d8d1;
    border-radius: 8px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.025);
}
#contentrow input.btnmain,
#contentrow input.btnlite,
#contentrow input[type="submit"],
#contentrow input[type="button"] {
    padding: 6px 12px;
    color: #3a3430;
    border: 1px solid #ded2ca;
    border-radius: 8px;
    background: linear-gradient(180deg,#fff,#f7efea);
    box-shadow: 0 3px 8px rgba(62,52,46,.04);
}
#contentrow input.btnmain:hover,
#contentrow input.btnlite:hover,
#contentrow input[type="submit"]:hover,
#contentrow input[type="button"]:hover {
    color: #d71920;
    border-color: #dfc0b5;
    background: linear-gradient(180deg,#fff,#fff5f1);
}

/* quotes / code */
#contentrow .quotetitle,
#contentrow .codetitle {
    color: #6d5e55;
    background: #f8efe9;
    border-color: #eadbd2;
}
#contentrow .quotecontent,
#contentrow .codecontent {
    color: #4c4540;
    background: #fffdfb;
    border-color: #eadbd2;
}

/* legend */
#contentrow .legend {
    margin: 16px auto 2px;
    padding: 10px 16px;
    border: 1px solid #eadfd8;
    border-radius: 13px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 8px 20px rgba(70,59,52,.04);
}
#contentrow .legend td { padding: 6px 8px; }

/* responsive body only */
@media (max-width: 900px) {
    #contentrow { padding: 16px 14px 22px !important; background-size: auto, auto, 88px 152px, 88px 152px, auto; }
    #contentrow .tablebg { border-radius: 12px; }
    #contentrow .cap-div, #contentrow caption { border-radius: 12px 12px 0 0; }
    #contentrow a.forumlink { font-size: 14px; }
}

@media (max-width: 620px) {
    #contentrow { padding: 12px 8px 18px !important; }
    #contentrow th { font-size: 9px; padding: 0 5px; }
    #contentrow .row1, #contentrow .row2, #contentrow .row3 { padding: 6px; }
    #contentrow .postbody { font-size: 12px; }
}

/* ==========================================================
   CHERY CLUB 2026 — BODY VARIANT A v3
   STRICT RECTANGULAR PANELS / NO ROUNDED FORUM BLOCKS
   Header, navigation and footer are NOT touched.
   ========================================================== */

/* Main forum blocks: straight geometry */
#contentrow .tablebg,
#contentrow .cap-div,
#contentrow caption,
#contentrow .navrow,
#contentrow .navrow_red,
#contentrow .pm-notify-new,
#contentrow .pm-notify-unread,
#contentrow .legend,
#contentrow .forumrules,
#contentrow .quotetitle,
#contentrow .quotecontent,
#contentrow .codetitle,
#contentrow .codecontent,
#contentrow input.post,
#contentrow textarea.post,
#contentrow select,
#contentrow input[type="text"],
#contentrow input[type="password"],
#contentrow input.btnmain,
#contentrow input.btnlite,
#contentrow input[type="submit"],
#contentrow input[type="button"] {
    border-radius: 0 !important;
}

/* Flat forum table – one clean rectangular plane */
#contentrow .tablebg {
    overflow: visible;
    border: 1px solid #dfd2c8 !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: 0 3px 12px rgba(70,58,50,.035) !important;
}

/* Section title: graphic strip instead of rounded card */
#contentrow .cap-div,
#contentrow caption {
    min-height: 40px;
    border: 1px solid #dfcfc4 !important;
    border-bottom: 1px solid #d9c1b3 !important;
    border-radius: 0 !important;
    background-color: #fbefe7 !important;
    background-image:
        linear-gradient(90deg, rgba(255,250,247,.98) 0%, rgba(255,247,242,.96) 56%, rgba(248,231,219,.86) 100%),
        repeating-linear-gradient(135deg, rgba(191,153,126,.14) 0, rgba(191,153,126,.14) 1px, transparent 1px, transparent 12px) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95) !important;
}
#contentrow .cap-right {
    min-height: 40px;
    padding: 0 16px !important;
    border-left: 3px solid #d71920;
    box-sizing: border-box;
}
#contentrow .cap-div h1,
#contentrow .cap-div h2,
#contentrow .cap-div h3,
#contentrow .cap-div h4,
#contentrow caption h1,
#contentrow caption h2,
#contentrow caption h3,
#contentrow caption h4 {
    font-size: 15px !important;
    letter-spacing: .01em;
}

/* Column header: flatter and more technical */
#contentrow th {
    height: 38px;
    background: #faf6f3 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #ddd0c7 !important;
    border-left: 1px solid #f7f2ef !important;
    border-right: 1px solid #e7ddd7 !important;
    color: #665a52;
}

/* Rows: direct separators, no "card" feel */
#contentrow .row1,
#contentrow .row2,
#contentrow .row3,
#contentrow tr.row1 .row,
#contentrow tr.row2 .row,
#contentrow tr.row3 .row,
#contentrow .postbottom,
#contentrow .forumrules {
    border-left: 1px solid #f7f3f0 !important;
    border-right: 1px solid #e9e0da !important;
    border-top: 0 !important;
    border-bottom: 1px solid #e6dcd5 !important;
    background: #fff !important;
}
#contentrow tr.row2 > td,
#contentrow tr.row2 > .row {
    background: #fcfaf8 !important;
}
#contentrow tr.row1:hover > td,
#contentrow tr.row2:hover > td {
    background: #fff7f2 !important;
}

/* Forum icon column and numeric columns have slight structure */
#contentrow .cc-forum-icon-cell {
    background: #fbf8f5 !important;
    border-right-color: #e4d8d0 !important;
}
#contentrow td[align="center"] {
    background-image: linear-gradient(180deg, rgba(255,255,255,.36), rgba(249,245,242,.18));
}

/* Flat utility strips */
#contentrow .cat,
#contentrow .cathead,
#contentrow .catdiv {
    border-radius: 0 !important;
    background-color: #faf3ee !important;
    background-image: repeating-linear-gradient(135deg, rgba(196,160,135,.09) 0, rgba(196,160,135,.09) 1px, transparent 1px, transparent 11px) !important;
    border-top: 1px solid #eee4dd !important;
    border-bottom: 1px solid #ded0c6 !important;
}

/* Information blocks – simple horizontal panels */
#contentrow .navrow,
#contentrow .navrow_red,
#contentrow .pm-notify-new,
#contentrow .pm-notify-unread {
    border: 1px solid #e1d5cc !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* Viewtopic: clean editorial separators */
#contentrow .postbottom {
    min-height: 34px;
    background: #faf7f4 !important;
    border-top: 1px solid #eee5df !important;
}
#contentrow .postbody {
    line-height: 1.66;
}
#contentrow .signature {
    border-top: 1px solid #e7ddd6 !important;
}

/* Quote / code – left accent, no rounded container */
#contentrow .quotetitle,
#contentrow .codetitle {
    border: 1px solid #e1d3ca !important;
    border-bottom: 0 !important;
    border-left: 3px solid #d7a56c !important;
    background: #f8f1ec !important;
}
#contentrow .quotecontent,
#contentrow .codecontent {
    border: 1px solid #e1d3ca !important;
    border-left: 3px solid #d7a56c !important;
    background: #fffdfb !important;
}

/* Form controls: rectangular, small and clean */
#contentrow input.post,
#contentrow textarea.post,
#contentrow select,
#contentrow input[type="text"],
#contentrow input[type="password"] {
    border-color: #dcd0c8 !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.018) !important;
}
#contentrow input.btnmain,
#contentrow input.btnlite,
#contentrow input[type="submit"],
#contentrow input[type="button"] {
    border-color: #d9ccc3 !important;
    background: #faf6f3 !important;
    box-shadow: none !important;
}

/* Legend – table-like rather than card-like */
#contentrow .legend {
    border: 1px solid #e0d3ca !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* Subtle geometric rhythm: keep background, but cleaner than v2 */
#contentrow {
    background-color: #fbf8f5 !important;
    background-image:
        linear-gradient(180deg, rgba(255,255,255,.90), rgba(250,246,242,.92)),
        linear-gradient(30deg, rgba(203,188,176,.105) 12%, transparent 12.5%, transparent 87%, rgba(203,188,176,.105) 87.5%, rgba(203,188,176,.105)),
        linear-gradient(150deg, rgba(203,188,176,.105) 12%, transparent 12.5%, transparent 87%, rgba(203,188,176,.105) 87.5%, rgba(203,188,176,.105)) !important;
    background-size: auto, 76px 132px, 76px 132px !important;
    background-position: center, -16px -28px, -16px -28px !important;
}
#contentrow:before {
    height: 2px;
    margin: -8px 0 18px;
    background: linear-gradient(90deg, transparent 0%, rgba(215,25,32,.32) 18%, rgba(223,165,75,.28) 48%, rgba(215,25,32,.14) 80%, transparent 100%);
}

/* Force rectangular forum UI at all responsive sizes */
@media (max-width: 900px) {
    #contentrow .tablebg,
    #contentrow .cap-div,
    #contentrow caption,
    #contentrow .navrow,
    #contentrow .navrow_red,
    #contentrow .legend { border-radius: 0 !important; }
}

/* ==========================================================
   CHERY CLUB 2026 — BODY VARIANT A v4
   Stronger visible geometric pattern inside forum blocks
   ========================================================== */

/* Main section headers: pattern more visible, but still soft */
#contentrow .cap-div,
#contentrow caption {
    background-color: #fbefe7 !important;
    background-image:
        linear-gradient(180deg, rgba(255,251,249,.98) 0%, rgba(252,242,236,.97) 100%),
        linear-gradient(45deg, rgba(193,154,127,.15) 25%, transparent 25%, transparent 75%, rgba(193,154,127,.15) 75%, rgba(193,154,127,.15)),
        linear-gradient(-45deg, rgba(193,154,127,.12) 25%, transparent 25%, transparent 75%, rgba(193,154,127,.12) 75%, rgba(193,154,127,.12)),
        linear-gradient(90deg, rgba(215,25,32,.18) 0 4px, transparent 4px 100%) !important;
    background-size: auto, 34px 34px, 34px 34px, 100% 100% !important;
    background-position: 0 0, 0 0, 17px 17px, 0 0 !important;
}

/* Column header row: slightly more graphic */
#contentrow th {
    background-color: #faf6f3 !important;
    background-image:
        linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(250,244,239,.96) 100%),
        repeating-linear-gradient(135deg, rgba(196,162,137,.11) 0, rgba(196,162,137,.11) 1px, transparent 1px, transparent 10px) !important;
    background-size: auto, 18px 18px !important;
}

/* Bottom utility strips / small caps */
#contentrow .cat,
#contentrow .cathead,
#contentrow .catdiv {
    background-color: #faf3ee !important;
    background-image:
        linear-gradient(180deg, rgba(255,255,255,.84) 0%, rgba(249,240,234,.92) 100%),
        linear-gradient(45deg, rgba(196,160,135,.13) 25%, transparent 25%, transparent 75%, rgba(196,160,135,.13) 75%, rgba(196,160,135,.13)),
        linear-gradient(-45deg, rgba(196,160,135,.10) 25%, transparent 25%, transparent 75%, rgba(196,160,135,.10) 75%, rgba(196,160,135,.10)) !important;
    background-size: auto, 26px 26px, 26px 26px !important;
    background-position: 0 0, 0 0, 13px 13px !important;
}

/* Generic framed blocks under the header: keep calm, but with visible motif */
#contentrow .navrow,
#contentrow .navrow_red,
#contentrow .pm-notify-new,
#contentrow .pm-notify-unread,
#contentrow .legend,
#contentrow .forumrules {
    background-color: #fffdfa !important;
    background-image:
        linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(252,248,244,.96) 100%),
        repeating-linear-gradient(135deg, rgba(203,188,176,.09) 0, rgba(203,188,176,.09) 1px, transparent 1px, transparent 12px) !important;
    background-size: auto, 20px 20px !important;
}


/* ==========================================================
   CHERY CLUB 2026 — FORUM BODY GRAPHICS v7
   BODY ONLY. Header/footer/imageset are untouched.
   Large transparent assets are used for different roles.
   No repeating wallpaper pattern.
   ========================================================== */

/* 1. Main forum canvas — one large airy wave, not a tiled pattern. */
#contentrow {
    position: relative;
    overflow: hidden;
    background-color: #fbf8f5 !important;
    background-image:
        url("./images/chery-body-waves.png"),
        linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(251,247,243,.97) 62%, rgba(248,243,238,.98) 100%) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: 100% auto, 100% 100% !important;
    background-position: center 0, 0 0 !important;
}

/* Long-page side artwork: present, but kept out of the text column. */
#contentrow:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 165px;
    width: 240px;
    height: 860px;
    pointer-events: none;
    background: url("./images/chery-side-ornament.png") left top / 240px 720px no-repeat;
    opacity: .34;
}

#contentrow > * {
    position: relative;
    z-index: 1;
}

/* 2. Category / section titles — dedicated wide automotive graphic. */
#contentrow .cap-div,
#contentrow caption {
    border-radius: 0 !important;
    border: 1px solid #dfcfc4 !important;
    border-bottom-color: #d9c1b3 !important;
    background-color: #fbf2ec !important;
    background-image:
        url("./images/chery-section-band.png"),
        linear-gradient(90deg, rgba(255,252,250,.96) 0%, rgba(252,242,236,.92) 66%, rgba(249,235,226,.94) 100%) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: cover, 100% 100% !important;
    background-position: center 49%, 0 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96) !important;
}

#contentrow .cap-right {
    border-left: 3px solid #b20f18 !important;
}

/* Keep title text crisp over the artwork. */
#contentrow .cap-div h1,
#contentrow .cap-div h2,
#contentrow .cap-div h3,
#contentrow .cap-div h4,
#contentrow caption h1,
#contentrow caption h2,
#contentrow caption h3,
#contentrow caption h4 {
    position: relative;
    z-index: 2;
    color: #342d29 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.82);
}

/* 3. Topic/sub-navigation/service strips — a different, calmer graphic. */
#contentrow .cat,
#contentrow .cathead,
#contentrow .catdiv,
#contentrow .navrow,
#contentrow .navrow_red,
#contentrow .pm-notify-new,
#contentrow .pm-notify-unread {
    border-radius: 0 !important;
    background-color: #fcf7f3 !important;
    background-image:
        url("./images/chery-topic-strip.png"),
        linear-gradient(180deg, rgba(255,255,255,.93), rgba(250,242,236,.95)) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: cover, 100% 100% !important;
    background-position: center 72%, 0 0 !important;
}

/* 4. Large informational blocks/legend — edge-frame graphic only. */
#contentrow .legend,
#contentrow .forumrules {
    position: relative;
    overflow: hidden;
    border-radius: 0 !important;
    background-color: rgba(255,253,250,.97) !important;
    background-image:
        url("./images/chery-panel-frame.png"),
        linear-gradient(180deg, rgba(255,255,255,.93), rgba(252,247,243,.97)) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: cover, 100% 100% !important;
    background-position: center, 0 0 !important;
}

/* Main forum tables stay clean; no wallpaper under every row. */
#contentrow .tablebg {
    border-radius: 0 !important;
    background: rgba(255,255,255,.965) !important;
    border-color: #dfd2c8 !important;
    box-shadow: 0 3px 12px rgba(70,58,50,.035) !important;
}

#contentrow .row1,
#contentrow .row2,
#contentrow .row3,
#contentrow tr.row1 .row,
#contentrow tr.row2 .row,
#contentrow tr.row3 .row,
#contentrow .postbottom {
    background: rgba(255,255,255,.965) !important;
}

#contentrow tr.row2 > td,
#contentrow tr.row2 > .row {
    background: rgba(253,250,248,.97) !important;
}

#contentrow tr.row1:hover > td,
#contentrow tr.row2:hover > td {
    background: #fff8f3 !important;
}

/* Column labels stay simple and legible. */
#contentrow th {
    background: linear-gradient(180deg,#fffdfb 0%,#f8f1ec 100%) !important;
    color: #665a52 !important;
}

/* Posts: clean reading surface. Only the bars carry graphics. */
#contentrow .postbody,
#contentrow td.profile {
    background-color: transparent !important;
}

/* Remove the old CSS pseudo-pattern line from previous variants. */
#contentrow:before {
    content: "" !important;
    display: block;
    height: 2px;
    margin: -8px 0 18px;
    background: linear-gradient(90deg, transparent 0%, rgba(178,15,24,.34) 18%, rgba(217,164,85,.25) 49%, rgba(178,15,24,.14) 80%, transparent 100%) !important;
}

@media (max-width: 900px) {
    #contentrow:after {
        width: 150px;
        height: 620px;
        background-size: 150px 450px;
        opacity: .22;
    }
    #contentrow .cap-div,
    #contentrow caption {
        background-size: auto 100%, 100% 100% !important;
        background-position: right center, 0 0 !important;
    }
}

@media (max-width: 620px) {
    #contentrow:after { display: none; }
    #contentrow {
        background-size: auto 250px, 100% 100% !important;
    }
}

/* ==========================================================
   CHERY CLUB 2026 — v8 CHERY HINT
   Keeps the successful v7 composition, but adds a restrained
   Chery identity to selected decorative areas only.
   Header/footer/imageset are untouched.
   ========================================================== */

/* Section bars: aerodynamic red/white sweep + very faint Chery watermark. */
#contentrow .cap-div,
#contentrow caption {
    background-image:
        url("./images/chery-section-mark.png"),
        url("./images/chery-section-band.png"),
        linear-gradient(90deg, rgba(255,252,250,.97) 0%, rgba(252,242,236,.93) 68%, rgba(249,235,226,.95) 100%) !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-size: auto 120%, 100% 100%, 100% 100% !important;
    background-position: right -12px center, center center, 0 0 !important;
}

/* Side decoration: recognizable only on a second glance. */
#contentrow:after {
    left: 0;
    top: 180px;
    width: 190px;
    height: 820px;
    background-image: url("./images/chery-side-ornament.png") !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 190px auto !important;
    opacity: .26 !important;
}

/* Topic/service bars get the thin red aerodynamic line, not a tiled pattern. */
#contentrow .cat,
#contentrow .cathead,
#contentrow .catdiv,
#contentrow .navrow,
#contentrow .navrow_red,
#contentrow .pm-notify-new,
#contentrow .pm-notify-unread {
    background-image:
        url("./images/chery-topic-strip.png"),
        linear-gradient(180deg, rgba(255,255,255,.95), rgba(250,242,236,.96)) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: 100% 100%, 100% 100% !important;
    background-position: center, 0 0 !important;
}

/* Keep actual post rows clean: branding stays outside the reading surface. */
#contentrow .row1,
#contentrow .row2,
#contentrow .row3,
#contentrow tr.row1 .row,
#contentrow tr.row2 .row,
#contentrow tr.row3 .row,
#contentrow .postbottom {
    background-image: none !important;
}

@media (max-width: 900px) {
    #contentrow:after {
        width: 120px;
        background-size: 120px auto !important;
        opacity: .18 !important;
    }
    #contentrow .cap-div,
    #contentrow caption {
        background-size: auto 105%, auto 100%, 100% 100% !important;
        background-position: right -18px center, right center, 0 0 !important;
    }
}

@media (max-width: 620px) {
    #contentrow:after { display: none; }
    #contentrow .cap-div,
    #contentrow caption {
        background-image:
            url("./images/chery-section-band.png"),
            linear-gradient(90deg, rgba(255,252,250,.97), rgba(249,235,226,.95)) !important;
        background-size: auto 100%, 100% 100% !important;
        background-position: right center, 0 0 !important;
    }
}


/* ==========================================================
   CHERY CLUB 2026 — v10 GAP FIX
   The ad slot is intentionally disabled.
   This removes the blank strip between navigation and forum.
   ========================================================== */
.cc-adslot {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

#contentrow {
    padding-top: 6px !important;
}

#contentrow:before {
    margin-top: 0 !important;
}

/* ==========================================================
   CHERY CLUB 2026 — v11 COMPACT NAV
   Slightly lower main navigation bar. Header/footer untouched.
   ========================================================== */
.cc-nav-inner {
    height: 54px !important;
}

.cc-nav a {
    min-height: 54px !important;
}

.cc-search {
    height: 34px !important;
}

@media (max-width: 900px) {
    .cc-nav-inner {
        min-height: 50px !important;
    }
    .cc-nav a {
        min-height: 50px !important;
    }
}