.aim-text-hover:hover {
	color: #8157d9 !important;
}

.aim-pointer {
	cursor: pointer !important;
}

.table-v2 {
	border-bottom: 1px solid #00000042 !important;
	white-space: nowrap;
}

.table-v2 th:first-child {
  border-radius: 5px 0 0 0;
}

.table-v2 th:last-child {
  border-radius: 0 5px 0 0;
}

.table-v2 thead {
	background: #373737;
	color: white;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}

.table-v2 thead th {
	padding: 0.9rem 0.5rem !important;
}

.table-v2 tbody td {
	padding: 0.75rem 0.5rem !important;
	color: #585858 !important;
	vertical-align: middle;
}

.table-v2 tbody tr:not(:last-child) {
	border-bottom: 1px solid #00000026;
}

.table-v2 tbody tr:hover {
	background: #f1416c08;
}

.table-v2 thead th {
	background: #373737;
	color: white;
	font-weight: bold;
}

.table-full {
	width: 100%;
}

.icon-edit, .icon-delete {
	font-size: 12px;
	margin: 0 3px;
}

.icon-edit {
	color: #373737 !important;
}

.icon-delete {
	color: #f1416c !important;
}

.icon-edit:hover {
	color: #727272 !important;
}

.icon-delete:hover {
	color: #ff1951 !important;
}

.table-scrollable {
	overflow-x: auto;
	box-shadow: inset 0 0 5px rgba(150, 150 ,150,0.35);
}

.table-aim {
	border-bottom: 1px solid #3684e1 !important;
	white-space: nowrap;
}

.table-aim th:first-child {
  border-radius: 5px 0 0 0;
}

.table-aim th:last-child {
  border-radius: 0 5px 0 0;
}

.table-aim thead {
	background: #3e97ff;
	color: white;
	border-bottom: 1px solid #3684e1;
	font-weight: bold;
}

.table-aim thead th {
	padding: 0.9rem 0.5rem !important;
}

.table-aim tbody td {
	padding: 0.75rem 0.5rem !important;
	color: #585858 !important;
	vertical-align: middle;
}

.table-aim tbody tr:not(:last-child) {
	border-bottom: 1px solid #3e97ff38;
}

.table-aim tbody tr:hover {
	background: #3e97ff12;
}

.table-aim thead th {
	background: #131313;
	color: white;
	font-weight: bold;
}

.table-scrollable {
	overflow-x: auto;
	box-shadow: inset 0 0 5px rgba(150, 150 ,150,0.35);
}

.extra-rem {
	margin-left: -0.75rem;
	margin-right: -0.75rem;
}

.aim-bold {
	font-weight: 600 !important;
}

.relative {
	position: relative;
}

.fixed {
	position: fixed;
}

.absolute {
	position: absolute
}

.search-box {
	margin-bottom: 1rem;
}

.card-header.search-box {
	display: none;
}

.search-box input {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;		
}

.label-bt-extra-space {
	margin-bottom: 5px;
}

.loading-gif {
	width: 22px;
}

.fixed-error,
.fixed-success {
	position: fixed !important;
	top: 20px;
	right: 20px;
	left: auto;
	z-index: 999999 !important;

	min-width: 340px;
	max-width: 420px;
	width: auto;
	padding: 16px 18px 18px 18px;

	border-radius: 14px;
	border: none;
	color: #ffffff;
	font-weight: 600;

	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);

	box-shadow:
		0 10px 30px rgba(0, 0, 0, 0.35),
		0 0 0 1px rgba(255, 255, 255, 0.08) inset;

	animation: notifySlideIn 0.45s cubic-bezier(0.2, 0.8, 0.2, 1) both;
	overflow: hidden;
}

.fixed-error.leaving,
.fixed-success.leaving {
	animation: notifySlideOut 0.35s cubic-bezier(0.4, 0, 1, 1) forwards;
}

.fixed-error > div,
.fixed-success > div {
	text-align: left;
	font-size: 14px;
	line-height: 1.45;
	padding-right: 28px;
}

.fixed-error {
	background: linear-gradient(135deg, rgba(255, 56, 96, 0.92), rgba(160, 20, 60, 0.94));
	box-shadow:
		0 10px 30px rgba(255, 0, 80, 0.38),
		0 0 0 1px rgba(255, 255, 255, 0.07) inset;
}

.fixed-success {
	background: linear-gradient(135deg, rgba(0, 200, 140, 0.92), rgba(0, 120, 90, 0.95));
	box-shadow:
		0 10px 30px rgba(0, 200, 140, 0.38),
		0 0 0 1px rgba(255, 255, 255, 0.07) inset;
}

.fixed-error .btn-close,
.fixed-success .btn-close {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	padding: 0.45em;
	background-size: 0.7em;
	opacity: 0.55;
	transition: opacity 0.2s ease;
}

