/* MOST FAVORITED LISTINGS */
#fi_list_items.fi_user_menu.fi_most_favorited .fi_item {float:left;clear:none;width:18%;margin:0 1% 20px 1%;}


/* USER MENU FAVORITED LISTINGS */
#fi_list_items.fi_user_menu {width:102%;margin-left:-1%;margin-right:-1%;}
#fi_list_items.fi_user_menu h2 {width:98%;margin-left:1%;margin-right:1%;}
#fi_list_items.fi_user_menu h2 a {float:left!important;}
#fi_list_items.fi_user_menu .fi_item {float:left;clear:none;width:23%;margin:0 1% 20px 1%;}
#fi_list_items.fi_user_menu .fi_left {width:100%;clear:both;margin-bottom:15px;text-align:center;}
#fi_list_items.fi_user_menu .fi_right {padding:0;width:100%;clear:both;margin-bottom:8px;text-align:center;}
#fi_list_items.fi_user_menu .fi_right a {float:left;width:100%;text-align:center;font-size:15px;line-height:20px;display:block;font-weight:500;height:20px;padding-left:8px;padding-right:8px;}
#fi_list_items.fi_user_menu .fi_bottom {font-size:13px;margin-top:5px;}
#fi_list_items.fi_user_menu .fi_tool {width:100%;clear:both;text-align:center;}
#fi_list_items.fi_user_menu .fi_tool span {position:relative;margin:0;padding:0;top:auto;left:auto;color:#FF5722;color:rgba(255, 87, 34, 0.47);font-size:22px;line-height:22px;height:auto;}
#fi_list_items.fi_user_menu .fi_tool span:hover {color:#FF5722;}
#fi_list_items.fi_user_menu .fi_empty {width:98%;margin-left:1%;margin-right:1%;}
.fi_user_menu_wrap h2 {float:left;width:100%;clear:both;}


/* USER ADD NEW FAVORITE LIST */
#fi_user_new_list {float:left;clear:both;width:100%;margin:0 0 28px 0;font-family:"Open Sans",sans-serif;font-size:13px;line-height:16px;padding:14px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,0.04);}
#fi_user_new_list.edit_now {border-color:#FF5722;box-shadow:0 0 0 4px rgba(255,87,34,0.12);}
#fi_user_new_list form {display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
#fi_user_new_list .fi_new_name {float:none;width:320px;max-width:100%;padding:10px 12px;border:1px solid #d1d5db;background:#fff;border-radius:10px;outline:none;}
#fi_user_new_list .fi_new_name:focus {border-color:#FF5722;box-shadow:0 0 0 4px rgba(255,87,34,0.12);}
#fi_user_new_list .fi_check {float:none;width:auto;margin:0;padding:0;}
#fi_user_new_list .fi_check.first {margin:0;}
#fi_user_new_list .fi_check span {display:flex;align-items:center;gap:8px;}
#fi_user_new_list .fi_check label {float:none;font-size:12px;margin:0;cursor:pointer;color:#374151;}
#fi_user_new_list .fi_check .fi_checkbox {float:none;}
#fi_user_new_list .button, #fi_user_new_list .btn {float:none;width:auto;padding:10px 14px;height:auto;line-height:16px;font-size:12px;clear:none;border-radius:10px;}
#fi_user_new_list .btn, #fi_user_new_list button {border:0;}


