.catimg{
  width: 20px;
  height: 20px;
  object-fit: cover;
  margin-right: 5px;
  vertical-align: text-top;
}

.admin-embed-video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    margin: 14px 0;
    background: #05070d;
}

.admin-embed-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.story-table {
    width: 100%;
    border-collapse: collapse;
    margin: 14px 0;
}

.story-table td {
    padding: 9px 11px;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.quote {
    margin: 14px 0;
    padding: 12px 14px;
    border-left: 3px solid #60b9ff;
    background: rgba(96, 185, 255, 0.08);
}

.code {
    padding: 12px;
    color: #f3f7ff;
    background: #101722;
    border: 1px solid rgba(255, 255, 255, 0.1);
    overflow: auto;
}

.story-note {
    margin: 14px 0;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.story-note-info {
    border-color: rgba(93, 194, 255, 0.45);
    background: rgba(93, 194, 255, 0.08);
}

.story-note-warning {
    border-color: rgba(255, 202, 87, 0.5);
    background: rgba(255, 202, 87, 0.1);
}

.hidden-content {
    margin: 14px 0;
    padding: 12px 14px;
    border: 1px dashed rgba(255, 255, 255, 0.22);
    background: rgba(0, 0, 0, 0.18);
}

.topic-heading-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    gap: 8px;
}

.topic-heading-actions form {
    margin: 0;
}

.topic-favorite-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 12px;
    color: #dce3ef;
    background: #11131d;
    border: 1px solid rgba(255, 255, 255, 0.09);
    cursor: pointer;
}

.topic-edit-btn {
    height: 32px;
    line-height: 18px;
    padding: 6px 10px;
}

.topic-favorite-btn:hover {
    color: #fff;
    border-color: rgba(255, 202, 87, 0.45);
}

.topic-favorite-btn.is-active {
    color: #151515;
    background: #ffca57;
    border-color: #ffca57;
}

.home-panel {
    overflow: hidden;
    background: #20232e;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.home-panel-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 18px;
    padding: 22px;
    background:
        radial-gradient(circle at 10% 15%, rgba(91, 192, 255, 0.12), transparent 30%),
        linear-gradient(135deg, #20232e, #181a26);
}

.home-kicker {
    display: inline-flex;
    padding: 4px 9px;
    color: #7ed3ff;
    background: rgba(91, 192, 255, 0.1);
    border: 1px solid rgba(91, 192, 255, 0.18);
    font-size: 12px;
    font-weight: 700;
}

.home-panel h1 {
    margin: 10px 0 8px;
    color: #fff;
    font-size: 30px;
    line-height: 1.2;
}

.home-panel p {
    max-width: 620px;
    margin: 0;
    color: #aeb6c6;
}

.home-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.home-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    align-self: center;
}

.home-stat-grid div {
    padding: 14px 10px;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.home-stat-grid strong {
    display: block;
    color: #fff;
    font-size: 22px;
}

.home-stat-grid span {
    display: block;
    margin-top: 4px;
    color: #8d96a8;
    font-size: 12px;
    text-transform: uppercase;
}

.home-category-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
    padding: 0 12px 12px;
}

.home-category-strip a {
    padding: 8px 11px;
    color: #cbd5e4;
    background: #181a26;
    text-decoration: none;
}

.home-category-strip a:hover {
    color: #fff;
    background: #242836;
}

.section-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 15px;
    padding: 13px 16px;
    background: #20232e;
    border-left: 3px solid #5bc0ff;
}

.section-bar span,
.section-bar a {
    color: #8e94a5;
}

.section-bar strong {
    display: block;
    color: #fff;
    font-size: 17px;
}

.post-card {
    border: 1px solid rgba(255, 255, 255, 0.04);
    transition: border-color 0.16s ease;
}

.post-card:hover {
    border-color: rgba(91, 192, 255, 0.18);
}

.post-card-thumb {
    display: block;
}

.post-card-content .short-title {
    margin-bottom: 8px;
}

.post-card-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin-top: 12px;
    color: #8e94a5;
}

.post-card-tags span {
    padding: 3px 7px;
    color: #cdd6e6;
    background: #181a26;
    font-size: 12px;
}

.post-card-more {
    position: absolute;
    right: 14px;
    margin: -3px -5px 0 0;
    padding: 2px 6px !important;
}

.topic-full-card {
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.topic-full-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin: -5px -5px 14px;
    padding: 18px;
    background: linear-gradient(135deg, rgba(91, 192, 255, 0.08), rgba(0, 0, 0, 0.08));
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.topic-full-heading h1 {
    margin: 0 0 9px;
    color: #fff;
    font-size: 27px;
    line-height: 1.25;
}

.static-page-content {
    color: #eef3ff;
    font-size: 15px;
    line-height: 1.72;
    overflow-wrap: anywhere;
}

.static-page-content img,
.static-page-content iframe,
.static-page-content video {
    max-width: 100%;
}

.static-page-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
}