.fixed-error .btn-close:hover,
.fixed-success .btn-close:hover {
	opacity: 1;
}

.notify-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 100%;
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0.15) 0%,
		rgba(255, 255, 255, 0.7) 50%,
		rgba(255, 255, 255, 0.15) 100%
	);
	background-size: 200% 100%;
	animation: notifyShimmer 2.2s linear infinite;
}

@keyframes notifySlideIn {
	from {
		opacity: 0;
		transform: translateX(50px) scale(0.95);
	}
	to {
		opacity: 1;
		transform: translateX(0) scale(1);
	}
}

@keyframes notifySlideOut {
	from {
		opacity: 1;
		transform: translateX(0) scale(1);
	}
	to {
		opacity: 0;
		transform: translateX(50px) scale(0.95);
	}
}

@keyframes notifyShimmer {
	from { background-position: 200% 0; }
	to   { background-position: -200% 0; }
}

.fixed-error a,
.fixed-error a:hover,
.fixed-error a:focus,
.fixed-error a:active,
.fixed-error a:visited,
.fixed-success a,
.fixed-success a:hover,
.fixed-success a:focus,
.fixed-success a:active,
.fixed-success a:visited {
	color: var(--bs-info) !important;
	text-decoration: none !important;
	border-bottom: none !important;
	background: none !important;
	font-weight: 700;
	transition: color 0.2s ease;
}

.fixed-error a:hover,
.fixed-success a:hover {
	color: color-mix(in srgb, var(--bs-info) 70%, white) !important;
}

.req {
	font-weight: bold;
	color: red;
}

.input-error {
	border: 1px solid red;
}

.input-success {
	border: 1px solid green;
}

.page-item .page-link {
	height: 1.75rem;
	min-width: 1.75rem;
}

.pagination {
	justify-content: right;
}

.insert-error {
	margin-top: 5px;
	border: 1px solid red;
	color: red;
	font-weight: 600;
	padding: 6px 12px;
	border-radius: 5px;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

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

.tabs-aim {
	border-radius: 5px 5px 0px 0px !important;
	border-top: 1px solid #80808036 !important;
	border-left: 1px solid #80808036 !important;
	border-right: 1px solid #80808036 !important;
	margin-left: 5px;
	margin-right: 5px;
	background: #3e97ff17;
	color: black;
}

.ovl {
	position: fixed; /* Sit on top of the page content */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
	z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer; /* Add a pointer on hover */	
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 18px;
	font-weight: bold;
	flex-direction: column;
	display: none;
}

.action-btn-fix {
	padding: calc(0.45rem + 1px) calc(0.65rem + 1px) !important;
}

.action-btn-fix i {
	padding: 0 !important;
	margin: 0 !important;
}

.qr-main-container {
	
	width: 100%;
	background: #bcbcbc0f;
	display: flex;
	padding: 15px 10px;
	border: 1px solid #f1416c;
	box-shadow: 0px 0px 10px -4px #bcbcbc78;
    border: 1px solid #bcbcbc30;
}

.main-cont-1 {
	flex-grow: 2;
	width: 80%;
	margin-right: 5px;
}

.main-cont-2 {
	width: 20%;
	margin-left: 5px;
	background: white;
}

.qr-icons-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background: #fcfcfc;
}

.qr-icons-items {
	flex: 1 0 21%;
	padding: 10px 10px;
	text-align: center;
	border: 0px;
	background: #fcfcfc;
}

.qr-icons-items:hover {
	background: #f1416c0d;
}

.selected-qrtype {
	background: #f1416c0d;
	color: #f1416c;
}

.selected-qrtype i {
	color: #f1416c;
}

.form-special {
	padding: 10px 5px;
}

.action label, .option-content label {
	font-weight: 500;
	font-size: 14px;
}

.regular-mt {
	margin-top: 7px;
}

.sml {
	color: gray;
	display: block;
	margin-top: 7px;
}

.option-bar {
	padding: 15px 10px;
	border-radius: 10px 10px 0 0;
	background: white;
}

.option-bar span {
	font-size: 16px;
	font-weight: 500;
}

.option-bar:hover {
	cursor: pointer;
}

.option-content {
	display: none;
	background: white;
	padding: 15px 10px;
}

.main-cont-2 {
	padding: 20px 10px;
}

.qr-zone {
	width: 100%;
	min-height: 125px;
	background: #bcbcbc2b;
	display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 20px;
}

.generate {
	background: #f1416c;
	border: 1px solid #f1416c;
	width: 100%;
	padding: 10px;
	color: white;
}

.generate i {
	color: white;
}

.generate:hover {
	background: #d9214e;
}