/* USER FAVORITE LIST */
#fi_user_lists {float:left;clear:both;width:100%;margin:5px 0 20px 0;font-family:"Open Sans",sans-serif;font-size:13px;line-height:16px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.04);}
#fi_user_lists .fi_list {float:left;clear:both;width:100%;margin:0;padding:12px 14px;background:#ffffff;border-bottom:1px solid #eef2f7;}
#fi_user_lists .fi_list:last-child {border-bottom:none;}
#fi_user_lists .fi_list.fi_head {background:#f8fafc;font-weight:700;text-transform:none;color:#111827;border-bottom:1px solid #e5e7eb;margin:0;}
#fi_user_lists .fi_list.fi_head .fi_count, #fi_user_lists .fi_list.fi_head .fi_user_list_remove {color:#111827;}
#fi_user_lists .fi_name {float:left;width:48%;}
#fi_user_lists .fi_name a {color:#111827;font-weight:700;text-decoration:none;}
#fi_user_lists .fi_name a:hover {color:#FF5722;}
#fi_user_lists .fi_current {float:left;width:13%;text-align:center;}
#fi_user_lists .fi_current .fa-check {color:#d1d5db;}
#fi_user_lists .fi_current:not(.fi_active):hover .fa-check {color:#22c55e;cursor:pointer;}
#fi_user_lists .fi_current.fi_active .fa-check {color:#22c55e;}
#fi_user_lists .fi_notification {float:left;width:13%;text-align:center;}
#fi_user_lists .fi_notification .fa-check {color:#d1d5db;}
#fi_user_lists .fi_notification:not(.fi_active):hover .fa-check {color:#22c55e;cursor:pointer;}
#fi_user_lists .fi_notification.fi_active .fa-check {color:#22c55e;}
#fi_user_lists .fi_notification.fi_active:hover .fa-check {color:#FF5722;}
#fi_user_lists .fi_count {float:left;width:13%;text-align:left;color:#6b7280;}
#fi_user_lists .fi_user_list_remove {float:left;width:13%;text-align:center;cursor:pointer;}
#fi_user_lists .fi_user_list_remove a {color:#111827;opacity:0.7;}
#fi_user_lists .fi_user_list_remove a:hover {color:#ef4444;opacity:1;}
#fi_user_lists i {font-size:16px;}
#fi_user_lists .fi_list:not(.fi_head):hover {background:#f9fafb;}
#fi_user_lists .fi_list_edit {color:#0ea5e9;margin-right:12px;display:none;float:right;cursor:pointer;}
#fi_user_lists .fi_list:hover .fi_list_edit {display:block;}
#fi_user_lists .fi_list .fi_list_edit:hover {color:#111827;}
#fi_user_lists sup {color:#6b7280;line-height:4px;}
#fi_user_lists .fi_explain {float:left;width:100%;clear:both;margin:0;padding:12px 14px;font-size:11px;line-height:14px;color:#6b7280;background:#f8fafc;border-top:1px solid #e5e7eb;}
#fi_user_lists .fi_explain div {float:left;width:100%;clear:both;margin:4px 0;}
#fi_user_lists .fi_explain sup {width:17px;color:#FF5722;font-weight:bold;float:left;}

@media screen and (max-width: 767px) {
  #fi_user_new_list form {gap:10px;}
  #fi_user_new_list .fi_new_name {width:100%;}
  #fi_user_lists .fi_name {width:56%;}
  #fi_user_lists .fi_count {width:14%;}
  #fi_user_lists .fi_current, #fi_user_lists .fi_notification, #fi_user_lists .fi_user_list_remove {width:10%;}
}