.static-page-content table td,
.static-page-content table th {
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.static-page-content h1,
.static-page-content h2,
.static-page-content h3 {
    color: #fff;
}

.title_spoiler {
    margin: 14px 0 0;
    padding: 10px 14px;
    color: #dfe8ff;
    background: #11131d;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-left: 3px solid #8b4cff;
}

.title_spoiler a,
.title_spoiler button {
    color: #49a9ff;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.title_spoiler a:hover,
.title_spoiler button:hover {
    color: #8fd0ff;
    text-decoration: none;
}

.text_spoiler {
    padding: 14px;
    color: #e8eef8;
    background: #151924;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-top: 0;
    overflow-x: auto;
    line-height: 1.55;
}

.text_spoiler br {
    line-height: 1.5;
}

.topic-full-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: #8994a7;
    font-size: 13px;
}

.topic-full-meta a {
    color: #cdd8e9;
}

.topic-content {
    color: #eef3fb;
    line-height: 1.7;
}

.topic-content h1,
.topic-content h2,
.topic-content h3 {
    color: #fff;
}

.download-gate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 18px 0;
    padding: 16px 18px;
    color: #dce5f2;
    background: linear-gradient(135deg, rgba(91, 192, 255, 0.08), rgba(17, 19, 29, 0.96));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.download-gate.is-open {
    border-color: rgba(72, 207, 173, 0.24);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 28px rgba(72, 207, 173, 0.08);
}

.download-gate__main {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.download-gate__copy {
    min-width: 0;
}

.download-gate__copy strong,
.download-gate__copy span {
    display: block;
}

.download-gate__copy strong {
    margin-bottom: 4px;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
}

.download-gate__copy span {
    color: #9eabc2;
    font-size: 13px;
    line-height: 1.45;
}

.download-gate__checks {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.download-check {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: #9aa8c1;
    font-size: 12px;
    font-weight: 600;
}

.download-check i {
    font-size: 12px;
}

.download-check.is-done {
    color: #dff8ef;
    border-color: rgba(72, 207, 173, 0.28);
    background: rgba(72, 207, 173, 0.12);
}

.download-gate__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
}

.download-gate__actions .btn,
.download-gate__actions .like-btn {
    min-width: 132px;
    min-height: 40px;
    justify-content: center;
}

.download-gate__actions .like-btn {
    border-radius: 12px;
}

.download-gate__hint {
    color: #8e99b5;
    font-size: 12px;
    font-weight: 600;
}

.topic-author-box {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 26px;
    padding: 15px;
    background: #181a26;
    border-left: 3px solid #5bc0ff;
}

.topic-author-box img {
    width: 58px;
    height: 58px;
    object-fit: cover;
    border-radius: 50%;
}

.topic-author-box div {
    min-width: 0;
    flex: 1;
}

.topic-author-box span {
    display: block;
    color: #8e94a5;
    font-size: 12px;
}

.topic-author-box strong {
    display: block;
    margin: 2px 0 5px;
    color: #fff;
}

.topic-author-box p {
    margin: 0;
    color: #aeb6c6;
}

.stats-hero {
    overflow: hidden;
    border: 1px solid rgba(91, 192, 255, 0.1);
}

.stats-hero-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 24px;
    background:
        radial-gradient(circle at top right, rgba(91, 192, 255, 0.15), transparent 36%),
        linear-gradient(135deg, #20232e, #181b25);
}

.stats-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #5bc0ff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.stats-hero h1 {
    margin: 8px 0;
    color: #fff;
    font-size: 28px;
}

.stats-hero p {
    max-width: 680px;
    margin: 0;
    color: #aeb8c8;
}

.stats-new-member {
    min-width: 180px;
    padding: 14px;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.stats-new-member span,
.stats-new-member small {
    display: block;
    color: #8791a5;
}

.stats-new-member strong {
    display: block;
    margin: 4px 0;
    color: #fff;
    font-size: 18px;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.stats-card {
    padding: 15px;
    background: #20232e;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: 3px solid #5bc0ff;
}

.stats-card span,
.stats-card small {
    display: block;
    color: #8e98aa;
}

.stats-card strong {
    display: block;
    margin: 7px 0 4px;
    color: #fff;
    font-size: 24px;
}

.stats-card-green { border-top-color: #48cfad; }
.stats-card-yellow { border-top-color: #ffca57; }
.stats-card-purple { border-top-color: #ac92ec; }
.stats-card-cyan { border-top-color: #5bc0ff; }
.stats-card-orange { border-top-color: #ff9f43; }

.stats-panel .card-header {
    background: #20232e;
}

.stats-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.stats-list li,
.stats-category-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    color: #adb7c8;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.08);
}

.stats-list li:last-child,
.stats-category-row:last-child {
    border-bottom: 0;
}

.stats-list strong,
.stats-category-row strong {
    color: #fff;
}

.stats-category-row:hover {
    color: #fff;
    text-decoration: none;
}

.stats-rank-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    margin-bottom: 9px;
    padding: 12px;
    color: #dbe5f3;
    background: #151822;
    overflow: hidden;
}

.stats-rank-row:hover {
    color: #fff;
    text-decoration: none;
}

.stats-rank-row i {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, #5bc0ff, #ffca57);
}

.stats-rank-title,
.stats-rank-number {
    position: relative;
    z-index: 1;
}

.stats-rank-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stats-rank-number {
    color: #8f9aad;
    font-size: 12px;
}

.stats-table {
    width: 100%;
    color: #cbd5e4;
}

.stats-table th,
.stats-table td {
    padding: 9px 8px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.08);
}

.stats-table th {
    color: #fff;
}

.sidebar-catmenu {
    display: block;
    background: #191c26;
}

.sidebar-cat-title {
    padding: 12px 16px;
    color: #fff;
    background: #20232e;
    border-bottom: 1px solid #10111b;
    font-weight: 700;
}

.sidebar-catmenu a {
    display: flex !important;
    align-items: center;
    gap: 8px;
}

.sidebar-cat-icon {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    overflow: hidden;
    border-radius: 7px;
    background: linear-gradient(145deg, #252a38, #171a24);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
    color: #6cf39b;
}

.sidebar-cat-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sidebar-cat-icon .fa {
    font-size: 15px;
}

.sidebar-cat-name {
    min-width: 0;
    flex: 1;
}

.sidebar-catmenu .submenu-indicator {
    position: static;
    float: none;
    right: auto;
    line-height: 1;
    margin-left: 2px;
}
/* Template created by tcse-cms.com | Author: Vitaly V. Chuyakov | URL: http://tcse-cms.com */

/* Выравнивание блоков по 3 в ряд */
#dle-content .short-news:nth-of-type(3n+1) { clear: both; }
.wp-caption {max-width: 100%;}
.full-content img {
	max-width: 100%;
	display: inherit;
}

.header-logo {
	padding: 10px 0;
}

/* Подвал */
.bg-grey {
	background-color: #2d3349;
	color: #80909A;
}
.bg-grey a {
	color: #fff;
	text-decoration: none;
}
.bg-grey a:hover {
	color: #eaeaeb;
	text-decoration: underline;
}
.ratebox2 {
  float: right;
}

.ratebox3 {
  float: right;
}

.ratebox ul, .ratebox ul li {
  float: left;
  list-style-type: none;
}

.ratebox2 ul, .ratebox2 ul li {
  float: left;
  list-style-type: none;
}

.ratebox3 ul, .ratebox3 ul li {
  float: left;
  list-style-type: none;
}
/* Правки для разной ширины экрана */
@media (max-width:  640px) {
	.header-logo {
		text-align: center;
	}
	.full-content img {
		max-width: 100%;
		display: block;
	}
}

@media (min-width: 1200px) {
}

#gus {
    margin-left: 0px;
    border-top: 1px dotted #434467;
    margin-top: 6px;
    padding-bottom: 6px;
    padding-top: 4px;
    color: #6f6f84;
    border-bottom: 1px dotted #434467;
}

.tags{margin-top: 5px;}
 .tags a{
     color: #a9acc5;
    background: #181a26;
    padding: 3px 6px 3px 6px;
    border-radius: 0.2rem;
    transition: 0.3s;
    font-weight: 200;
    font-size: 12px;
}
 .tags a:hover{
     color: #b3b3b3;
     background: #10111b;
     text-decoration: none;
     cursor: pointer;
}


.quote,blockquote {
    padding: 1% 4%;
    margin: 1em 0;
    border-left: 2px solid #9283f4;
    background: #181a26;
    border-right: 2px solid #17cdc0;
    font-style: italic;
}
.xfieldimagegallery {
  margin: 0; 
  list-style: none;
  clear: both;
}

.xfieldimagegallery li {
	list-style: none;
	margin: 0;
	padding: 0;  
}

.xfieldimagegallery li img {
    float: left;
    margin-right: 5px;
    border: 5px solid #10111b;
    width: 200px;
    height: 200px;
    transition: box-shadow 0.5s ease;
    border-radius: 5px;
}

.xfieldimagegallery li img:hover {
  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.lina {
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #5968dd, #ffc107);
    margin-bottom: 8px;
}

.card-reklama {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #171925;
    background-clip: border-box;
}

.cs-info {
    padding: 1% 4%;
    border-left: 2px solid #f4ff1c;
    background: #181a26;
    border-right: 2px solid #f4ff1c;
    text-align: center;
    color: #bdbdbd;
    box-shadow: none;
    background: #181a26;
    border-radius: 3px;
    min-width: 20%;
}

/** Copyright (c) 2019 Artem Malcov | https://www.pandoge.com/moduli_i_skripty/modul-statistiki-lightstat-30-dlya-dle **/

.lightstat_main * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.lightstat_main *:before, .lightstat_main *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.lightstat_main {
	min-width: 230px;
	width: 100%;
	margin: 0 auto;
	font-family: arial;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
	border-radius: 8px;
}

.lightstat_progress {
	width: 100%;
	padding: 0 10px;
}

.lightstat_progress span {
	height: 4px;
	display: block;
	float: left;
}

.lightstat_progress span:nth-of-type(1) {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.lightstat_progress span:nth-last-of-type(1) {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.lightstat_body {
	background: #242043;
	border-radius: 8px 8px 0 0;
	padding: 15px 0 1px 0;
}

.lightstat_body.border_none_user {
	border-radius: 8px;
}

.lightstat_body .result_numb div {
	padding: 0 10px 11px 10px;
	color: #bbb;
	font-size: 14px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
}

.lightstat_body .result_numb div span:nth-of-type(1) {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 99px;
	margin: 4px 10px 0 0;
	vertical-align: top;
	box-shadow: 0px -1px 1px rgba(0, 0, 0, .6);
}

.lightstat_body .result_numb div span:nth-of-type(2) {
	float: right;
	color: #fff;
}

.lightstat_body .result_numb .lightstat_user span:nth-of-type(1) {
	border: 2px solid #d9823b;
}

.lightstat_body .result_numb .lightstat_guest span:nth-of-type(1) {
	border: 2px solid #a963b9;
}

.lightstat_body .result_numb .lightstat_bot span:nth-of-type(1) {
	border: 2px solid #36a7a5;
}

.lightstat_user_circle {
	background: #d9823b;
}

.lightstat_guest_circle {
	background: #a963b9;
}

.lightstat_bot_circle {
	background: #36a7a5;
}

.lightstat_is {
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	padding: 18px 0 15px 28px;
	display: block;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
}

.lightstat_user_list {
	background: #1a1c28;
	border-radius: 0 0 8px 8px;
	position: relative;
}

.lightstat_pandoge_com {
	width: 8px;
	height: 20px;
	position: relative; 
	background: #222;
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	transition: .2s;
}

.lightstat_pandoge_com:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 4px solid #d1d5d8;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

.lightstat_pandoge_com:hover {
	height: 24px;
	transition: .2s;
}

.lightstat_user_list_title {
	color: #242043;
	font-size: 10px;
	text-transform: uppercase;
	padding: 18px 0 17px 28px;
	display: block;
	font-weight: 700;
}

.lightstat_user_list_item {
	padding: 0 10px 20px 10px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.lightstat_user_list_item a {
	text-decoration: none !important;
	color: #242043;
}

.lightstat_user_list_item_avatar {
	background-size: cover !important;
	border-radius: 99px;
	width: 34px;
	height: 34px;
	display: block;
}

.lightstat_user_list_item_avatar:hover {
	opacity: .8;
}

.lightstat_user_list_item_info {
	font-size: 12px;
	font-weight: 700;
	width: calc(100% - 34px);
	padding: 1px 0 0 10px;
}

.lightstat_user_list_item_info span {
	display: block;
	font-weight: 400;
	padding: 2px 0 0 0;
	color: #888;
}

.lightstat_user_list_item_info span.online {
	color: #0e8952;
}

.lightstat_user_list_item_info a:hover {
	text-decoration: underline !important;
}

.full_list_visit {
	margin: auto;
	color: #242043;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	font-weight: 700;
	width: 120px;
	text-align: center;
	background: #fff;
	border-radius: 99px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #888;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.full_list_visit:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}

.full_list_visit_bg {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0 0 8px 8px;
	z-index: 2;
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, .1) 0, rgb(24, 26, 38) 100%);
	padding: 20px 0;
}

.lightstat_user_list_item {
	display: none;
}

.lightstat_user_list .lightstat_user_list_item:nth-of-type(1), .lightstat_user_list .lightstat_user_list_item:nth-of-type(2), .lightstat_user_list .lightstat_user_list_item:nth-of-type(3) {
	display: flex;
}

.lightstat_light_theme .lightstat_body {
	background: #f1f5f7;
}

.lightstat_light_theme .lightstat_body {
	background: #222430;
	border-color: #10111b;
}

.lightstat_light_theme .lightstat_user_list_item a {
	color: #cdcdce;
}

.lightstat_light_theme .lightstat_user_list_title {
	color: #cdcdce;
}

.lightstat_light_theme .lightstat_body .result_numb div span:nth-of-type(2) {
	color: #0bb1d6;
}

.lightstat_light_theme .lightstat_body .result_numb div {
	color: #5968dd;
	text-shadow: none;
}

.lightstat_light_theme .lightstat_is {
	text-shadow: none;
	color: #5968dd;
}

.lightstat_light_theme .lightstat_body .result_numb .lightstat_user span:nth-of-type(1) {
	border: 2px solid #0bb1d6;
	box-shadow: none;
}

.lightstat_light_theme .lightstat_body .result_numb .lightstat_guest span:nth-of-type(1) {
	border: 2px solid #0bb1d6;
	box-shadow: none;
}

.lightstat_light_theme .lightstat_body .result_numb .lightstat_bot span:nth-of-type(1) {
	border: 2px solid #0bb1d6;
	box-shadow: none;
}

.lightstat_light_theme .lightstat_user_circle {
	background: #5968dd;
}

.lightstat_light_theme .lightstat_guest_circle {
	background: #ff6d00;
}

.lightstat_light_theme .lightstat_bot_circle {
	background: #345471;
}
.group_id_1 a {
	color:#f51010
}
.group_id_4 a {
	color:#240af1
}


.panel-default54
{
	border-color: #ddd
}

.card-hd {
    background: #181a26;
    padding: 1.25rem 1.25rem 0px 1.25rem;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

}
.bg-shop {
    background: radial-gradient(farthest-corner at 30px 20px, #2f3240, #222430);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.online-members-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 14px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.online-members-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    color: #8e94a5;
}

.online-members-list a,
.online-members-list span {
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}

.online-members-list a:hover {
    text-decoration: none;
    filter: brightness(1.2);
}

.online-chevron {
    color: #9db4c8;
    font-size: 13px;
    opacity: 0.9;
}

.sidebar-comment-author {
    margin: 2px 0 4px;
    color: #8e94a5;
}

.profile-hero {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: #20232e;
}

.profile-cover {
    height: 108px;
    background:
        radial-gradient(circle at 16% 25%, color-mix(in srgb, var(--profile-rank-color, #5bc0ff) 36%, transparent), transparent 30%),
        linear-gradient(135deg, rgba(91, 192, 255, 0.16), rgba(9, 12, 22, 0.88) 62%),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 12px);
}

.profile-body {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: end;
    gap: 24px;
    padding: 0 22px 22px;
}

.profile-avatar-wrap {
    margin-top: -46px;
}

.profile-avatar {
    width: 128px;
    height: 128px;
    object-fit: cover;
    border-radius: 16px;
    background: #11131d;
    border: 4px solid #20232e;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.34), 0 0 0 1px color-mix(in srgb, var(--profile-rank-color, #5bc0ff) 42%, transparent);
}

.profile-main {
    min-width: 0;
    padding-top: 18px;
}

.profile-main h1 {
    margin: 5px 0 6px;
    font-size: 31px;
    line-height: 1.1;
    color: #fff;
}

.profile-main p {
    margin: 0;
    color: #a7adbb;
}

.profile-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    color: var(--profile-rank-color, #5bc0ff);
    background: rgba(0, 0, 0, 0.19);
    border: 1px solid color-mix(in srgb, var(--profile-rank-color, #5bc0ff) 35%, transparent);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.profile-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(86px, 1fr));
    gap: 8px;
    align-self: center;
}

.profile-stats div {
    padding: 12px 13px;
    text-align: center;
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.profile-stats strong {
    display: block;
    color: #fff;
    font-size: 17px;
}

.profile-stats span {
    display: block;
    margin-top: 3px;
    color: #7f8798;
    font-size: 12px;
}

.profile-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(290px, 0.65fr);
    gap: 15px;
}

.profile-actions-card {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1px;
    overflow: hidden;
    background: #10111b;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.profile-actions-card a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 12px 15px;
    color: #dbe3f1;
    background: #20232e;
    text-decoration: none;
}

.profile-actions-card a:hover {
    color: #fff;
    background: color-mix(in srgb, var(--profile-rank-color, #5bc0ff) 18%, #20232e);
}

.profile-actions-card i {
    color: var(--profile-rank-color, #5bc0ff);
}

.profile-panel .card-body,
.profile-edit-card .card-body {
    padding: 20px;
}

.profile-info-list {
    display: grid;
    gap: 0;
}

.profile-info-list div {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 16px;
    padding: 13px 0;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}

.profile-info-list span {
    color: #c4cad6;
}

.profile-info-list strong {
    color: #fff;
}

.profile-rank-name {
    text-shadow: 0 0 16px currentColor;
}

.profile-about {
    margin-top: 18px;
    padding: 16px;
    background: rgba(0, 0, 0, 0.16);
    border-left: 3px solid var(--profile-rank-color, #5bc0ff);
}

.profile-about h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 16px;
}

.profile-about p {
    margin: 0;
    color: #d8dce5;
    line-height: 1.6;
}

.profile-signature-box {
    border-left-color: rgba(255, 255, 255, 0.18);
}

.profile-topic-list {
    display: grid;
    gap: 8px;
}

.profile-topic-list a {
    display: grid;
    gap: 5px;
    padding: 11px 12px;
    color: #dce4f3;
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.05);
    text-decoration: none;
}

.profile-topic-list a:hover {
    border-color: rgba(91, 192, 255, 0.28);
    background: rgba(91, 192, 255, 0.07);
}

.profile-topic-list small {
    color: #858d9d;
}

.profile-completion {
    display: grid;
    gap: 10px;
    margin-bottom: 16px;
    padding: 13px;
    background: rgba(0, 0, 0, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.profile-completion strong,
.profile-completion span {
    display: block;
}

.profile-completion strong {
    color: #fff;
}

.profile-completion span {
    margin-top: 3px;
    color: #8e94a5;
    font-size: 12px;
}

.profile-completion-bar {
    height: 7px;
    overflow: hidden;
    background: #11131d;
}

.profile-completion-bar span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--profile-rank-color, #5bc0ff), #ffca57);
}

.profile-comment-list {
    display: grid;
    gap: 9px;
}

.profile-comment-list a {
    display: grid;
    gap: 5px;
    padding: 12px;
    color: #dce4f3;
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.05);
    text-decoration: none;
}

.profile-comment-list a:hover {
    border-color: rgba(91, 192, 255, 0.28);
    background: rgba(91, 192, 255, 0.07);
}

.profile-comment-list span,
.profile-comment-list small {
    color: #8e94a5;
}

.profile-mini-list {
    display: grid;
    gap: 8px;
}

.profile-mini-list div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}

.profile-mini-list span {
    color: #8e94a5;
}

.profile-mini-list strong {
    color: #fff;
}

.profile-edit-card label {
    display: block;
    margin: 12px 0 7px;
    color: #fff;
    font-weight: 700;
}

.profile-edit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 18px;
}

.profile-check {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    color: #aeb6c5 !important;
    font-weight: 400 !important;
}

.profile-edit-card .form-control {
    color: #e9eef8;
    background: #11131d;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0;
}

.profile-edit-card .form-control:focus {
    border-color: #5bc0ff;
    box-shadow: 0 0 0 2px rgba(91, 192, 255, 0.12);
}

.profile-message-btn {
    margin-top: 12px;
}

.register-rules-step {
    display: grid;
    gap: 16px;
}

.register-rules-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    color: #8ed8ff;
    font-size: 28px;
    background: rgba(91, 192, 255, 0.1);
    border: 1px solid rgba(91, 192, 255, 0.22);
}

.register-rules-step h3 {
    margin: 0;
    color: #fff;
    font-size: 25px;
}

.register-rules-step p {
    margin: 0;
    color: #aab2c1;
}

.register-rules-box {
    max-height: 360px;
    overflow: auto;
    padding: 18px;
    color: #dfe5f1;
    background: #11131d;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.register-rules-box h1,
.register-rules-box h2,
.register-rules-box h3 {
    color: #fff;
}

.register-rules-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.favorite-page-intro {
    color: #aab2c1;
    background: linear-gradient(135deg, rgba(255, 202, 87, 0.08), transparent 58%);
}

.pm-shell {
    overflow: hidden;
}

.pm-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pm-counts {
    color: #8e94a5;
    font-size: 12px;
    font-weight: 400;
}

.pm-tabs {
    display: inline-flex;
    gap: 6px;
}

.pm-tabs a {
    padding: 6px 10px;
    color: #bfc7d6;
    background: rgba(0, 0, 0, 0.18);
    text-decoration: none;
}

.pm-tabs a.is-active {
    color: #fff;
    background: #4aa7d7;
}

.pm-layout {
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 18px;
}

.pm-list {
    display: grid;
    align-content: start;
    gap: 8px;
}

.pm-list-item {
    display: grid;
    gap: 4px;
    padding: 12px;
    color: #cbd3e1;
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.06);
    text-decoration: none;
}

.pm-list-item:hover,
.pm-list-item.is-selected {
    color: #fff;
    border-color: rgba(91, 192, 255, 0.32);
    background: rgba(91, 192, 255, 0.08);
    text-decoration: none;
}

.pm-list-item.is-unread {
    border-left: 3px solid #ffca57;
}

.pm-list-item span,
.pm-list-item small {
    color: #8f98aa;
}

.pm-empty,
.pm-empty-reader {
    padding: 16px;
    color: #98a2b5;
    background: rgba(0, 0, 0, 0.16);
}

.pm-reader {
    display: grid;
    gap: 16px;
}

.pm-message-card,
.pm-compose {
    padding: 16px;
    background: #181b26;
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.pm-message-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.pm-message-head h3,
.pm-compose h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 18px;
}

.pm-message-head span {
    color: #8f98aa;
}

.pm-message-text {
    color: #e1e7f1;
    line-height: 1.65;
}

.pm-compose label {
    display: block;
    margin: 12px 0 6px;
    color: #fff;
    font-weight: 700;
}

.pm-compose .form-control {
    color: #e9eef8;
    background: #11131d;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0;
}

.pm-compose .btn {
    margin-top: 14px;
}

@media (max-width: 991px) {
    .container,
    .cnt {
        max-width: 100%;
    }

    .home-panel-body {
        grid-template-columns: 1fr;
    }

    .home-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .stats-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .stats-hero-body,
    .download-gate,
    .download-gate__main {
        align-items: flex-start;
        flex-direction: column;
    }

    .download-gate__checks,
    .download-gate__actions {
        justify-content: flex-start;
        width: 100%;
    }

    .topic-full-heading,
    .topic-author-box {
        align-items: flex-start;
        flex-direction: column;
    }

    .topic-heading-actions {
        justify-content: flex-start;
        width: 100%;
    }

    .post-card .row {
        gap: 10px;
    }

    .post-card-thumb {
        max-height: 230px;
    }

    .profile-body,
    .profile-grid,
    .profile-edit-grid,
    .pm-layout {
        grid-template-columns: 1fr;
    }

    .profile-body {
        align-items: start;
    }

    .profile-stats {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .post-card .card-body {
        padding: 8px !important;
    }

    .post-card-thumb {
        height: auto !important;
        max-height: none;
    }

    .post-card .card-footer .list-inline-item {
        display: inline-flex;
        align-items: center;
        margin-bottom: 6px;
    }

    .post-card-more {
        position: static;
        margin: 6px 0 0;
    }

    .topic-full-heading h1 {
        font-size: 21px;
    }

    .topic-favorite-btn {
        width: 100%;
        justify-content: center;
    }

    .home-stat-grid {
        grid-template-columns: 1fr;
    }

    .stats-grid {
        grid-template-columns: 1fr;
    }

    .stats-hero-body {
        padding: 18px;
    }

    .stats-hero h1 {
        font-size: 22px;
    }

    .stats-rank-row {
        grid-template-columns: 1fr;
    }

    .section-bar {
        align-items: flex-start;
        flex-direction: column;
    }

    .pm-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .profile-info-list div {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

.shop-hero .card-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: radial-gradient(circle at 12% 20%, rgba(74, 167, 215, 0.18), transparent 34%), linear-gradient(135deg, #202434, #171a26);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.shop-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #5fd1ff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

.shop-hero h1 {
    margin: 8px 0;
    color: #fff;
    font-size: 30px;
}

.shop-hero p {
    margin: 0;
    color: #aab2bd;
}

.shop-grid {
    row-gap: 18px;
}

.shop-card {
    height: 100%;
    overflow: hidden;
    background: #2a2e46;
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}

.shop-card-image {
    position: relative;
    display: block;
    height: 225px;
    background: #111420;
    overflow: hidden;
}

.shop-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.shop-card:hover .shop-card-image img {
    transform: scale(1.035);
}

.shop-price {
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 7px 11px;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(135deg, #2d8bff, #5bd3ff);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.32);
}

.shop-card h2 {
    margin: 0 0 10px;
    font-size: 19px;
    line-height: 1.3;
}

.shop-card h2 a {
    color: #e8eef8;
}

.shop-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    color: #99a6b9;
    font-size: 12px;
    margin-bottom: 12px;
}

.shop-summary {
    color: #d4dbe7;
    line-height: 1.55;
    min-height: 74px;
}

.shop-card .card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #343956;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.shop-card-author {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: #d6deec;
}

.shop-card-author img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.shop-card-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.shop-card-price {
    color: #fff;
    font-weight: 800;
    background: #57a7ed;
    border-radius: 5px;
    padding: 6px 10px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12);
}

.shop-product-icon {
    width: 50px;
    color: #5fd1ff;
    font-size: 28px;
    text-shadow: 0 0 24px rgba(95, 209, 255, 0.45);
}

.shop-product-head h1 {
    color: #eef4ff;
    font-size: 26px;
}

.shop-product-detail {
    overflow: hidden;
    background: #25293d;
    border: 1px solid rgba(255, 255, 255, 0.07);
}

/* Cover image full-width - ELIMINAT, acum e inline in content */

.shop-product-layout {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 0;
    padding: 0;
}

.shop-product-main,
.shop-product-side {
    background: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.shop-product-main {
    padding: 20px;
    border-left: none;
}

.shop-product-titlebar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.shop-product-titlebar h1 {
    margin: 0;
    color: #eef4ff;
    font-size: 21px;
    line-height: 1.3;
}

.shop-product-cats {
    margin: 12px 0 0;
    font-size: 12px;
    color: #8693a7;
}

.shop-product-side {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Butoane pret + cumpara */
.shop-product-buy-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.shop-product-price-badge {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 6px;
    background: linear-gradient(135deg, #2d8bff, #59c7ff);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 4px 16px rgba(45, 139, 255, 0.35);
    white-space: nowrap;
}

.shop-buy-btn {
    flex: 1;
    text-align: center;
    font-weight: 700;
    background: linear-gradient(135deg, #f0a500, #f7c948) !important;
    border: none !important;
    color: #1a1d2e !important;
    box-shadow: 0 4px 16px rgba(240, 165, 0, 0.3);
}

.shop-buy-btn:hover {
    background: linear-gradient(135deg, #d99300, #f0a500) !important;
}

/* Info fields lista */
.shop-product-info {
    display: grid;
    gap: 9px;
    color: #c0c0c0;
    font-size: 13.5px;
    padding: 14px 0;
    border-top: 1px solid rgba(255,255,255,0.07);
    border-bottom: 1px solid rgba(255,255,255,0.07);
    margin-bottom: 14px;
}

.shop-product-info span {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shop-product-info b {
    color: #eef4ff;
}

.shop-product-info .fa-circle-o {
    margin-right: 7px;
    font-size: 10px;
}

.shop-product-info .is-green { color: #00ff73; text-shadow: 0 0 20px #00ff73; }
.shop-product-info .is-red { color: #ff4b4b; text-shadow: 0 0 20px #ff4b4b; }
.shop-product-info .is-pink { color: #ff5ac8; text-shadow: 0 0 20px #ff5ac8; }
.shop-product-info .is-blue { color: #5daeff; text-shadow: 0 0 20px #5daeff; }
.shop-product-info .is-purple { color: #b58cff; text-shadow: 0 0 20px #b58cff; }

/* Sectiunea Informatie */
.shop-product-info-box {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 14px;
}

.shop-product-info-box-title {
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 700;
    color: #c0c0c0;
    background: rgba(255,255,255,0.03);
    border-bottom: 1px solid rgba(255,255,255,0.07);
}

.shop-product-info-box span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    font-size: 13px;
    color: #aeb8c9;
    border-bottom: 1px solid rgba(255,255,255,0.04);
}

.shop-product-info-box span:last-child {
    border-bottom: none;
}

.shop-product-info-box a {
    color: #5daeff;
    text-decoration: none;
}

.shop-product-actions {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
    margin-bottom: 14px;
}

.shop-product-actions form {
    margin: 0;
}

.shop-product-actions .btn,
.shop-product-actions .topic-favorite-btn {
    width: 100%;
    justify-content: center;
}

.shop-product-seller {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding-top: 14px;
    color: #aeb8c9;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    font-size: 13px;
}

.shop-product-seller img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

.shop-product-cta-box {
    margin-bottom: 14px;
    padding: 14px;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));
    border: 1px solid rgba(255,255,255,0.08);
}

.shop-product-cta-title {
    color: #eef4ff;
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 6px;
}

.shop-product-cta-box p {
    margin: 0 0 12px;
    color: #9aa6bb;
    font-size: 13px;
    line-height: 1.5;
}

.shop-product-cta-actions {
    display: grid;
    gap: 10px;
}

.shop-buy-btn-discord {
    background: linear-gradient(135deg, #5865F2, #6c7bff) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(88, 101, 242, 0.35);
}

.shop-buy-btn-discord:hover {
    background: linear-gradient(135deg, #4a57dc, #5f70ff) !important;
}

.shop-buy-btn-offer {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    color: #eef4ff !important;
    box-shadow: none;
}

.shop-buy-btn-offer:hover {
    background: rgba(255,255,255,0.08) !important;
}

.shop-product-quick-box {
    margin-bottom: 20px;
}

.shop-product-quick-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.shop-product-quick-head strong {
    display: block;
    color: #eef4ff;
    font-size: 15px;
    font-weight: 800;
}

.shop-product-quick-head span {
    color: #8f9bb1;
    font-size: 12.5px;
}

.shop-product-specs-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.shop-spec-card {
    min-height: 100%;
    padding: 14px;
    border-radius: 10px;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.08);
}

.shop-spec-card.is-price {
    background: linear-gradient(180deg, rgba(45,139,255,0.12), rgba(45,139,255,0.04));
    border-color: rgba(93, 174, 255, 0.28);
}

.shop-spec-card-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: #eef4ff;
    font-size: 13px;
    font-weight: 800;
}

.shop-spec-card-title i {
    color: #5daeff;
}

.shop-spec-card-text,
.shop-spec-list {
    color: #b8c2d3;
    font-size: 13px;
    line-height: 1.6;
}

.shop-spec-list {
    margin: 0;
    padding-left: 18px;
}

.shop-spec-list li + li {
    margin-top: 4px;
}

.shop-product-desc-heading-main {
    margin-top: 4px;
}

/* Heading "Descrierea produsului" */
.shop-product-desc-heading {
    font-size: 17px;
    font-weight: 700;
    color: #eef4ff;
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.09);
}

/* Imaginea cover inline in continut */
.shop-product-cover-inline {
    margin-bottom: 18px;
    border-radius: 6px;
    overflow: hidden;
    max-height: 380px;
    background: #111420;
}

.shop-product-cover-inline img {
    width: 100%;
    max-height: 380px;
    object-fit: cover;
    display: block;
}

.shop-description .card-text {
    color: #e4e9f3;
    line-height: 1.65;
}

.shop-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.shop-gallery a {
    display: block;
    background: #111420;
    border: 1px solid rgba(255, 255, 255, 0.09);
    overflow: hidden;
}

.shop-gallery img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
    background: #111420;
}

/* ---- CAROUSEL HOME SHOP (JS infinite, 3 vizibile) ---- */
.home-shop-carousel {
    overflow: hidden;
    background: #1a1e31;
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
}

.home-shop-carousel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    color: #eef2ff;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    background: linear-gradient(90deg, rgba(61,139,255,0.08), transparent);
}

.home-shop-carousel-controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.hsc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.05);
    color: #8e99b5;
    cursor: pointer;
    font-size: 12px;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.hsc-btn:hover {
    background: rgba(61,139,255,0.15);
    border-color: rgba(61,139,255,0.35);
    color: #3d8bff;
}

.hsc-all {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #3d8bff !important;
    text-decoration: none !important;
    padding: 5px 10px;
    border-radius: 7px;
    border: 1px solid rgba(61,139,255,0.25);
    background: rgba(61,139,255,0.07);
    transition: background 0.15s, border-color 0.15s;
    text-transform: none;
    letter-spacing: 0;
}

.hsc-all:hover {
    background: rgba(61,139,255,0.15);
    border-color: rgba(61,139,255,0.4);
}

.home-shop-carousel-viewport {
    overflow: hidden;
    padding: 14px 16px 16px;
}

.home-shop-carousel-track {
    display: flex;
    gap: 14px;
    will-change: transform;
}

.home-shop-slide {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    color: #dfe7f3;
    text-decoration: none !important;
    background: #232742;
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}

.home-shop-slide:hover {
    color: #fff;
    border-color: rgba(61,139,255,0.32);
    box-shadow: 0 6px 22px rgba(61,139,255,0.13);
    transform: translateY(-2px);
}

.home-shop-slide-image {
    position: relative;
    display: block;
    height: 130px;
    overflow: hidden;
    background: #111420;
    flex-shrink: 0;
}

.home-shop-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.home-shop-slide:hover .home-shop-slide-image img {
    transform: scale(1.06);
}

.hsc-price {
    position: absolute;
    top: 8px;
    right: 8px;
    background: linear-gradient(135deg, #3d8bff, #5a9fff);
    color: #fff;
    font-size: 11.5px;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(61,139,255,0.4);
}

.home-shop-slide-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    padding: 12px;
}

.home-shop-slide-body strong {
    color: #eef2ff;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-shop-slide-body span {
    color: #7c8aa5;
    font-size: 12px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-shop-slide-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 12px;
    color: #5d6680;
    font-size: 11.5px;
    border-top: 1px solid rgba(255,255,255,0.06);
    flex-shrink: 0;
}

.home-shop-slide-footer b {
    color: #fff;
    background: linear-gradient(135deg, #3d8bff, #5a9fff);
    padding: 3px 9px;
    border-radius: 5px;
    font-size: 12px;
}



@media (max-width: 720px) {
    .shop-hero .card-body {
        align-items: flex-start;
        flex-direction: column;
    }

    .shop-product-layout {
        grid-template-columns: 1fr;
    }

    .shop-product-main {
        border-left: 1px solid rgba(255,255,255,0.06);
        border-top: none;
        padding: 14px;
    }

    .shop-product-side {
        padding: 14px;
    }

    .shop-product-cover-inline {
        max-height: 220px;
    }

    .shop-product-cover-inline img {
        max-height: 220px;
    }

    .shop-product-quick-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .shop-product-specs-grid {
        grid-template-columns: 1fr;
    }

    .shop-card .card-footer,
    .shop-card-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .shop-card-actions .btn,
    .shop-card-price {
        width: 100%;
        text-align: center;
    }

    .shop-product-actions,
    .shop-product-actions .btn,
    .shop-product-actions form,
    .shop-product-actions .topic-favorite-btn {
        width: 100%;
    }

    .home-shop-slide,
    .home-shop-carousel-track.is-animated .home-shop-slide {
        min-width: 78vw;
        max-width: 78vw;
    }
}

@media (min-width: 721px) and (max-width: 991px) {
    .home-shop-slide,
    .home-shop-carousel-track.is-animated .home-shop-slide {
        min-width: calc((100% - 14px) / 2);
        max-width: calc((100% - 14px) / 2);
    }
}


/* =========================================================
   DESIGN UPGRADE v2 — CSMarket
   Tipografie mai curată, carduri rafinate, animații subtile,
   navbar îmbunătățit, sidebar mai lizibil, accente coerente
   ========================================================= */

/* --- Google Font import (Inter) via @import fallback --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* --- CSS Variables globale --- */
:root {
    --bg-base:        #16192b;
    --bg-card:        #1e2235;
    --bg-card-hover:  #232742;
    --bg-card-header: #1a1e31;
    --border:         rgba(255, 255, 255, 0.06);
    --border-hover:   rgba(91, 192, 255, 0.22);
    --accent:         #3d8bff;
    --accent-glow:    rgba(61, 139, 255, 0.18);
    --accent2:        #9d5cff;
    --text-primary:   #eef2ff;
    --text-secondary: #8e99b5;
    --text-muted:     #5d6680;
    --radius:         10px;
    --radius-sm:      6px;
    --shadow:         0 4px 20px rgba(0, 0, 0, 0.35);
    --transition:     0.18s ease;
}

/* --- Baza body & font --- */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    background: var(--bg-base) !important;
    color: var(--text-primary) !important;
    font-size: 14.5px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* --- Container principal --- */
.cnt {
    padding-top: 0 !important;
}

/* ---- NAVBAR ---- */
.navbar.bg-dark {
    background: linear-gradient(90deg, #0f1120 0%, #161929 100%) !important;
    border-bottom: 1px solid rgba(61, 139, 255, 0.15) !important;
    padding: 0 16px !important;
    min-height: 54px;
    backdrop-filter: blur(8px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

.navbar-brand {
    font-size: 34px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px;
    padding: 8px 0 !important;
}

.navbar .nav-link {
    color: rgba(200, 210, 240, 0.8) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    padding: 8px 13px !important;
    border-radius: var(--radius-sm);
    transition: color var(--transition), background var(--transition);
    position: relative;
}

/* Shop filter bottom row (sort + active filters pe aceeasi linie) */
.shop-filter-bottom-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 4px;
    border-top: 1px solid rgba(255,255,255,0.05);
    flex-wrap: wrap;
}

.navbar .nav-link:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.05);
}

.navbar .nav-link .fc {
    opacity: 0.7;
    margin-right: 5px;
    font-size: 12px;
}

/* Shop link in navbar — accent vizual */
.navbar .nav-item:has(a[href*="shop"]) .nav-link {
    color: #5daeff !important;
}

/* ---- CARDURI GLOBALE ---- */
.card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow);
    transition: border-color var(--transition), box-shadow var(--transition);
}

.card-header {
    background: var(--bg-card-header) !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: var(--radius) var(--radius) 0 0 !important;
    padding: 11px 16px !important;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text-primary) !important;
    letter-spacing: 0.01em;
}

.card-footer {
    background: rgba(0,0,0,0.15) !important;
    border-top: 1px solid var(--border) !important;
    border-radius: 0 0 var(--radius) var(--radius) !important;
}

/* ---- POST CARD (listare topicuri) ---- */
.post-card {
    border-radius: var(--radius) !important;
    border-color: var(--border) !important;
    background: var(--bg-card) !important;
    transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
    overflow: hidden;
}

.post-card:hover {
    border-color: var(--border-hover) !important;
    box-shadow: 0 6px 28px rgba(61, 139, 255, 0.12) !important;
    transform: translateY(-2px);
}

.post-card-thumb img {
    transition: transform 0.3s ease;
}

.post-card:hover .post-card-thumb img {
    transform: scale(1.03);
}

/* Titluri topicuri */
.post-card .short-title a,
.post-card h2 a,
.post-card h3 a {
    color: var(--text-primary) !important;
    font-weight: 600;
    transition: color var(--transition);
}

.post-card .short-title a:hover,
.post-card h2 a:hover {
    color: var(--accent) !important;
    text-decoration: none !important;
}

/* Meta info din card */
.post-card .card-footer,
.post-card .card-footer .list-inline-item {
    color: var(--text-secondary) !important;
    font-size: 12.5px;
}

/* Tag-uri din post card */
.post-card-tags span {
    border-radius: 4px !important;
    background: rgba(61, 139, 255, 0.08) !important;
    color: #7ab8ff !important;
    border: 1px solid rgba(61, 139, 255, 0.15);
    font-size: 11px !important;
    padding: 2px 8px !important;
    transition: background var(--transition);
}

.post-card-tags span:hover {
    background: rgba(61, 139, 255, 0.18) !important;
}

/* ---- SIDEBAR ---- */
.card.mb15 .card-header {
    text-transform: uppercase;
    font-size: 11px !important;
    letter-spacing: 0.08em;
    color: var(--text-secondary) !important;
}

/* Categorii sidebar */
.fr-solid-borders ul li a {
    border-radius: var(--radius-sm);
    transition: background var(--transition), color var(--transition), padding-left var(--transition);
    font-size: 13.5px;
}

.fr-solid-borders ul li a:hover {
    padding-left: 12px !important;
    background: rgba(61, 139, 255, 0.07);
    color: #7ab8ff !important;
}

/* Plus indicator pe categorii */
.submenu-indicator {
    font-size: 11px;
    opacity: 0.5;
    transition: opacity var(--transition);
}

.fr-solid-borders li:hover .submenu-indicator {
    opacity: 1;
    color: var(--accent);
}

/* ---- SHOP — CARD PE LISTING ---- */
.shop-card {
    border-radius: var(--radius) !important;
    transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition) !important;
}

.shop-card:hover {
    border-color: rgba(61, 139, 255, 0.3) !important;
    box-shadow: 0 8px 32px rgba(61, 139, 255, 0.14) !important;
    transform: translateY(-3px);
}

.shop-card-image {
    border-radius: var(--radius) var(--radius) 0 0;
    overflow: hidden;
}

.shop-card-image img {
    transition: transform 0.35s ease !important;
}

.shop-card:hover .shop-card-image img {
    transform: scale(1.05) !important;
}

.shop-price {
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}

.shop-card h2 {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.shop-card h2 a {
    color: var(--text-primary) !important;
    transition: color var(--transition);
}

.shop-card h2 a:hover {
    color: var(--accent) !important;
    text-decoration: none !important;
}

/* ---- HERO SHOP ---- */
.shop-hero {
    background: linear-gradient(135deg, #181c30 0%, #1e2440 60%, #1a1e35 100%) !important;
    border: 1px solid rgba(61, 139, 255, 0.12) !important;
    position: relative;
    overflow: hidden;
}

.shop-hero::before {
    content: '';
    position: absolute;
    top: -40px; right: -40px;
    width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(61,139,255,0.08) 0%, transparent 70%);
    pointer-events: none;
}

.shop-kicker {
    color: var(--accent) !important;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.shop-hero h1 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: var(--text-primary) !important;
    margin: 6px 0 8px !important;
    line-height: 1.2;
}

/* ---- BUTOANE GLOBALE ---- */
.btn-primary {
    background: linear-gradient(135deg, var(--accent), #5a9fff) !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    transition: opacity var(--transition), box-shadow var(--transition), transform var(--transition) !important;
    box-shadow: 0 3px 12px rgba(61,139,255,0.3);
}

.btn-primary:hover {
    opacity: 0.92;
    box-shadow: 0 5px 18px rgba(61,139,255,0.4) !important;
    transform: translateY(-1px);
}

.btn-secondary {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--text-primary) !important;
    font-weight: 500 !important;
    transition: background var(--transition), border-color var(--transition) !important;
}

.btn-secondary:hover {
    background: rgba(255,255,255,0.12) !important;
    border-color: rgba(255,255,255,0.2) !important;
}

/* ---- SEARCH BAR ---- */
.input-group .form-control {
    background: rgba(0,0,0,0.25) !important;
    border: 1px solid var(--border) !important;
    border-right: none !important;
    border-radius: var(--radius-sm) 0 0 var(--radius-sm) !important;
    color: var(--text-primary) !important;
    font-size: 13.5px !important;
    padding: 8px 14px !important;
    transition: border-color var(--transition), box-shadow var(--transition);
}

.input-group .form-control:focus {
    border-color: rgba(61,139,255,0.4) !important;
    box-shadow: 0 0 0 2px rgba(61,139,255,0.12) !important;
    outline: none !important;
}

.input-group .btn {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
}

/* ---- COMENTARII ---- */
.comment-item {
    border-radius: var(--radius-sm);
    transition: background var(--transition);
}

.comment-item:hover {
    background: rgba(255,255,255,0.02);
}

/* ---- ONLINE WIDGET & STATS ---- */
.lightstat_cell {
    border-radius: var(--radius-sm) !important;
    transition: background var(--transition);
}

/* ---- BADGE-URI ---- */
.badge {
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-size: 11px !important;
}

.badge-primary {
    background: linear-gradient(135deg, var(--accent), #5a9fff) !important;
}

.badge-success {
    background: linear-gradient(135deg, #00d97e, #00b368) !important;
}

/* ---- PAGINARE ---- */
.pagination .page-link {
    background: var(--bg-card) !important;
    border-color: var(--border) !important;
    color: var(--text-secondary) !important;
    border-radius: var(--radius-sm) !important;
    margin: 0 2px;
    font-size: 13px;
    transition: background var(--transition), color var(--transition), border-color var(--transition);
}

.pagination .page-link:hover {
    background: rgba(61,139,255,0.1) !important;
    border-color: rgba(61,139,255,0.3) !important;
    color: var(--accent) !important;
}

.pagination .page-item.active .page-link {
    background: var(--accent) !important;
    border-color: var(--accent) !important;
    color: #fff !important;
    font-weight: 700;
}

/* ---- TOPIC FULL (pagina de topic) ---- */
.topic-full-heading {
    background: linear-gradient(135deg, rgba(61,139,255,0.07) 0%, transparent 100%) !important;
    border-bottom-color: var(--border) !important;
    border-radius: var(--radius) var(--radius) 0 0 !important;
}

.topic-full-heading h1 {
    font-size: 23px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

/* ---- LISTING HEADING ---- */
.listing-heading {
    background: linear-gradient(135deg, #1a1e31 0%, #1e2440 100%) !important;
    border-color: rgba(61,139,255,0.1) !important;
}

.listing-heading h2 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: var(--text-primary) !important;
}

/* ---- PROFIL UTILIZATOR ---- */
.profile-panel {
    border-color: var(--border) !important;
}

/* ---- ADMIN PANEL ---- */
.admin-card {
    border-radius: var(--radius) !important;
    border-color: var(--border) !important;
}

.admin-card-header {
    background: var(--bg-card-header) !important;
    border-bottom-color: var(--border) !important;
    font-weight: 700;
    font-size: 14px;
}

/* ---- SCROLLBAR custom ---- */
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: #0f1120; }
::-webkit-scrollbar-thumb { background: #2d3352; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #3d4466; }

/* ---- SELECTION color ---- */
::selection {
    background: rgba(61,139,255,0.3);
    color: #fff;
}

/* ---- LINKS globale ---- */
a {
    color: var(--accent);
    transition: color var(--transition), opacity var(--transition);
}

a:hover {
    color: #7ab8ff;
    text-decoration: none !important;
}

/* ---- FORM CONTROLS ---- */
.form-control {
    background: rgba(0,0,0,0.2) !important;
    border: 1px solid var(--border) !important;
    color: var(--text-primary) !important;
    border-radius: var(--radius-sm) !important;
    transition: border-color var(--transition), box-shadow var(--transition) !important;
}

.form-control:focus {
    background: rgba(0,0,0,0.3) !important;
    border-color: rgba(61,139,255,0.45) !important;
    box-shadow: 0 0 0 2px rgba(61,139,255,0.12) !important;
    color: var(--text-primary) !important;
    outline: none !important;
}

/* ---- SHOP PRODUCT DETAIL UPGRADE ---- */
.shop-product-detail {
    border-radius: var(--radius) !important;
    overflow: hidden;
}

.shop-product-desc-heading {
    font-size: 15px !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-secondary) !important;
    font-weight: 700 !important;
    border-bottom-color: var(--border) !important;
}

.shop-product-cover-inline {
    border-radius: var(--radius-sm) !important;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0,0,0,0.4);
}

/* ---- FOOTER-UL PAGINII (daca exista) ---- */
footer, .footer {
    border-top: 1px solid var(--border);
    color: var(--text-muted) !important;
    font-size: 12.5px;
}

/* ---- ALERTS ---- */
.alert-secondary {
    background: rgba(255,255,255,0.04) !important;
    border-color: var(--border) !important;
    color: var(--text-secondary) !important;
    border-radius: var(--radius-sm) !important;
}

/* ---- ANIMATIE fade-in la incarcarea paginii ---- */
@keyframes fadeSlideIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.col-lg-12.my > .card,
.col-md-6.my > .card {
    animation: fadeSlideIn 0.28s ease both;
}

/* Stagger animatie pentru carduri multiple */
.col-md-6.my:nth-child(2) > .card { animation-delay: 0.05s; }
.col-md-6.my:nth-child(3) > .card { animation-delay: 0.10s; }
.col-md-6.my:nth-child(4) > .card { animation-delay: 0.15s; }



/* =========================================================
   SHOP v3 — Filter Bar + Cards V2
   ========================================================= */

/* ---- HERO V2 ---- */
.shop-hero-v2 {
    background: linear-gradient(135deg, #12152a 0%, #1a1f3a 50%, #141829 100%) !important;
    border: 1px solid rgba(61, 139, 255, 0.14) !important;
    border-radius: 12px !important;
    overflow: hidden;
    position: relative;
}

.shop-hero-v2::after {
    content: '';
    position: absolute;
    top: -60px; right: -60px;
    width: 280px; height: 280px;
    background: radial-gradient(circle, rgba(61,139,255,0.07) 0%, transparent 65%);
    pointer-events: none;
}

.shop-hero-v2::before {
    content: '';
    position: absolute;
    bottom: -40px; left: 30%;
    width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(157,92,255,0.05) 0%, transparent 65%);
    pointer-events: none;
}

.shop-hero-v2-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 28px;
    gap: 20px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.shop-hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #3d8bff;
    margin-bottom: 8px;
}

.shop-hero-title {
    font-size: 30px !important;
    font-weight: 900 !important;
    color: #eef2ff !important;
    margin: 0 0 6px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.5px;
}

.shop-accent {
    background: linear-gradient(135deg, #3d8bff, #9d5cff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.shop-hero-sub {
    color: #7c8aa5 !important;
    font-size: 13.5px;
    margin: 0;
    max-width: 360px;
}

.shop-hero-v2-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
}

.shop-hero-stats {
    display: flex;
    align-items: center;
    gap: 20px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 10px;
    padding: 12px 20px;
}

.shop-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.shop-stat-num {
    font-size: 22px;
    font-weight: 800;
    color: #3d8bff;
    line-height: 1;
}

.shop-stat-label {
    font-size: 11px;
    color: #5d6680;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.shop-stat-sep {
    width: 1px;
    height: 30px;
    background: rgba(255,255,255,0.08);
}

.shop-add-btn {
    background: linear-gradient(135deg, #3d8bff, #5a9fff) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 8px 18px !important;
    box-shadow: 0 4px 16px rgba(61,139,255,0.3);
    transition: all 0.18s ease !important;
    text-decoration: none !important;
}

.shop-add-btn:hover {
    box-shadow: 0 6px 22px rgba(61,139,255,0.45) !important;
    transform: translateY(-1px);
    color: #fff !important;
}

/* ---- FILTER BAR ---- */
.shop-filter-card {
    background: #1a1e31 !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    border-radius: 12px !important;
    padding: 0 !important;
}

.shop-filter-form {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Search */
.shop-filter-search {
    position: relative;
    display: flex;
    align-items: center;
}

.shop-filter-search-icon {
    position: absolute;
    left: 13px;
    color: #5d6680;
    font-size: 13px;
    pointer-events: none;
}

.shop-filter-input {
    width: 100%;
    background: rgba(0,0,0,0.25) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px !important;
    color: #eef2ff !important;
    font-size: 13.5px !important;
    padding: 9px 36px 9px 36px !important;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.shop-filter-input:focus {
    border-color: rgba(61,139,255,0.4) !important;
    box-shadow: 0 0 0 2px rgba(61,139,255,0.10) !important;
}

.shop-filter-input::placeholder {
    color: #4a5270;
}

.shop-filter-clear-search {
    position: absolute;
    right: 12px;
    color: #5d6680;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    transition: color 0.15s;
}

.shop-filter-clear-search:hover {
    color: #ff4b4b;
}

/* Grup de pills */
.shop-filter-group {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.shop-filter-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #5d6680;
    white-space: nowrap;
    min-width: 48px;
    margin: 0;
}

.shop-filter-label i {
    margin-right: 4px;
}

.shop-filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.shop-pill {
    display: inline-flex;
    align-items: center;
    padding: 5px 13px;
    border-radius: 20px;
    font-size: 12.5px;
    font-weight: 500;
    color: #8e99b5;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    text-decoration: none !important;
    transition: all 0.15s ease;
    cursor: pointer;
}

.shop-pill:hover {
    color: #eef2ff;
    background: rgba(61,139,255,0.10);
    border-color: rgba(61,139,255,0.25);
}

.shop-pill.is-active {
    color: #fff;
    background: linear-gradient(135deg, rgba(61,139,255,0.25), rgba(61,139,255,0.15));
    border-color: rgba(61,139,255,0.5);
    font-weight: 600;
}

/* Sort select */
.shop-filter-sort {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 4px;
    border-top: 1px solid rgba(255,255,255,0.05);
    flex-wrap: wrap;
}

.shop-sort-select {
    background: rgba(0,0,0,0.25) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px !important;
    color: #eef2ff !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
    cursor: pointer;
    min-width: 180px;
}

.shop-sort-select:focus {
    border-color: rgba(61,139,255,0.4) !important;
    outline: none;
}

/* Active filter tags */
.shop-active-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 4px;
    border-top: 1px solid rgba(255,255,255,0.05);
}

.shop-active-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    color: #aeb8c9;
    background: rgba(61,139,255,0.08);
    border: 1px solid rgba(61,139,255,0.18);
}

.shop-active-tag b {
    color: #eef2ff;
}

.shop-active-tag a {
    color: #ff6b6b;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    transition: color 0.15s;
}

.shop-active-tag a:hover { color: #ff4b4b; }

.shop-clear-all {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #5d6680;
    text-decoration: none;
    transition: color 0.15s;
    margin-left: 4px;
}

.shop-clear-all:hover { color: #ff6b6b; }

/* ---- CARD V2 ---- */
.shop-grid-v2 {
    margin: -6px;
}

.shop-grid-v2 .col-md-6,
.shop-grid-v2 .col-xl-4 {
    padding: 6px;
}

.shop-card-v2 {
    background: #1e2235;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.2s ease;
}

.shop-card-v2:hover {
    border-color: rgba(61,139,255,0.28);
    box-shadow: 0 8px 32px rgba(61,139,255,0.13);
    transform: translateY(-3px);
}

/* Thumbnail cu overlay */
.shop-card-v2-thumb {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #111420;
    flex-shrink: 0;
}

.shop-card-v2-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.shop-card-v2:hover .shop-card-v2-thumb img {
    transform: scale(1.05);
}

.shop-card-v2-overlay {
    position: absolute;
    inset: 0;
    background: rgba(13, 16, 32, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.22s ease;
}

.shop-card-v2:hover .shop-card-v2-overlay {
    opacity: 1;
}

.shop-card-v2-cta {
    background: rgba(61,139,255,0.9);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 18px;
    border-radius: 8px;
    backdrop-filter: blur(4px);
}

/* Badge-uri pe thumbnail */
.shop-card-v2-price {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, #3d8bff, #5a9fff);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 8px;
    box-shadow: 0 3px 12px rgba(61,139,255,0.4);
    z-index: 2;
}

.shop-card-v2-price.is-free {
    background: linear-gradient(135deg, #00d97e, #00b368);
    box-shadow: 0 3px 12px rgba(0,217,126,0.4);
}

.shop-card-v2-mod {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0,0,0,0.65);
    color: #c8d4f0;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 6px;
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255,255,255,0.1);
    z-index: 2;
}

.shop-card-v2-tip {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(157,92,255,0.75);
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 6px;
    backdrop-filter: blur(4px);
    z-index: 2;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Body card */
.shop-card-v2-body {
    padding: 14px 16px 8px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.shop-card-v2-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

.shop-card-v2-title a {
    color: #eef2ff !important;
    text-decoration: none !important;
    transition: color 0.15s;
}

.shop-card-v2-title a:hover {
    color: #5daeff !important;
}

.shop-card-v2-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.scv2-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 5px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    color: #8e99b5;
    font-weight: 500;
}

.scv2-badge.is-green {
    background: rgba(0,217,126,0.08);
    border-color: rgba(0,217,126,0.18);
    color: #00d97e;
}

.scv2-badge.is-blue {
    background: rgba(61,139,255,0.08);
    border-color: rgba(61,139,255,0.18);
    color: #5daeff;
}

.shop-card-v2-desc {
    font-size: 13px;
    color: #7c8aa5;
    line-height: 1.55;
    margin: 0;
    flex: 1;
}

/* Footer card */
.shop-card-v2-footer {
    padding: 10px 16px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid rgba(255,255,255,0.06);
    margin-top: auto;
    flex-wrap: wrap;
}

.shop-card-v2-author {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    color: #5d6680;
    min-width: 0;
    overflow: hidden;
}

.shop-card-v2-author img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid rgba(255,255,255,0.1);
    flex-shrink: 0;
}

.shop-card-v2-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.shop-card-v2-price-inline {
    font-size: 14px;
    font-weight: 800;
    color: #3d8bff;
}

.shop-card-v2-price-inline.is-free {
    color: #00d97e;
}

.shop-card-v2-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 14px;
    border-radius: 7px;
    font-size: 12.5px;
    font-weight: 700;
    color: #fff !important;
    background: linear-gradient(135deg, #3d8bff, #5a9fff);
    text-decoration: none !important;
    transition: all 0.15s ease;
    box-shadow: 0 3px 10px rgba(61,139,255,0.25);
}

.shop-card-v2-btn:hover {
    box-shadow: 0 5px 16px rgba(61,139,255,0.4);
    transform: translateY(-1px);
}

/* ---- EMPTY STATE ---- */
.shop-empty-state {
    border-radius: 12px !important;
    border-color: rgba(255,255,255,0.06) !important;
}

.shop-empty-inner {
    text-align: center;
    padding: 48px 24px;
}

.shop-empty-icon {
    font-size: 40px;
    color: #2d3352;
    display: block;
    margin-bottom: 16px;
}

.shop-empty-inner h3 {
    font-size: 18px;
    font-weight: 700;
    color: #eef2ff;
    margin: 0 0 8px;
}

.shop-empty-inner p {
    color: #5d6680;
    font-size: 13.5px;
    margin: 0 0 18px;
}

/* ---- ADMIN thumbnail preview ---- */
.shop-admin-thumb-preview {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding: 8px 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 7px;
}

.shop-admin-thumb-preview img {
    width: 60px;
    height: 40px;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.1);
}

.shop-admin-thumb-label {
    font-size: 12px;
    color: #5d6680;
}

/* ---- RESPONSIVE shop v3 ---- */
@media (max-width: 767px) {
    .shop-hero-v2-inner {
        flex-direction: column;
        align-items: flex-start;
        padding: 18px;
    }

    .shop-hero-v2-right {
        align-items: flex-start;
        width: 100%;
    }

    .shop-hero-stats {
        width: 100%;
        justify-content: center;
    }

    .shop-filter-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .shop-filter-sort {
        flex-direction: column;
        align-items: flex-start;
    }

    .shop-sort-select {
        width: 100%;
    }

    .shop-hero-title {
        font-size: 22px !important;
    }
}



/* =========================================================
   SISTEM LIKE-URI
   ========================================================= */

/* ---- Buton Like generic ---- */
.like-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(255, 75, 110, 0.25);
    border-radius: 20px;
    background: rgba(255, 75, 110, 0.06);
    color: #8e99b5;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.18s ease;
    line-height: 1;
    white-space: nowrap;
}

.like-btn:hover {
    border-color: rgba(255, 75, 110, 0.5);
    background: rgba(255, 75, 110, 0.12);
    color: #ff4b6e;
    transform: scale(1.04);
}

.like-btn.is-liked {
    border-color: rgba(255, 75, 110, 0.55);
    background: rgba(255, 75, 110, 0.14);
    color: #ff4b6e;
}

.like-btn.is-liked .fa {
    animation: likePop 0.28s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

@keyframes likePop {
    0%   { transform: scale(1); }
    40%  { transform: scale(1.45); }
    70%  { transform: scale(0.9); }
    100% { transform: scale(1); }
}

/* Marimi */
.like-btn--sm {
    font-size: 12px;
    padding: 4px 10px;
}

.like-btn--md {
    font-size: 14px;
    padding: 7px 16px;
}

.like-btn .fa {
    font-size: 1em;
    transition: transform 0.18s ease;
}

.like-btn .fa-heart {
    color: #ff4b6e;
}

.like-count {
    font-size: 0.95em;
    font-weight: 700;
    min-width: 14px;
    text-align: center;
}

.like-label {
    font-size: 0.95em;
    font-weight: 700;
}

/* Stare loading (AJAX in progres) */
.like-btn.is-loading {
    opacity: 0.6;
    pointer-events: none;
}

/* ---- Like pe pagina full de topic ---- */
.topic-heading-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.like-btn--md {
    box-shadow: 0 2px 10px rgba(255, 75, 110, 0.15);
}

.like-btn--md.is-liked {
    box-shadow: 0 3px 14px rgba(255, 75, 110, 0.28);
}

/* ---- Contor like-uri pe profil ---- */
.profile-stats div strong .fa-heart {
    font-size: 11px;
    vertical-align: middle;
    margin-right: 2px;
}



.whoonline-premium {
    text-align: left;
}

.online-presence-stats {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.online-presence-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.online-presence-stat-label {
    color: #cfd7e6;
    font-size: 12px;
    line-height: 1.2;
}

.online-presence-stat-label i {
    margin-right: 6px;
}

.online-presence-stat-value {
    min-width: 28px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #2a3040;
    color: #f3f6ff;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
}

.online-presence-card {
    margin-top: 14px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(12, 14, 22, 0.22));
    text-align: left;
}

.online-presence-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.online-presence-tab {
    flex: 1 1 50%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    color: #9fa8bd;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    cursor: pointer;
    transition: all 0.18s ease;
}

.online-presence-tab span {
    min-width: 22px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #dbe7ff;
    text-align: center;
    font-size: 10px;
}

.online-presence-tab:hover,
.online-presence-tab.is-active {
    color: #ffffff;
    background: linear-gradient(180deg, rgba(81, 135, 255, 0.18), rgba(81, 135, 255, 0.08));
    border-color: rgba(81, 135, 255, 0.22);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
}

.online-presence-pane {
    display: none;
}

.online-presence-pane.is-active {
    display: block;
}

.online-presence-scroll {
    max-height: 176px;
    overflow-y: auto;
    padding-right: 6px;
}

.online-presence-scroll::-webkit-scrollbar {
    width: 6px;
}

.online-presence-scroll::-webkit-scrollbar-thumb {
    background: rgba(143, 215, 255, 0.22);
    border-radius: 999px;
}

.online-presence-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.online-presence-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    text-decoration: none;
}

.online-presence-item:last-child {
    border-bottom: 0;
    padding-bottom: 2px;
}

.online-presence-item:hover {
    text-decoration: none;
    transform: translateX(2px);
}

.online-history-avatar-wrap {
    position: relative;
    flex: 0 0 34px;
}

.online-history-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #1c2030;
}

.online-history-status {
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #48cfad;
    box-shadow: 0 0 0 2px #20232e, 0 0 10px rgba(72, 207, 173, 0.55);
}

.online-history-text {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
}

.online-history-name {
    display: block;
    font-size: 13px;
    line-height: 1.2;
}

.online-history-time,
.online-history-empty {
    color: #8e94a5;
    font-size: 11px;
    line-height: 1.2;
}

.online-history-empty {
    padding: 4px 2px 2px;
}


/* v4 compat / offer / custom */
.shop-buy-btn-custom {
    background: linear-gradient(135deg, rgba(91, 129, 255, 0.16), rgba(160, 108, 255, 0.18));
    border: 1px solid rgba(123, 154, 255, 0.35);
    color: #dfe7ff;
}
.shop-buy-btn-custom:hover {
    color: #fff;
    box-shadow: 0 10px 30px rgba(104, 120, 255, 0.18);
}
.shop-product-compat-box { margin-bottom: 18px; }
.shop-product-specs-grid-compat { margin-bottom: 2px; }
.shop-custom-cta-card {
    background: linear-gradient(180deg, rgba(18, 26, 48, 0.95), rgba(12, 18, 35, 0.96));
    border: 1px solid rgba(94, 118, 182, 0.24);
}
.shop-custom-cta-inner {
    display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px;
}
.shop-custom-cta-kicker {
    display: inline-flex; align-items: center; gap: 8px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #8aa7f6; margin-bottom: 8px;
}
.shop-custom-cta-inner h2 { margin: 0 0 8px; color: #fff; font-size: 24px; }
.shop-custom-cta-inner p { margin: 0; color: #a8b3d4; max-width: 720px; }
.shop-custom-cta-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.feedback-hero { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.feedback-hero-kicker { display: inline-flex; align-items: center; gap: 8px; color: #8aa7f6; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 8px; }
.feedback-hero-title { margin: 0 0 8px; color: #fff; font-size: 28px; }
.feedback-hero-sub { margin: 0; color: #aeb9d9; }
.feedback-hero-tabs { display: flex; gap: 10px; flex-wrap: wrap; }
.feedback-type-pill { padding: 10px 14px; border-radius: 12px; border: 1px solid rgba(99, 118, 164, 0.28); background: rgba(9, 14, 26, 0.58); color: #b9c4e2; text-decoration: none !important; font-weight: 600; }
.feedback-type-pill.is-active, .feedback-type-pill:hover { color: #fff; border-color: rgba(93, 174, 255, 0.38); box-shadow: 0 0 0 1px rgba(93, 174, 255, 0.1) inset; }
.feedback-form-card { border: 1px solid rgba(94, 118, 182, 0.24); }
.feedback-label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 700; color: #dfe7ff; }
.feedback-smart-form .form-control { background: rgba(8, 12, 24, 0.78); border: 1px solid rgba(100, 120, 168, 0.28); color: #ecf2ff; }
.feedback-smart-form .form-control::placeholder { color: #7f8aad; }
.feedback-brief-box { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; background: rgba(9, 15, 28, 0.6); border: 1px solid rgba(95, 116, 161, 0.24); border-radius: 14px; padding: 14px 16px; margin-bottom: 14px; }
.feedback-brief-box strong { display: block; color: #fff; margin-bottom: 4px; }
.feedback-brief-box span { color: #a9b5d6; font-size: 13px; }
@media (max-width: 991px) {
    .shop-custom-cta-inner, .feedback-hero { flex-direction: column; align-items: flex-start; }
    .shop-custom-cta-actions { justify-content: flex-start; }
}