.download {
	margin-top: 20px;
	background: #f1416c;
	border: 1px solid #f1416c;
	width: 100%;
	padding: 10px;
	color: white;
}

.download i {
	color: white;
}

.download:hover {
	background: #d9214e;
}

.predefimages {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.predefimages .logo {
	flex: 1 0 12%;
	padding: 5px;
	border: 2px solid #80808075;
	margin: 0 5px;
	position: relative;
	
}

.predefimages .logo:hover {
	border: 2px solid #f1416c;
	cursor: pointer;
}

.logo.selected {
	background: #f1416c0d;
	border: 2px solid #f1416c;
}

.input-flexer {
	display: flex;
	gap: 15px;
	margin-top: 10px;
}

.input-flexer div {
	flex-grow: 1;
}

.input-flexer label {
	display: block;
	font-weight: 500;
}

.download:disabled {
	background: #f1416c7d;
	border: 1px solid #f1416c30;
	cursor: not-allowed;
}

.select-wrapper {
  position: relative;
}

.select-wrapper select {
  padding-right: 2.5rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--bs-body-bg);
}

.select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='gray' viewBox='0 0 20 20'><path d='M5.5 7l4.5 4.5L14.5 7z'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}

#file-label, #form_word_label, #form_img_label, #form_gallery_label, .ped_form {
	width: 100%; 
	height: 250px; 
	border: 1px solid #9eafe6; 
	border-radius: 15px; 
	color: gray; 
	text-align: center;
	padding: 10px;
	position: relative;
}

#file-label div, #form_word_label div, #form_img_label div, #form_gallery_label div, .ped_form div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#exampleFormControlFile1, #form_word, #form_img, #form_gallery, .ped_form input[type="file"] {
	display: none !important;
}

#file-label:hover, #form_word_label:hover, #form_img_label:hover, #form_gallery_label:hover, .ped_form:hover {
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	box-shadow: 0px 0px 5px 0px blue;
}

#file-label img, #form_word_label img, #form_img_label img, #form_gallery_label img, .ped_form img {
	max-width: 100%;
    max-height: 100%;
	border-radius: 15px;
}

@media (max-width: 991px) {
	
}

@media (max-width: 641px) {
	.qr-main-container {
		flex-direction: column;
	}
	.main-cont-1, .main-cont-2 {
		width: 100%;
		margin: 0px !important;
	}
	.qr-icons-items {
		flex: 1 0 45%;
	}
	
	.qr-icons-items i {
		display: block;
		font-size: 28px !important;
	}
	
	.input-flexer {
		flex-direction: column;
	}
	
	.mb-15-mobile {
		margin-bottom: 10px;
	}
	
	.predefimages .logo {
		flex: 1 0 21%;
	}
	
    .mobile-w-100 {
		width: 100%;
    }
}

.zones {
	border-radius: 10px;
	background: #ffffff;
	border: 1px solid #0000001f;
	display: flex;
	gap: 5px;
	padding: 15px 10px;
	box-shadow: 0px 0px 10px 0px #0000001f;
	transition: 1s;
	font-size: 16px;
}

.zones:hover {
	border: 1px solid #0000003d;
	box-shadow: 0px 0px 10px 0px #0000003d;
}

.zone-left {
	flex: 40%;
	padding: 10px;
}

.zone-right {
	flex: 60%;
}