/* MAKE FAVORITE BUTTON */
.fi_make_favorite.fi_make {display:inline-block;overflow:hidden;width:22px!important;height:22px!important;overflow:hidden;text-align:center;}
.fi_make_favorite.fi_make span {font-family:"FontAwesome","Font Awesome 5 Free";display:inline-block;font-size:20px;color:#444;font-style:normal;font-weight:500;cursor:pointer;}
.fi_make_favorite.fi_make span:hover {color:#E64A19;}
.fi_make_favorite.fi_make span:before {content:"\f006";transition: 0.1s;}
.fi_make_favorite.fi_make span:before {content:"\f005";transition: 0.1s;}
.fi_make_favorite.fi_make.is_favorite span {color:#FFE500;}
.fi_make_favorite.fi_make.is_favorite span:before {content:"\f005";font-weight:900;}
.fi_make_favorite.fi_make.is_favorite span:hover {color:#E64A19;}


/* QUICK MESSAGE BLOCK */
#fi_message {display:block;position:fixed;right:20px;top:20px;width:280px;z-index:99999999;}
#fi_message .fi_simple {float:left;clear:both;margin-bottom:15px;cursor:pointer;width:280px;padding:12px 10px;font-size:13px;border:1px solid #ccc;color:#444;line-height:16px;background:#f0f0f0;opacity:0.6;}
#fi_message .fi_simple:hover {opacity:1;}


/* FAVORITE LIST ITEMS */
#fi_list_items {float:left;clear:both;width:100%;margin:15px 0;}
#fi_list_items h2 { line-height: 17px; float: left; font-weight: 500; position: relative; text-transform: uppercase; width: 100%; clear: both; margin: 0 0 5px 0; border-bottom: 1px solid #444; font-size: 15px; padding: 0 0 3px 0; font-family: "Open Sans",sans-serif; }
#fi_list_items h2 a {color:#333;text-decoration:none;}
#fi_list_items h2 a:hover {color:#FF5722;}
#fi_list_items .fi_item {float:left;clear:both;position:relative;width:100%;margin:0;font-family: "Open Sans",sans-serif;padding:10px 0;border-bottom:1px dashed #eee;}
#fi_list_items .fi_left {float:left;width:25%;clear:both;}
#fi_list_items .fi_left a {float:left;width:100%;clear:both;display:block;border:1px solid #eee;max-width:100%;}
#fi_list_items .fi_left a:hover {border-color:#F56200;}
#fi_list_items .fi_left img {width:auto;height:auto;max-width:100%;margin:0 auto;display:block;}
#fi_list_items .fi_right {float:left;width:65%;padding:7px 5px 5px 15px;}
#fi_list_items .fi_right .fi_top, #fi_list_items .fi_right .fi_bottom {float:left;width:100%;clear:both;}
#fi_list_items .fi_right a {float:left;width:auto;font-size: 13px; color: #555; line-height: 17px;text-decoration:none;font-weight:bold;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; word-wrap: break-word; word-break: break-all;}
#fi_list_items .fi_right a:hover {color:#F56200;}
#fi_list_items .fi_bottom {color:#444;font-weight:500;font-size: 12px; font-weight: normal; color: #00BCD4;}
#fi_list_items .fi_tool {float:left;width:10%;text-align:center;position:relative;}
#fi_list_items .fi_tool span {font-family:"FontAwesome","Font Awesome 5 Free";font-size:18px;display:block;position:absolute;top:12px;left:0;width:100%;text-align:center;color:#FF5722;color:rgba(255, 87, 34, 0.47);cursor:pointer;}
#fi_list_items .fi_tool span:before {content:"\f00d";}
#fi_list_items .fi_tool span:hover {color:#FF5722;}
#fi_list_items .MCtooltip {display:none!important;}


/* OTHERS */
.fi_empty {clear:both;font-size:14px;float:left;width:100%;position:relative;padding:16px 20px;margin:0;color:#475569;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;border:1px solid #e2e8f0;border-radius:12px;line-height:1.5;display:flex;align-items:center;gap:10px;}
.fi_empty:before{content:"\f004";font-family:"Font Awesome 5 Free";font-weight:400;font-size:16px;color:#cbd5e1;}


/* RTL */
html[dir="rtl"] #fi_list_items, html[dir="rtl"] #fi_user_new_list, html[dir="rtl"] #fi_user_lists, html[dir="rtl"] .fi_make_favorite, html[dir="rtl"] #fi_message, html[dir="rtl"] #fi_list_items {direction:rtl;}
html[dir="rtl"] #fi_list_items.fi_user_menu .fi_item {float: right;}
html[dir="rtl"] .fi_make_favorite.fi_make {left:10px;right:auto;}
html[dir="rtl"] body #fi_list_items h2.r3 {float: right;}
html[dir="rtl"] #fi_list_items.fi_user_menu h2 a {float: right !important;}
html[dir="rtl"] body #fi_user_lists .fi_explain sup {margin-left:4px;margin-right:0;}
html[dir="rtl"] #fi_user_lists .fi_explain sup {float: right;}
html[dir="rtl"] #fi_user_new_list .fi_new_name, html[dir="rtl"] #fi_user_new_list .fi_check, html[dir="rtl"] #fi_user_new_list .button, html[dir="rtl"] #fi_user_new_list .btn {float:right;}
html[dir="rtl"] #fi_user_lists .fi_name, html[dir="rtl"] #fi_user_lists .fi_count, html[dir="rtl"] #fi_user_lists .fi_current, html[dir="rtl"] #fi_user_lists .fi_notification, html[dir="rtl"] #fi_user_lists .fi_user_list_remove {float:right;}
html[dir="rtl"] #fi_user_lists .fi_list_edit {float:left;margin-right:12px;margin-left:0;}
html[dir="rtl"] #fi_user_new_list .fi_check {margin-left:30px;margin-right:0;}
html[dir="rtl"] #fi_user_new_list .fi_check.first {margin-right:10px;}
html[dir="rtl"] #fi_user_new_list .fi_check .fi_checkbox {float:right;}

/* SELECT FAVORITE LIST MODAL */
.fi_modal {position:fixed;left:0;top:0;right:0;bottom:0;z-index:999999999;}
.fi_modal .fi_modal_overlay {position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.55);}
.fi_modal .fi_modal_dialog {position:relative;z-index:2;width:520px;max-width:92%;margin:6vh auto 0 auto;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,0.35);font-family:"Open Sans",sans-serif;}
.fi_modal .fi_modal_head {display:block;padding:14px 16px;background:#FF5722;color:#fff;}
.fi_modal .fi_modal_title {float:left;font-size:15px;font-weight:700;line-height:18px;}
.fi_modal .fi_modal_close {float:right;color:#fff;text-decoration:none;font-size:22px;line-height:18px;opacity:0.85;}
.fi_modal .fi_modal_close:hover {opacity:1;}
.fi_modal .fi_modal_body {display:block;padding:14px 16px;}
.fi_modal .fi_modal_loading {color:#666;font-size:13px;}
.fi_modal .fi_modal_list_group {display:block;margin:0 0 12px 0;max-height:240px;overflow:auto;border:1px solid #eee;border-radius:4px;}
.fi_modal .fi_modal_list_row {display:block;padding:10px 10px;border-bottom:1px solid #eee;cursor:pointer;}
.fi_modal .fi_modal_list_row:last-child {border-bottom:none;}
.fi_modal .fi_modal_list_row input {margin-right:8px;}
.fi_modal .fi_modal_list_name {font-weight:600;color:#333;}
.fi_modal .fi_modal_list_badge {float:right;background:#8BC34A;color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;line-height:16px;}
.fi_modal .fi_modal_empty {padding:10px;border:1px dashed #ddd;border-radius:4px;color:#777;margin:0 0 12px 0;}
.fi_modal .fi_modal_new {display:block;margin-top:10px;}
.fi_modal .fi_modal_new_name {width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:13px;}
.fi_modal .fi_modal_set_current {display:block;margin-top:8px;font-size:12px;color:#555;}
.fi_modal .fi_modal_foot {display:block;padding:12px 16px;background:#f7f7f7;border-top:1px solid #eee;text-align:right;}
.fi_modal .fi_modal_foot button {display:inline-block;border:0;border-radius:4px;padding:8px 12px;font-size:12px;cursor:pointer;}
.fi_modal .fi_modal_cancel {background:#ddd;color:#333;margin-right:8px;}
.fi_modal .fi_modal_cancel:hover {background:#cfcfcf;}
.fi_modal .fi_modal_add {background:#8BC34A;color:#fff;}
.fi_modal .fi_modal_add:hover {background:#7CB342;}


/* ═══ Autotrader-style Favorite Cards ═══ */
#fi_list_items.fi_user_menu{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;float:none!important;}
#fi_list_items.fi_user_menu h2{grid-column:1/-1;width:100%!important;margin:0 0 4px!important;border:none!important;font-size:18px!important;font-weight:900!important;padding:0!important;}
#fi_list_items.fi_user_menu .fi_empty{grid-column:1/-1;}
#fi_list_items.fi_user_menu .fi_item{float:none!important;width:auto!important;margin:0!important;border:1px solid #e5e7eb!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;padding:0!important;display:flex!important;flex-direction:column!important;transition:transform .25s,box-shadow .25s!important;}
#fi_list_items.fi_user_menu .fi_item:hover{transform:translateY(-4px)!important;box-shadow:0 12px 40px rgba(0,0,0,.12)!important;}
#fi_list_items.fi_user_menu .fi_left{width:100%!important;padding:6px 6px 0!important;clear:none!important;margin:0!important;}
#fi_list_items.fi_user_menu .fi_left a{border:none!important;display:block!important;width:100%!important;aspect-ratio:1/1;overflow:hidden;border-radius:12px!important;background:#f3f4f6;}
#fi_list_items.fi_user_menu .fi_left a:hover{border-color:transparent!important;}
#fi_list_items.fi_user_menu .fi_left img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:12px!important;max-width:none!important;}
#fi_list_items.fi_user_menu .fi_right{width:100%!important;padding:8px 14px 4px!important;float:none!important;}
#fi_list_items.fi_user_menu .fi_right .fi_top a{font-size:14px!important;font-weight:800!important;color:#111827!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;line-height:1.3!important;}
#fi_list_items.fi_user_menu .fi_right .fi_bottom{border-top:1px solid #f3f4f6!important;padding-top:8px!important;margin-top:6px!important;font-size:18px!important;font-weight:900!important;color:#111827!important;}
#fi_list_items.fi_user_menu .fi_tool{width:100%!important;float:none!important;padding:0 14px 12px!important;text-align:left!important;}
#fi_list_items.fi_user_menu .fi_tool span{position:static!important;display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:12px!important;color:#dc2626!important;opacity:.6!important;cursor:pointer!important;width:auto!important;text-align:left!important;}
#fi_list_items.fi_user_menu .fi_tool span:hover{opacity:1!important;}
@media(max-width:1024px){#fi_list_items.fi_user_menu{grid-template-columns:repeat(3,1fr)!important;}}
@media(max-width:767px){#fi_list_items.fi_user_menu{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;}}
@media(max-width:480px){#fi_list_items.fi_user_menu{grid-template-columns:1fr!important;}}


/* ═══ Card favourite heart — positioned top-right on all listing cards ═══ */
.simple-prod .img-wrap{position:relative;}
.simple-prod .img-wrap .fi_make_favorite.fi_make{position:absolute!important;bottom:10px!important;right:10px!important;z-index:10!important;width:auto!important;height:32px!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:rgba(255,255,255,0.95)!important;border-radius:999px!important;box-shadow:0 2px 8px rgba(0,0,0,0.12)!important;cursor:pointer!important;transition:transform .2s,box-shadow .2s!important;}
.simple-prod .img-wrap .fi_make_favorite.fi_make:hover{transform:scale(1.12)!important;box-shadow:0 4px 14px rgba(0,0,0,0.18)!important;}
.simple-prod .img-wrap .fi_make_favorite.fi_make span{font-family:"Font Awesome 5 Free"!important;font-size:16px!important;color:#9ca3af!important;font-weight:400!important;line-height:1!important;width:auto!important;height:auto!important;}
.simple-prod .img-wrap .fi_make_favorite.fi_make span:before{content:"\f004"!important;}
.simple-prod .img-wrap .fi_make_favorite.fi_make:hover span{color:#ef4444!important;}
.simple-prod .img-wrap .fi_make_favorite.fi_make.is_favorite span{color:#ef4444!important;font-weight:900!important;}
.simple-prod .img-wrap .fi_make_favorite.fi_make.is_favorite span:before{content:"\f004"!important;}

/* Mobile responsive: 2-column grid */
#fi_list_items.fi_user_menu{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important;margin:0!important;padding:0 8px!important;box-sizing:border-box!important;}
#fi_list_items.fi_user_menu h2{grid-column:1/-1!important;width:100%!important;margin:0 0 4px!important;}
#fi_list_items.fi_user_menu .fi_item{float:none!important;width:100%!important;margin:0!important;}
#fi_list_items.fi_user_menu .fi_empty{grid-column:1/-1!important;}
#fi_list_items.fi_user_menu .fi_tool{padding:4px 10px 10px!important;}
#fi_list_items.fi_user_menu .fi_tool span{font-size:18px!important;}
@media(min-width:768px){
  #fi_list_items.fi_user_menu{grid-template-columns:repeat(3,1fr)!important;}
}
@media(min-width:1024px){
  #fi_list_items.fi_user_menu{grid-template-columns:repeat(4,1fr)!important;}
}