.zone-title {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.zone-type i {
	font-size: 16px;
}

.zone-date {
	font-size: 14;
	color: gray;
}

.zone-download {
	text-align: center;
}

.zone-modificare {
	margin-top: 20px;
}

.zone-modificare i {
	color: #f1416c;
}

.zone-stats-total, .zone-stats-monthly {
	margin-top: 10px;
}

.zone-stats-total i, .zone-stats-monthly i {
	color: green;
}

.zone-stergere {
	margin-top: 10px;
}

.zone-modificare:hover {
	cursor: pointer;
	color: #f1416c;
}

.zone-stergere:hover {
	cursor: pointer;
	color: red;
}

.b-nice {
	border: 1px solid #7239ea3d;
}

.zone-stergere i {
	color: red;
}

.zone-promo {
	margin-top: 25px;
}

.zone-promo span {
	padding: 10px 20px;
	border: 1px solid #f1416c;
	color: #f1416c;
}

.download2 {
	margin-top: 10px;
	background: #f1416c;
	border: 1px solid #f1416c;
	width: 80%;
	padding: 5px;
	color: white;
}

.download2 i {
	color: white;
}

.download2:hover {
	background: #d9214e;
}

.input-title {
	width: 100%;
    border: 0;
	cursor: pointer;
}

.blink {
	border: 1px solid red;
	box-shadow: 0px 0px 10px 0px #ff000030;
}

.q-mark {
	float: right;
    font-size: 16px !important;
    margin-top: 2px;
}

.q-mark:hover {
	color: #f1416c;
}

.form-label {
	width: 100%;
	margin-bottom: 0;
}

.form-switch-aim {
	display: flex;
    justify-content: center;
	margin-bottom: 0;
	padding-top: 1px;
}

.form-switch-aim .form-check-input {
	height: 20px;
	width: 3rem
}

.form-switch-aim .form-check-input:checked {
	background-color: #7239ea;
    border-color: #7239ea;
}

.form-check-input.aim-fix {
	width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.15rem;
}

.btn-aim-sm {
	padding: calc(.35rem + 1px) calc(1rem + 1px) !important;
}

.price-header {
	padding: 12px 10px;
	border-radius: .475rem;
	background: #f1f1f2;
	font-weight: bold; 
	color: black;
	margin-bottom: 7px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.price-header .ph-right {
	margin-left: auto;
}

.price-body .price-line {
	display: flex;
}

.price-body .price-line .itm {
	padding: 5px;
	flex-grow: 1;
}

.price-body .price-line .itm:first-child {
	padding-left: 0px;
}

.price-body .price-line .itm:last-child {
	padding-right: 0px;
}

.price-body .price-line .itm.bigger {
	flex-grow: 2;
}

.td-settings {
	padding: 15px 10px; 
	background: red; 
	border-radius: .475rem; 
	background: #f1f1f2; 
	font-weight: bold; 
	color: black;
}

.tb-settings {
	width: 100%; 
	margin-bottom: 5px;
}

.border-regular {
	border: 1px solid #7239ea3d;
}

.product-search-results ul {
	margin: 0;
    padding: 0;
    list-style-type: none;
    border: 1px solid #dbdfe9;
    border-radius: 0.45rem;
    height: 220px;
    overflow-x: scroll;
}

.product-search-results ul li {
	padding: 5px 10px;
    border-bottom: 1px solid #7239ea3b;
}

.product-search-results ul li:hover {
	background: #7239ea3b;
	color: #7239ea;
	cursor: pointer;
}

.adaugare_utilizator.selected {
	background: #7239ea3b;
	color: #7239ea;
}

.product-search-results .noresults {
	padding: 10px;
}

.icon-delete {
	cursor: pointer;
}

.product {
	width: 100%;
	padding: 10px 5px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	transition: .3s;
	position: relative;
}

.product:hover {
	box-shadow: rgb(114 57 234 / 69%) 0px 1px 4px;
}

.product .img {
	overflow: hidden;
	height: 200px;
	width:100%;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	transition: transform 0.3s ease-in-out;
	border-radius: 5px;
	position: relative;
}

.product .img .pro-card {
	position: absolute;
	right: -35px;
	bottom: -7px;
	width: 100px;
	height: 50px;
	background: black;
	padding: 10px;
	z-index: 1;
	transform: rotate(-45deg);
	color: #bababa;
	font-weight: bold;
	text-align: center;
}

.product .img:hover {
	transform: scale(1.02);
}

.product .info-zone {
	width: 100%;
	padding: 5px 7px;
	display: flex;
	margin-top: 7px;
}

.product .info-zone .rest {
	padding-left: 10px;
}

.product .info-zone .rest .title {
	font-size: 15px;
	color: #7239ea;
	font-weight: bold;
	text-align: left;
	width: 100%;
}

.product .info-zone .rest .categories {
	font-size: 12px;
}

.product .info-zone .icon {
	text-align: center;
	width: 38px;
	height: 38px;
	border-radius: 38px;
	background: #7239ea;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product .info-zone .icon i {
	font-size: 18px;
	color: white;
	font-weight: bold;
}

.product .price-zone {
	width: 100%;
	padding: 5px 7px;
	display: flex;
	margin-top: 7px;
	height: 50px;
}

.product .price-zone .icon {
	text-align: center;
	width: 38px;
	height: 38px;
	border-radius: 38px;
	background: #7239ea;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product .price-zone .icon i {
	font-size: 18px;
	color: white;
	font-weight: bold;
}

.product .price-zone .rest {
	padding-left: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.product .price-zone .rest .price {
	font-size: 15px;
	color: #7239ea;
	font-weight: bold;
	text-align: left;
	width: 100%;
}

.product .price-zone .rest .old-price {
	font-size: 12px;
}

.divider {
	border-bottom: 1px solid #7239ea38;
	margin: 5px auto 5px auto;
	width: 90%;
}

.divider.full {
	border-bottom: 1px solid #7239ea38;
	margin: 5px auto 5px auto;
	width: 100%;
}

.divider.transparent {
	border-bottom: 1px solid #dad8dd29;
}

.cards {
	text-align: center;
	padding: 5px 7px;
	display: flex;
	justify-content: left;
	align-items: center;
	height: 65px;
	width: 100%;
	flex-wrap: wrap;
}

.old-price { 
	font-size:0.8em;  
	text-decoration: line-through;  
	color: #7239ea;
}

.product .price-zone .rest .red-price {
	color: #f1416c;
}

.product .price-zone .red-icon {
	background: #f1416c;
}

.card-favorite {
	position: absolute;
	top: 15px; 
	right: 10px;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	background: #7239ea;
	cursor: pointer;
}

.card-favorite i {
	color: white;
	font-size: 18px;
}

.card-favorite:hover {
	box-shadow: rgb(114 57 234 / 69%) 0px 1px 4px;
}

.card-pr {
	position: absolute;
	top: 55px; 
	right: 10px;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	background: #7239ea;
	cursor: pointer;
	color: white;
	font-size:16px;
}

.card-pr:hover {
	box-shadow: rgb(114 57 234 / 69%) 0px 1px 4px;
}

.card-buy-stock {
	position: absolute;
	top: 55px; 
	right: 10px;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	background: #7239ea;
	cursor: pointer;
}

.card-buy-stock i {
	color: white;
	font-size: 16px;
}

.card-buy-stock:hover {
	box-shadow: rgb(114 57 234 / 69%) 0px 1px 4px;
}

.card-notification {
	position: absolute;
	top: 15px; 
	right: 50px;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	background: #7239ea;
	cursor: pointer;
}

.card-notification i {
	color: yellow;
	font-size: 16px;
}

.card-notification:hover {
	box-shadow: rgb(114 57 234 / 69%) 0px 1px 4px;
}

.search-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 10px;
	border-bottom: 1px solid #8080801f;
}

.search-select, .search-input {
	border: 1px solid #7239ea3d;
	border-radius: 5px;
	background: #f5f6f9;
	padding: 5px;
	color: gray;
	height: 35px;
}

.notification-sublime {
	border: 1px solid #f1416c;
	color: #f1416c;
	border-radius: 5px;
	background: #f5f6f9;
	padding: 5px 10px;
}

.mini-card {
	border: 1px solid #a3a3a3;
	color: #a3a3a3;
	padding: 3px 5px;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 5px;
	margin-left: 3px;
	margin-right: 3px;
}

.mini-card.green {
	border: 1px solid #00bb21;
	color: #00bb21
}

.mini-card.green i {
	color: #00bb21;
}

.mini-card.orange {
	border: 1px solid orange;
	color: orange;
}

.mini-card.orange i {
	color: orange;
}

.mini-card.red {
	border: 1px solid #f1416c;
	color: #f1416c;
}

.mini-card.red i {
	color: #f1416c;
}

.view-btn {
	height: 35px;
	width: 35px;
	background: red;
	display: inline-flex;
	margin: 0 !important;
	padding: 0 !important;
	justify-content: center;
	align-items: center;
}

.view-btn i {
	padding: 0;
}

.top-cards {
	position: absolute;
	top: 15px;
	left: 10px;
}

.top-cards .c {
	margin-bottom: 5px;
}

.top-cards .c i {
	font-size: 10px;
	margin-top: -2px;
	margin-right: 3px;
	color: white;
}

.price {
	display: flex;
	align-items: center;
}

.price i {
	margin-left: 5px;
	margin-bottom: 2px;
}
.filter-fav-btn {
	border: 1px solid #7239ea3d;
	border-radius: 5px;
	background: #f5f6f9;
	padding: 5px;
	color: gray;
	height: 35px;
}

.filter-dofollow-btn, .filter-promo-btn, .filter-pro-btn, .filter-unmarked-btn, .filter-buy-stock-btn {
	border: 1px solid #7239ea3d;
	border-radius: 5px;
	background: #f5f6f9;
	padding: 5px;
	color: gray;
	height: 35px;
}

.selected {
	border: 1px solid #7239ea;
	color: #7239ea;
}

.selected i {
	color: #7239ea !important;
}

.color-red, .selected .color-red {
	color: #f1416c !important;
}

.color-orange, .selected .color-orange {
	color: orange !important;
}

.color-black, .selected .color-black {
	color: black !important;
}

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

.product-list .img {
	height: 145px;
	margin-right: 15px;
}

.product-list .divider {
	display: none;
}

.product-list .card-favorite {
	right: 15px;
	top: auto;
	bottom: 15px;
}

.product-list .card-pr {
	right: 60px;
	top: auto; 
	bottom: 15px;
}

.product-list .card-buy-stock {
	right: 60px;
    top: auto;
    bottom: 15px;
}

.product-list .btn-info, .product-list .btn-danger {
	width: 150px !important;
}

.btn_cart {
	margin-top: 10px;
}

.product-list .btn-info {
	margin-top: 0 !important; 
}

#plans_buy_modal .modal-dialog {
	max-width: 950px !important;
}

#modal_cart .modal-dialog {
	max-width: 1150px !important;
}

#modal_credit .modal-dialog {
	max-width: 750px !important;
}

#ocredit_modal .modal-dialog {
	max-width: 600px !important;
}

#modal_cart .img {
	overflow: hidden;
	height: 375px;
	width:100%;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	border-radius: 5px;
	height: 425px;
}

#modal_cart .image {
	border-radius: 5px;
	border: 1px solid #7239ea38;
	padding: 5px;
}

#modal_cart .title {
	display: flex;
	align-items: center;
}

#modal_cart .title .icon {
	text-align: center;
	width: 38px;
	height: 38px;
	border-radius: 38px;
	background: #7239ea;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
}

#modal_cart .title .icon i {
	font-size: 18px;
	color: white;
	font-weight: bold;
}

#modal_cart .title .p-title {
	font-size: 20px;
	color: #7239ea;
	font-weight: bold;
	text-align: left;
	width: 100%;
}

#modal_cart .categories {
	margin-top: 7px;
	font-size: 14px;
}

#modal_cart .divider {
	border-bottom: 1px solid #7239ea38;
	margin: 10px auto 10px auto;
	width: 100%;
}

#modal_cart .mini-cards {
	
}

#modal_cart .price-mdl {
	width: 100%;
	padding: 5px 7px;
	display: flex;
	margin-top: 7px;
	height: 50px;
}

#modal_cart .price-mdl .icon {
	text-align: center;
	width: 38px;
	height: 38px;
	border-radius: 38px;
	background: #7239ea;
	display: flex;
	justify-content: center;
	align-items: center;
}

#modal_cart .price-mdl .icon i {
	font-size: 18px;
	color: white;
	font-weight: bold;
}

#modal_cart .price-mdl .rest {
	padding-left: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#modal_cart .price-mdl .rest .price {
	font-size: 15px;
	color: #7239ea;
	font-weight: bold;
	text-align: left;
	width: 100%;
}

#modal_cart .price-mdl .rest .old-price {
	font-size: 12px;
}

#modal_cart .price-mdl .old-price { 
	font-size:0.8em;  
	text-decoration: line-through;  
	color: #7239ea;
}

#modal_cart .price-mdl .rest .red-price {
	color: #f1416c;
}

#modal_cart .price-mdl .red-icon {
	background: #f1416c;
}

#yt_modal .modal-dialog {
	min-width: 1150px !important;
}

@media (max-width: 991px) {
	
	.view-btn {
		display: none;
	}
}

.toggler {
	margin-bottom: 10px;
}

.toggler .toggler-header {
	border: 1px solid #DBDFE9;
	border-radius: 5px 5px 0 0;
	padding: 12px 10px;
	font-weight: bold;
	transition: .2s;
	position: relative;
}

.toggler .toggler-header i {
	border: 1px solid #DBDFE9;
	border-radius: 5px;
	padding: 5px;
	color: #4B5675;
}

.toggler .toggler-header:hover {
	cursor: pointer;
	box-shadow: 0px 0px 10px 0px #dbdfe963;
}

.toggler .toggler-body {
	border-left: 1px solid #DBDFE9;
	border-right: 1px solid #DBDFE9;
	border-bottom: 1px solid #DBDFE9;
	border-top: 1px solid #c0c1c3;
	border-radius: 0px 0px 5px 5px;
	padding: 12px 10px;
	display: none;
}

.toggler .toggler-body .language-title img {
	width: 25px; 
	margin-right: 10px;
}

.toggler .toggler-body .language-title {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #DBDFE9;
}

.mailtag {
	padding: 3px 5px;
	border: 1px solid #DBDFE9;
	margin-top: 5px;
	display: inline-block;
	cursor: pointer;
	border-radius: 5px
}

.menu-item .menu-link {
	padding: 0.85rem 1rem;
}

.menu-item .menu-link .menu-icon i {
	font-size: 1.25rem;
}

.alert a {
	color: rgb(137 110 184);
}

.pastel-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: transparent; /* invizibil inițial */
	border: none;
	cursor: pointer;
	transition: all 0.4s ease;
	border: 1px solid red;
}

.pastel-btn i {
	font-size: 16px;
	color: #555; /* doar iconița vizibilă */
	pointer-events: none;
}

.pastel-btn:hover {
	background: linear-gradient(
	135deg,
	rgba(252, 228, 236, 0.6), /* roz pal */
	rgba(227, 242, 253, 0.6), /* albastru pastel */
	rgba(243, 229, 245, 0.6), /* mov lavandă */
	rgba(241, 248, 233, 0.6)  /* verde mentă */
	);
	background-size: 300% 300%;
	animation: pastelShift 6s ease infinite;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.pastel-btn:active {
	transform: scale(0.92);
}

@keyframes pastelShift {
	0%   { background-position: 0% 50%; }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
	
@media (max-width: 641px) {
	.zones {
		flex-direction: column;
	}
	
	.zone-right {
		padding: 0px 10px 10px 10px;
		text-align: center;
	}
	
	.input-title {
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		font-weight: bold;
	}
	
	.zone-promo {
		display: none;
	}
	
	.hide-mob {
		display: none;
	}
}

@media (max-width: 575px) {
	.fixed-error,
	.fixed-success {
		top: 16px;
		left: 50% !important;
		right: auto !important;
		transform: translate(-50%, 0);
		width: calc(100% - 32px);
		max-width: 520px;
		min-width: 0;
		border-radius: 16px;
		animation: notifySlideInMobile 0.45s cubic-bezier(0.2, 0.8, 0.2, 1) both;
	}

	.fixed-error.leaving,
	.fixed-success.leaving {
		animation: notifySlideOutMobile 0.35s cubic-bezier(0.4, 0, 1, 1) forwards;
	}

	@keyframes notifySlideInMobile {
		from { opacity: 0; transform: translate(-50%, -20px) scale(0.95); }
		to   { opacity: 1; transform: translate(-50%, 0) scale(1); }
	}

	@keyframes notifySlideOutMobile {
		from { opacity: 1; transform: translate(-50%, 0) scale(1); }
		to   { opacity: 0; transform: translate(-50%, -20px) scale(0.95); }
	}
	
	.tabs-aim {
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
		margin-bottom: 5px;
		border-radius: 0 !important;
		border: 1px solid #80808036 !important;
	}
}

/* ================================
   UNIFIED FILTER CARD (mkt-v2-*)
   reused across marketplace, projects, etc.
   ================================ */

.mkt-v2-card { background: #fff; border-radius: 5px; padding: 18px 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; margin-bottom: 20px; }
.mkt-v2-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.mkt-v2-header.no-body { margin-bottom: 0; }
.mkt-v2-title { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; color: #3f4254; }
.mkt-v2-title .icon { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: color-mix(in srgb, var(--adv-info-bg) 12%, white); color: var(--adv-info-bg); font-size: 14px; }
.mkt-v2-right { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mkt-v2-right .search-select { min-width: 220px; height: 36px; border-radius: 8px; }
.mkt-v2-body > * + * { margin-top: 12px; }
.mkt-v2-row { display: flex; flex-wrap: wrap; gap: 10px; }
.mkt-v2-field { position: relative; flex: 1 1 180px; min-width: 0; }
.mkt-v2-field.wide { flex: 2 1 260px; }
.mkt-v2-field.full { flex: 1 1 100%; }
.mkt-v2-field > i.prefix { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #99a1b7; font-size: 13px; pointer-events: none; }
.mkt-v2-field .search-input { padding-left: 34px !important; width: 100%; height: 40px !important; border-radius: 8px !important; background: #fff !important; }
.mkt-v2-row.selects .search-select { flex: 1 1 220px; height: 40px; border-radius: 8px; background: #fff; padding-left: 10px; }
.mkt-v2-chips { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.mkt-v2-chips-label { font-size: 12px; color: #99a1b7; text-transform: uppercase; letter-spacing: .4px; margin-right: 6px; }
.mkt-v2-chip { display: inline-flex; align-items: center; gap: 7px; padding: 0 14px; height: 36px; border-radius: 999px !important; background: #f4f6fa !important; color: #4b5675; font-size: 13px; font-weight: 500; border: 1px solid transparent !important; cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease; }
.mkt-v2-chip:hover { background: color-mix(in srgb, var(--adv-info-bg) 10%, white) !important; color: var(--adv-info-bg); }
.mkt-v2-chip.selected { background: color-mix(in srgb, var(--adv-info-bg) 15%, white) !important; border-color: color-mix(in srgb, var(--adv-info-bg) 35%, white) !important; color: var(--adv-info-bg) !important; }
.mkt-v2-chip.selected i { color: var(--adv-info-bg) !important; }
.mkt-v2-chip i { font-size: 13px; }

/* Glow rotativ pe border pentru chip-urile noi (Brand Mentions / Link Insertion) */
@property --chip-glow-angle {
	syntax: '<angle>';
	initial-value: 0deg;
	inherits: false;
}

.filter-bm-btn,
.filter-li-btn {
	position: relative;
}
.filter-bm-btn::before,
.filter-li-btn::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 999px;
	padding: 2px;
	background: conic-gradient(
		from var(--chip-glow-angle),
		transparent 0deg,
		transparent 250deg,
		rgba(255, 184, 76, 0.7) 295deg,
		rgba(241, 65, 108, 1) 340deg,
		rgba(255, 184, 76, 0.7) 355deg,
		transparent 360deg
	);
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	        mask-composite: exclude;
	animation: chipBorderGlow 2.8s linear infinite;
	pointer-events: none;
}
@keyframes chipBorderGlow {
	to { --chip-glow-angle: 360deg; }
}

.mkt-v2-view-btn { width: 36px !important; height: 36px !important; border-radius: 8px !important; padding: 0 !important; background: var(--adv-info-bg) !important; }
.mkt-v2-view-btn i { font-size: 15px !important; color: var(--adv-info-text) !important; }

/* Show-more button — vizibil doar pe mobil */
.mkt-v2-show-more { display: none; }
.mkt-v2-show-more .less-text { display: none; }
.mkt-v2-body.mkt-v2-expanded .mkt-v2-show-more .more-text { display: none; }
.mkt-v2-body.mkt-v2-expanded .mkt-v2-show-more .less-text { display: inline; }
.mkt-v2-body.mkt-v2-expanded .mkt-v2-show-more i { transform: rotate(180deg); }

/* sticky filter — opt-in via .pinned */
form#filter.pinned {
	position: sticky;
	top: 80px;
	z-index: 100;
}
form#filter .mkt-v2-card {
	transition: box-shadow 0.25s ease;
}
@supports (animation-timeline: scroll()) {
	form#filter.pinned .mkt-v2-card {
		animation: mktFilterStick linear both;
		animation-timeline: scroll();
		animation-range: 0 80px;
	}
	@keyframes mktFilterStick {
		from { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
		to { box-shadow: 0 6px 20px -6px color-mix(in srgb, var(--adv-info-bg) 35%, transparent), 0 2px 6px rgba(15, 23, 42, 0.08); }
	}
}

/* pin button */
.mkt-pin-btn {
	width: 36px !important;
	height: 36px !important;
	border-radius: 8px !important;
	padding: 0 !important;
	background: transparent !important;
	border: 1px solid #e4e6ef !important;
	color: #99a1b7 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.mkt-pin-btn i {
	font-size: 13px;
	color: inherit !important;
	transition: transform 0.25s ease;
}
.mkt-pin-btn:hover {
	background: color-mix(in srgb, var(--adv-info-bg) 8%, white) !important;
	color: var(--adv-info-bg) !important;
	border-color: color-mix(in srgb, var(--adv-info-bg) 30%, white) !important;
}
.mkt-pin-btn.pinned {
	background: var(--adv-info-bg) !important;
	border-color: var(--adv-info-bg) !important;
	color: var(--adv-info-text, #fff) !important;
}
.mkt-pin-btn.pinned i {
	color: var(--adv-info-text, #fff) !important;
	transform: rotate(-30deg);
}

@media (max-width: 768px) {
	.mkt-v2-header { flex-direction: column; align-items: stretch; }
	.mkt-v2-right { justify-content: flex-start; }
	.mkt-v2-right .search-select { min-width: 0; flex: 1 1 100%; }
	.mkt-v2-row.selects .search-select { flex: 1 1 100%; }
	.mkt-pin-btn { display: none !important; }

	/* chips: label "Rapid" ascuns, chip-urile pe randuri impartite egal */
	.mkt-v2-chips-label { display: none; }
	.mkt-v2-chips { gap: 6px; justify-content: stretch; }
	.mkt-v2-chip {
		flex: 1 1 calc(50% - 6px);
		min-width: 0;
		justify-content: center;
		padding: 0 10px;
		font-size: 12px;
		height: 34px;
	}
	.mkt-v2-chip span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

	/* "Mai mult" toggle activ pe mobil */
	.mkt-v2-show-more {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		width: 100%;
		margin-top: 10px;
		padding: 8px 14px;
		background: transparent;
		border: 1px dashed #d8dbe6;
		border-radius: 8px;
		color: #99a1b7;
		font-size: 12px;
		font-weight: 500;
		cursor: pointer;
		transition: background .15s ease, color .15s ease, border-color .15s ease;
	}
	.mkt-v2-show-more:hover {
		background: color-mix(in srgb, var(--adv-info-bg) 6%, white);
		color: var(--adv-info-bg);
		border-color: color-mix(in srgb, var(--adv-info-bg) 30%, white);
	}
	.mkt-v2-show-more i { font-size: 11px; transition: transform .2s ease; }

	/* Pe mobil, fara expanded → ascund collapsibilele */
	.mkt-v2-body:not(.mkt-v2-expanded) .mkt-v2-collapsible { display: none !important; }
}