/* ============================================
   MODERN THEME REDESIGN 2025
   Clean, elegant, and user-friendly
   ============================================ */

/* CSS CUSTOM PROPERTIES (Variables) */
:root {
  /* Primary Colors - Modern gradient palette */
  --primary: #6366f1;
  --primary-dark: #4f46e5;
  --primary-light: #818cf8;
  --primary-bg: #eef2ff;

  /* Secondary/Accent Colors */
  --accent: #f59e0b;
  --accent-dark: #d97706;
  --accent-light: #fbbf24;

  /* Success/Error Colors */
  --success: #10b981;
  --error: #ef4444;
  --warning: #f59e0b;
  --info: #3b82f6;

  /* Neutral Colors */
  --text-primary: #1e293b;
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --border-color: #e2e8f0;
  --bg-light: #f8fafc;
  --bg-card: #ffffff;
  --bg-dark: #1e293b;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  /* Border Radius */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition: 250ms ease;
  --transition-slow: 350ms ease;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
}

/* GLOBAL ENHANCEMENTS */
html {scroll-behavior:smooth;}
::selection {background:var(--primary);color:#fff;}
::-moz-selection {background:var(--primary);color:#fff;}

/* Focus styles for accessibility */
:focus-visible {outline:2px solid var(--primary);outline-offset:2px;}

/* RESET */
fieldset{border:none;display:inline-block;padding:0;margin:0;width:100%;}html,input,select,textarea,button{font-family:'Inter', 'Nunito', system-ui, -apple-system, sans-serif;}div{margin:0;padding:0;}html{color:var(--text-primary);box-sizing:border-box;font-size:15px;line-height:1.6;cursor:default;-moz-tab-size:4;tab-size:4;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}*,*:before,*:after{box-sizing:inherit}body{display:block;margin:0;font-weight:normal;width:100%;background:var(--bg-light);}p,ol,ul{display:inline-block;margin:0;padding:0;font-weight:normal;width:100%;}ol,ul{list-style:none}img{max-width:100%;width:auto;height:auto}
body, html {direction:ltr;}

/* MULTICURRENCY */
.MCtooltip {display:none;position: absolute; top:auto;bottom: 44px; left: 10px; border-radius: 5px; padding: 8px 10px; background: #e4e4e4;z-index:9;width:auto;font-weight:normal;white-space:nowrap;font-size:13px;line-height:16px;}
.MCtooltip .fa {display:none;}
.MCtooltip:before {content:"";position:absolute;left:15px;top:auto;bottom:-5px;width:10px;height:10px;background:#e4e4e4;transform:rotate(-135deg);border-bottom-right-radius:10px;}
*:hover > .MCtooltip {display:block;}
.listing-list .MCtooltip {bottom:30px;left:0;}
#sidebar .price .MCtooltip {right: 0; left: auto; bottom: 60px;}
body .bpr-profile h1, #frm-body h1 {font-size:36px;line-height:36px;}
.form-horizontal .controls .intl-tel-input {width:100%;}
.osc-has-admin-header header, .osc-has-admin-header #header-search {margin-top:34px;}


/* SUBDOMAIN NAVIGATION */
body.subdomain-navigation div.m25 {margin:25px 0 45px 0;}
body.subdomain-navigation header {text-align:center;}
body.subdomain-navigation header #logo {float:none;display:inline-block;}
body.subdomain-navigation header #logo img {max-height:75px;height:auto;margin:25px 0;}
body.subdomain-navigation section {text-align:center;font-size:18px;}
body.subdomain-navigation section div {display:inline-block;width:100%;}
body.subdomain-navigation section strong {display:inline-block;margin-bottom:15px;}
body.subdomain-navigation footer {background:transparent;text-align:center;padding:20px;margin:30px 0 0 0;color:#888;font-size:14px;}
#subdomains-list {max-width:980px;display: flex;flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; flex-direction: row;margin:0 auto;}
#subdomains-list a { display: inline-block; max-width: 33.33%; width: 100%; font-size: 16px; margin: 0px 0 15px 0px;padding:0 15px 0 0;text-align:left; }
#subdomains-list a em {font-size:12px;font-style:normal;line-height:1;color:#999}
body.subdomain-navigation.sd-with-icon #subdomains-list { display: flex; padding: 5px 30px; flex-wrap: wrap; justify-content: center; align-items: flex-start; flex-direction: row; }
body.subdomain-navigation.sd-with-icon #subdomains-list a { display: inline-block; max-width: 116px; padding:0;text-align:center;line-height:16px;width: 100%; font-size: 14px; margin: 0px 1px 20px 1px; }
body.subdomain-navigation.sd-with-icon #subdomains-list a span { display: block; margin: 6px 0 0 0; }
body.subdomain-navigation.sd-with-icon #subdomains-list a img { display: inline-block; height: 48px; width: auto; max-width: 76px; border: 1px solid #aaa; }
body.subdomain-navigation.sd-with-icon #subdomains-list a.restricted img {opacity:0.4;}
footer #subdomains-list {margin:15px 0;justify-content: flex-start;}
footer #subdomains-list a {max-width:25%;font-size:14px;margin:0 0 8px 0;}

form[name="register"] div[id^="inr_id_"] {display: block; float: left; margin: -15px 0 25px 0;}
.social-buttons {float:left;clear:both;width:100%;margin:0 0 15px 0;}
.social-buttons a {float:left;clear:none;margin:0 15px 15px 0;height:36px;}
.social-buttons #ggl-login-link {height:36px;}
.social-buttons #ggl-login-link img {max-height:43px;}
.fi_make_favorite.fi_make {position: absolute; right: 10px; bottom: 15px;}
.fi_make_favorite.fi_make span {font-family:"Font Awesome 5 Free";font-weight:900;font-size:17px;}
.fi_make_favorite.fi_make:not(.is_favorite) span {color:#ccc;}
.fi_make_favorite.fi_make:not(.is_favorite) span:before {content:"\f005";}
.listing-list .fi_make_favorite.fi_make {top:20px;bottom:auto;}
body #fmp-button {margin:0 8px 15px 0;padding: 6px 40px 6px 6px; letter-spacing: -0.3px;}
body #fmp-button:last-child {margin-right:0;}
body .bo_info {clear:both;padding:0 0 0 30%;margin:2px 0 6px 0;}
.ur-button.add-new-rating, .ur-button.show-rating {font-size:14px;}
body .osp-body-pack .osp-h1:after, body .osp-body-group .osp-h1:after, body .osp-body-banner .osp-h2:after, body .osp-body-order .osp-h2:after, body .osp-body-payments .osp-h2:after, body .osp-pay-err:after, body .osp-pay-msg:after, body .osp-body-pack .osp-pack-bonus:before {font-family:'Font Awesome 5 Free';}

/* RATING */
body .rating.s1 i.i2:before, body .rating.s1 i.i3:before, body .rating.s1 i.i4:before, body .rating.s1 i.i5:before {font-weight:400;content:"\f005";}
body .rating.s2 i.i3:before, body .rating.s2 i.i4:before, body .rating.s2 i.i5:before {font-weight:400;content:"\f005";}
body .rating.s3 i.i4:before, body .rating.s3 i.i5:before {font-weight:400;content:"\f005";}
body .rating.s4 i.i5:before {font-weight:400;content:"\f005";}
body .rating.h1 i.i2:before, body .rating.h1 i.i3:before, body .rating.h1 i.i4:before, body .rating.h1 i.i5:before {font-weight:400;content:"\f005";}
body .rating.h2 i.i3:before, body .rating.h2 i.i4:before, body .rating.h2 i.i5:before {font-weight:400;content:"\f005";}
body .rating.h3 i.i4:before, body .rating.h3 i.i5:before {font-weight:400;content:"\f005";}
body .rating.h4 i.i5:before {font-weight:400;content:"\f005";}


/* CLICK RATING */
body .rating.s1 i.i1:before {content:"\f005";font-weight:400;}
body .rating.s1 i.i2:before, body .rating.s1 i.i3:before, body .rating.s1 i.i4:before, body .rating.s1 i.i5:before {content:"\f005";font-weight:400;}
body .rating.s2 i.i1:before, body .rating.s2 i.i2:before {content:"\f005";font-weight:bold;}
body .rating.s2 i.i3:before, body .rating.s2 i.i4:before, body .rating.s2 i.i5:before {content:"\f005";font-weight:400;}
body .rating.s3 i.i1:before, body .rating.s3 i.i2:before, body .rating.s3 i.i3:before {content:"\f005";font-weight:bold;}
body .rating.s3 i.i4:before, body .rating.s3 i.i5:before {content:"\f005";font-weight:400;}
body .rating.s4 i.i1:before, body .rating.s4 i.i2:before, body .rating.s4 i.i3:before, body .rating.s4 i.i4:before {content:"\f005";font-weight:bold;}
body .rating.s4 i.i5:before {content:"\f005";font-weight:400;}
body .rating.s5 i.i1:before, body .rating.s5 i.i2:before, body .rating.s5 i.i3:before, body .rating.s5 i.i4:before, body .rating.s5 i.i5:before {content:"\f005";font-weight:bold;}

/* HOVER RATING */
body .rating.h1 i.i1:before {content:"\f005";font-weight:bold;}
body .rating.h1 i.i2:before, body .rating.h1 i.i3:before, body .rating.h1 i.i4:before, body .rating.h1 i.i5:before {content:"\f005";}
body .rating.h2 i.i1:before, body .rating.h2 i.i2:before {content:"\f005";font-weight:bold;}
body .rating.h2 i.i3:before, body .rating.h2 i.i4:before, body .rating.h2 i.i5:before {content:"\f005";}
body .rating.h3 i.i1:before, body .rating.h3 i.i2:before, body .rating.h3 i.i3:before {content:"\f005";font-weight:bold;}
body .rating.h3 i.i4:before, body .rating.h3 i.i5:before {content:"\f005";}
body .rating.h4 i.i1:before, body .rating.h4 i.i2:before, body .rating.h4 i.i3:before, body .rating.h4 i.i4:before {content:"\f005";font-weight:bold;}
body .rating.h4 i.i5:before {content:"\f005";}
body .rating.h5 i.i1:before, body .rating.h5 i.i2:before, body .rating.h5 i.i3:before, body .rating.h5 i.i4:before, body .rating.h5 i.i5:before {content:"\f005";font-weight:bold;}


/* USER ITEMS SEARCH */
form[name="user-items-search"] {display:flex;flex-direction: row; align-items: flex-end;margin:0 0 12px 0;width:100%;}
form[name="user-items-search"] .control-group {width:fit-content;padding:0 12px 6px 0;}
form[name="user-items-search"] .control-group label {float:left;width:100%;text-align:left;margin:0 0 2px 0;}
form[name="user-items-search"] .control-group .controls {float:left;width:100%;margin:0;}
form[name="user-items-search"] .control-group .controls input, form[name="user-items-search"] .control-group .controls select {float:left;width:100%;margin:0;max-width:100%;min-width:unset;}
form[name="user-items-search"] .actions {width:fit-content;padding:0 0 6px 0;}
form[name="user-items-search"] .actions button {white-space:nowrap;}

@media screen and (max-width: 540px) {
  form[name="user-items-search"] {flex-wrap: wrap;}
  form[name="user-items-search"] .control-group {width:50%;}
}

.user-items .empty {padding:20px 15px;text-align:center;color:#666;background:#f0f0f0;margin:10px 0;font-size:16px;}


/* USER PUBLIC PROFILE SEARCH */
form[name="user-public-profile-search"] {display:flex;flex-direction: row; align-items: flex-end;margin:0 0 12px 0;width:100%;}
form[name="user-public-profile-search"] .control-group {width:fit-content;padding:0 12px 6px 0;}
form[name="user-public-profile-search"] .control-group label {float:left;width:100%;text-align:left;margin:0 0 2px 0;}
form[name="user-public-profile-search"] .control-group .controls {float:left;width:100%;margin:0;}
form[name="user-public-profile-search"] .control-group .controls input, form[name="user-public-profile-search"] .control-group .controls select {float:left;width:100%;margin:0;max-width:100%;min-width:unset;}
form[name="user-public-profile-search"] .actions {width:fit-content;padding:0 0 6px 0;}
form[name="user-public-profile-search"] .actions button {white-space:nowrap;}

@media screen and (max-width: 540px) {
  form[name="user-public-profile-search"] {flex-wrap: wrap;}
  form[name="user-public-profile-search"] .control-group {width:50%;}
}

.user-public-profile-items .empty {padding:20px 15px;text-align:center;color:#666;background:#f0f0f0;margin:10px 0;font-size:16px;}



/* TABBER */
.tabberlive .tabbertab.tabbertabhide {display:none;}
.tabberlive {margin: 5px 0 5px 0;width:100%;}
ul.tabbernav {margin:0;padding:0;font-size:14px;border-bottom:3px solid #ccc;}
ul.tabbernav li {list-style: none;margin: 0;display: inline;}
ul.tabbernav li a {padding: 8px 4px 5px 4px;color:#000;margin-bottom:-3px;margin-right:5px;border-bottom:3px solid transparent;text-decoration: none;display:inline-block;}
ul.tabbernav li a:hover {border-bottom:3px solid #666;}
ul.tabbernav li.tabberactive a {font-weight:bold;border-bottom:3px solid #666}
ul.tabbernav li.tabberactive a:hover {}
.tabberlive .tabbertab {padding: 10px 0px;border:none;display:inline-block;width:100%}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive .tabbertab ul {width:100%;display:inline-block;padding:0;}
.tabberlive .tabbertab ul li {width:100%;display:inline-block;margin:0 0 5px 0;}
.tabberlive .tabbertab ul li input[type="text"] {margin-right:5px;}
.tabberlive > button {margin-top:10px;}

body #atr-search .control-group > label {text-align:left;line-height:22px;}
body #atr-search select, body #atr-search textarea, body #atr-search input[type="text"], body #atr-search input[type="url"], body #atr-search input[type="email"], body #atr-search input[type="phone"], body #atr-search input[type="date"], body #atr-search input[type="number"] {box-shadow:none;font-size:14px;border-width:2px;}
body #atr-search select + select {margin-top:6px;}
body #atr-search.atr-styled .atr-input-box {margin-top:1px;margin-bottom:1px;}
body #atr-search.atr-styled .atr-input-box label {padding-left:24px!important;}
body #atr-search .control-group.atr-type-select, body #atr-search .control-group.atr-type-daterange {margin-bottom:15px;}

input[type="checkbox"] {float:left;background: #fbfbfb;border: 1px solid #7e8993; border-radius: 4px; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 18px; margin:0 5px 0 0; outline: 0; padding: 0!important; text-align: center; vertical-align: middle; width: 18px; min-width: 18px; max-width:18px; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); transition: .05s border-color ease-in-out;}
input[type=checkbox]:checked::before, #login input[type=radio]:checked::before { float: left; display: inline-block; vertical-align: middle; width: 1rem; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input[type=checkbox]:checked::before { content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E); margin: -3px; height: 22px; width: 22px; }
input[type=checkbox] + label {max-width: calc(100% - 30px);font-weight:normal;line-height:18px;display:inline-block;font-size:14px;float:left;width:auto;clear:none;}
input[type=text],input[type=url],input[type=password],input[type=email],input[type=date],input[type=time],input[type=week],input[type=month],input[type=color],input[type=datetime-local],input[type=tel],input[type=phone],input[type=number], select, textarea { font-size:15px;border-radius: var(--radius); float: left; border: 2px solid var(--border-color); background: var(--bg-card); height: 52px; padding: 12px 16px; line-height: 20px; margin-bottom: 20px;font-family:inherit;transition:var(--transition);box-shadow:var(--shadow-sm);}
input:hover, select:hover, textarea:hover { border-color: var(--text-muted); }
input:focus, select:focus, textarea:focus { border-color: var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-bg); }
input:active, select:active, textarea:active { border-color: var(--primary);outline:none; }
label {width: 100%; float: left; clear: both; font-size: 14px; margin: 0 0 6px 0; font-weight: 600; color:var(--text-primary);}
body.register #main, body.login #main, body.contact #main, body.recover #main {text-align:center;}
body.page section {min-height:520px;}
body.search #main h2 {font-size:20px;line-height:22px;margin:10px 0;}
.doublebutton {float:right;margin-right:10px;}
.doublebutton a {float:left;width:40px;height:40px;padding:0;font-size:20px;clear:none;margin-left:5px;}
.doublebutton a.active {background:#056786;border-color:#056786;color:#fff;}
.doublebutton a i {line-height:36px;}
.refine {float:left;clear:both;width:100%;padding:0 12px;}
.refine a {font-size:14px;line-height:16px;margin:0 0 2px 0;}
.price-slice .left {float:left;width:50%;padding-right:6px;}
.price-slice .right {float:left;width:50%;padding-left:6px;}
.price-slice input[type="text"] {width:100%;}
.price-slice span {font-size:13px;line-height:16px;}
.alert_form {background-color: #f6f6f4;padding: 15px 12px;float:left;clear:both;margin:0 0 20px 0;width:100%;}
.alert_form button {width: 100%;}
#sidebar .alert_form input[type="text"] {margin-bottom:10px;}
#sidebar .g-recaptcha {transform: scale(0.86); transform-origin: 0 0;}
#contact #contact_form {float:left;width:100%;clear:both;margin:15px 0 0 0;}
.form-vertical .control-group {clear: both;margin-bottom: 10px;float:left;width:100%;}
.form-vertical .control-group textarea {width:100%;height:100px;margin:0;}
.form-vertical .control-group:last-child {margin-bottom:0;}
.form-container .ui-drop-files {width: 280px;padding: 0 10px;height: 70px;text-align: center;font-size: 18px;line-height: 70px;color: rgba(0,0,0,0.5);}
.meta_list .meta ul {margin: 5px 0 0 0;padding: 0;list-style: none;float: left;}
.meta_list .meta ul li {clear: both;list-style: none;}
.meta_list .meta ul li label {width: auto;margin-left: 5px;float: none;}
!.meta_list .meta input[type="checkbox"] {margin-top: 10px;}
.meta_list .meta .cf_date_interval {width: 100px;}
.meta_list .meta:after {content: "";clear: both;}
.form-container .checkbox {margin-bottom:5px;}
.form-horizontal .actions {padding: 0 0 0 30%;margin: 0;float:left;clear:both;width:100%;}
.form-horizontal .actions .btn {padding:8px 15px;}
.form-horizontal label {float: left;width: 30%;padding-top: 11px;padding-right:15px;line-height:18px;font-weight:normal;text-align:right;}
.form-horizontal label sup.req {color:red;}
.form-horizontal .controls {float:left;width:70%;;}
.form-horizontal .controls label {float: none;width: auto;padding-top: 0;text-align: left;}
.form-horizontal .control-group,.form-horizontal .meta_list .meta {clear: both;margin-bottom: 12px;float:left;width:100%;}
.form-container-box {width:100%;max-width: 520px;padding:20px 40px 50px 40px;display:inline-block;}
.form-container-box .header + .resp-wrapper > #error_list, .form-container-box .header + .resp-wrapper > .error_list {margin:0 0 25px 0;}
.form-container-box .header h1 {margin: 0 0 20px 0;font-size:44px;line-height:46px;text-align:left;}
.form-container-box input[type="text"],.form-container-box input[type="password"],.form-container-box input[type="email"], .form-container-box select {margin:0;width:100%;}
.form-container-box label {font-weight:bold;padding:0;margin:0 0 3px 0;text-align:left;width:100%;}
.form-container-box textarea {width:100%;height:120px;margin:0;}
body.user-items .list-header {margin-bottom:0;}
.form-container-box .controls {width:100%;text-align:left;}
.form-container-box .control-group {margin:0 0 25px 0;}
.form-container-box .control-group:empty, .form-container-box .controls:empty {display:none;}
.form-container-box .control-group:last-child {margin:0;}
.form-container-box .controls.checkbox {text-align:left;}
.form-container-box .controls.checkbox label {margin:0;text-align:left;line-height:20px;}
.form-container-box .control-group.act {margin:15px 0 -15px 0;}
.form-container-box .control-group.act a:first-child {float:left;}
.form-container-box .control-group.act a:last-child {float:right;}
#edit_item_view {margin-top:12px;}
.item.item-post .form-horizontal label {font-weight:bold;padding-top:16px;}
.item.item-post .form-horizontal input[type="checkbox"] + label {font-weight: normal; padding-top: 0; font-size: 14px; margin: 0; line-height: 20px;width:auto;text-align:left;}
.item.item-post .form-horizontal #plugin-hook table {width:100%;margin-bottom:10px;}
.item.item-post .form-horizontal #plugin-hook tr td:first-child {vertical-align:top;width:30%;}
.item.item-post .form-horizontal #plugin-hook tr td:first-child > label {width:auto;float:right;}
.item.item-post .form-horizontal #plugin-hook tr td + td label {width:auto;padding-top:0;padding-right:0;}
.item.item-post p {margin-bottom:10px;}
.control-group.title input[type="text"] {width:100%;}
.control-group.descr textarea {width:100%;height:300px;}
.control-group.control-group-price select {margin-left:-2px;}
.item.item-post h1, .item.item-post h2, .item-post .pblbt, .form-horizontal .controls.recpt {padding-left:30%;}
.item.item-post h2 { margin: 25px 0 10px 0; }
.item.item-post h2.gen {margin-top:0;}
.item.item-post #plugin-hook h2 {font-size: 16px; line-height: 18px;}
.item-post .form-horizontal .controls.checkbox {margin-left:30%;}
.item-post select, .item-post input[type="text"], .item-post ul.checkbox-list, .item-post .meta ul {width:65%;margin:0;}
.item-post input[type="text"]#power {width:calc(65% - 110px);}
.item-post select#power_unit {width:100px;margin-left:8px;}
.item-post select#currency {width:auto;}
.item-post #plugin-hook br {display:none;}
.item-post .form-horizontal .control-group {margin-bottom:15px;}
.form-container .photos input {width: 100%;border: 0;margin: 0;padding: 0;box-shadow: none;}
.photos_div {margin-bottom: 20px;}
.form-container .controls #photos a {font-size: 12px !important;}
div#map {float: left;clear: both;width: 100%;}
body .tox .tox-toolbar--scrolling {flex-wrap: wrap;}
body #atr-search .atr-input-box {margin:1px 0;}
!body #atr-search .atr-input-box label {padding:0 0 0 24px!important;}
body #atr-search .atr-input-box label {font-weight:normal;font-size:15px;}

a {text-decoration:none;color:var(--primary);cursor:pointer;transition:var(--transition-fast);}
a:hover {text-decoration:none;color:var(--primary-dark);}
button, .btn {position:relative;text-align:center;float:left;background:var(--primary);color:#fff;padding:10px 16px;font-size:14px;line-height:18px;border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm);outline:none;cursor:pointer;transition:var(--transition);font-weight:600;}
button:hover, .btn:hover {transform:translateY(-1px);box-shadow:var(--shadow-md);}
.btn-loading, button.btn-loading, .btn.btn-loading {opacity:0.7;cursor:wait;padding-left: 48px;}
.btn-loading-nofa, button.btn-loading-nofa, .btn.btn-loading-nofa {opacity:0.7;cursor:wait;}
.btn:disabled {opacity:0.5;cursor:not-allowed;transform:none;}
.btn.btn-secondary.btn-loading:hover, .btn.btn-secondary:disabled:hover {border-color:var(--border-color);}
.btn.btn-primary.btn-loading:hover, .btn.btn-primary:disabled:hover {background:var(--primary);color:#fff;}
.btn-loading:before {transition: var(--transition); position: absolute; left: 12px; top: 14px;opacity: 1; z-index: 9; width: 28px; height: 28px; content: ""; display: block; background: transparent url(../img/loader.gif) no-repeat center center; background-size: 100%;}

.btn {border-radius:var(--radius);float:left;clear:both;width:auto;padding:14px 24px;line-height:20px;font-size:15px;font-weight:600;border:none;text-decoration:none;transition:var(--transition);cursor:pointer;letter-spacing:0.01em;}
.btn:hover, a.btn:hover {text-decoration:none;color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg);}
.btn.btn-primary {background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;}
.btn.btn-primary:hover, a.btn.btn-primary:hover {background:linear-gradient(135deg, var(--primary-dark) 0%, #4338ca 100%);color:#fff;}
.btn.btn-secondary {background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm);}
.btn.btn-secondary:hover, a.btn.btn-secondary:hover {border-color:var(--primary);color:var(--primary);background:var(--primary-bg);}
.btn.btn-next {clear:none;margin-left:10px;} 

.ui-drop-files {box-shadow: none;border: 4px dashed rgba(0,0,0,0.2);height: 100px;background: rgba(0,0,0,0.1);}
.bordered-box {border: solid 1px #eaeaea;padding: 10px;font-size: 14px;}
.bordered-box h2 {font-size: 1.2em;margin-top: 0;font-family:'Open Sans',sans-serif;font-weight: bold;}
.form-container .photos input {width: 100%;}
.form-container .photos img {width: 120px;}
.photos_div a {display: block;}
.arrow-up {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #35C3D9;}
.hover .arrow-up {border-bottom-color: white;}
.arrow-down {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #35C3D9;}
.hover .arrow-down {border-top-color: white;}
.arrow-left {width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 5px solid #35C3D9;}
.hover .arrow-left {border-right-color: white;}
.arrow-right {width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #35C3D9;}
.hover .arrow-right {border-left-color: white;}
.paginate {text-align: center;clear: both;margin: 32px 0; float: left; width: 100%;display:flex;justify-content:center;align-items:center;gap:6px;}
.paginate li {display: inline;list-style-type: none;}
.paginate a,.paginate span {display:inline-flex;align-items:center;justify-content:center;font-weight:600;text-decoration: none;margin: 0;padding: 0;text-align:center;border-radius:var(--radius);height:44px;min-width:44px;line-height:1;background:var(--bg-card);border: 2px solid var(--border-color); color: var(--text-secondary);transition:var(--transition);font-size:14px;}
.paginate a:hover {border-color:var(--primary);color:var(--primary);background:var(--primary-bg);}
.paginate span.searchPaginationSelected {background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); border-color: var(--primary); color: #fff;box-shadow:var(--shadow-md);}
.btn.see_by {float: right;white-space: nowrap;outline: 0;display: block;position: relative;font-size:14px;line-height:18px;font-weight:normal;padding: 10px 12px; height: 40px;}
.btn.see_by:hover label i:before {content:"\f106";}
.see_by span {float:left;margin-right:3px;}
.see_by label {float: left;margin: 0;padding: 0;clear: none; width: auto;font-weight:600;font-size:14px;}
.see_by label i {margin-left:3px;margin-right:-2px;}
.see_by ul {position: absolute;top:38px;right: -2px;margin:0;padding: 10px 5px;list-style: none;display: none;width:auto;min-width:calc(100% + 4px);text-align:left;border:2px solid #056786;border-top:none;background:#fff;}
.see_by ul a {font-size: 15px;font-weight:normal;color: #333;padding:5px 5px;margin:0 0 3px 0;float:left;clear:both;}
.see_by .arrow-up,.see_by .arrow-down,.see_by .arrow-right,.see_by .arrow-left {position: absolute;right: 6px;top: 11px;}
.hover ul {display: block;}
.wrapper-flash {font-weight: bold;}
body #restricted-fine-uploader { margin-bottom: 20px; float: left; width: 100%; clear: both;padding-left:0; }
.item-post .form-horizontal .control-group.img {padding-left:30%;}
body .qq-upload-button {padding: 20px 16px; color: #fff; background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); font-weight: 600;width:100%;border-radius:var(--radius);transition:var(--transition);}
body .qq-upload-button:hover {transform:translateY(-2px);box-shadow:var(--shadow-lg);}
#item-content h1 {font-size: 32px; line-height: 40px; margin: 0 0 16px 0;font-weight:700;color:var(--text-primary);}
#sidebar .price {padding:16px;font-weight:700;float:left;width:100%;margin:0 0 16px 0;color:var(--primary);font-size:32px;line-height:38px;text-align:right;background:var(--primary-bg);border-radius:var(--radius);}
.flashmessage {font-size: 15px;padding: 16px 50px 16px 18px;width: 100%;top:0px;z-index: 8;text-align: left;color: #ffffff;position: relative;border-radius:var(--radius);font-weight:500;}
.flashmessage + .flashmessage, .flashmessage + #flash_js + .flashmessage {margin-top:12px;}
.flashmessage-warning,.help-box {background-color: var(--warning);border: none;}
.flashmessage-error {background-color: var(--error);border: none;}
.flashmessage-ok {background-color: var(--success);border: none;}
.flashmessage-info {background-color: var(--info);border: none;}
.flashmessage a {color:#fff;text-decoration:underline;}
.help-box {padding: 8px 14px;display: inline-block;color: #fff;font-size: 14px;margin: 10px 0;border-radius:var(--radius);}
.flashmessage .ico-close {transition:var(--transition-fast);position: absolute; top: 50%; right: 8px; float: right; font-size: 16px; color: white; text-shadow: none; text-decoration: none; font-weight: bold; cursor: pointer; padding: 0; line-height: 36px; border: none; width: 36px; height: 36px; margin-top: -18px; background: rgba(255,255,255,0.2);border-radius:var(--radius-sm); }
.flashmessage .ico-close:hover {background:rgba(255,255,255,0.3);}
.flashmessage-error .close {color: #fff;}
.flashmessage-warning .close {color: #fff;}
.flashmessage-success .close,.flashmessage-information .close {color: #fff;}
#error_list,.error_list, #comment_error_list {text-align:left;background-color: #fef2f2;border: 2px solid #fecaca;color: var(--error);padding: 14px 18px;list-style: none;display: none;margin: 16px 0;border-radius:var(--radius);}
#error_list li,.error_list li, #comment_error_list li {list-style: none;padding:0;}
#error_list li label,.error_list li label, #comment_error_list li label {margin-top: 0;float: none;width: auto;font-weight:normal;margin:2px 0;padding:0;text-align:left;}
#comment_error_list {margin-top:0;}
.user-card {background:var(--bg-card);position: relative;padding-left: 130px;min-height: 130px;margin-bottom: 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;}
.user-card ul {padding: 20px;margin: 0;list-style: none;}
.user-card .name {font-size: 22px; line-height: 26px; font-weight: 700; margin: 0 0 6px 0;color:var(--text-primary);}
.user-card .website {margin:0 0 6px 0;}
.user-card .website a {color:var(--primary);}
.user-card img {position: absolute;left: 0;top: 0;width: 130px;height:100%;object-fit:cover;}
.icons {font-size: 32px;line-height: 32px;}
.icons :after {display: inline-block;font-family: "icons";}
.ico-search:after {content: "s";}
.ico-menu:after {content: "m";}
.ico-grid:after {content: "g";}
.wrapper {width: 980px;margin-left: auto;margin-right: auto;}
.wrapper > .box { float: left; clear: both; width: 100%; }
#responsive-trigger {display: none;}
fieldset {border: 0;margin: 0;padding: 0;}
h1, h2, h3, h4,h5 {display:inline-block;margin:0;padding:0;font-weight:normal;width:100%;}
h1, h2.h1 {font-size:40px;line-height:44px;color:#000;margin:10px 0 15px 0;font-family:Merriweather,serif;font-weight:normal;}
h2, h3.h2 {font-size:24px;line-height:28px;margin:10px 0 25px 0;font-weight:bold;}
h3 {font-size:20px;line-height:24px;font-weight:bold;}
h4 {font-size:18px;line-height:22px;font-weight:bold;}
.clear {clear: both;}
body.search #sidebar,body.user #sidebar {float: left;width: 210px;}
body.user h1 {font-size: 26px; line-height: 30px; margin: 0 0 15px 0;font-weight:bold;border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 15px;}
body.user h3 {font-size: 18px; line-height: 22px; margin: 0 0 10px 0;width:auto;}
body.user .form-horizontal label {padding-top:16px;font-weight:bold;}
body.user .form-horizontal .controls input[type="checkbox"] {margin:15px 6px 0 0;}
body.user .form-horizontal .controls input[type="checkbox"] + label {font-weight:normal;}
body.user .form-horizontal .controls input[type="text"], body.user .form-horizontal .controls input[type="password"], body.user .form-horizontal .controls input[type="email"], body.user .form-horizontal .controls select {width:70%;margin:0;}
body.user .form-horizontal .control-group.bts {padding-left:30%;}
body.user .form-horizontal .controls textarea {width:90%;height:120px;margin:0;}
body.user #error_list, body.user .error_list {margin:0 0 20px 0;padding:12px;}
body.user .form-horizontal .control-group {margin-bottom:15px;}
.form-horizontal .controls.mls {padding-top:14px;}
body.search #main,body.user #main {float: right;width: 728px;}
body.search .list-header .actions {float:right;}
.resp-toogle {display: none;}
.title-has-actions {border-bottom: solid 1px #eaeaea;margin-bottom: 10px;}
.title-has-actions h1,.title-has-actions h2,.title-has-actions h3 {float: left;margin-bottom: 0;}
.title-has-actions a {float: right; margin-left: 10px; margin-top: 2px;}

.alerts-items-empty {margin:12px 0;padding:2px;}
.user-alert .listing-card .listing-basicinfo a {float:left;} 
.user-alert .listing-card .listing-attributes {float:left;clear:both;width:100%;}
.user-alert .listing-card .desc {float:left;clear:both;width:100%;}

.alert-frequency {display:flex;float: left; align-items: center; flex-wrap: nowrap;margin:4px 0;}
.alert-frequency > a {padding:5px 10px;font-size:14px;line-height:16px;margin:0 -1px 0 0;border:1px solid #ccc;background:#fff;}
.alert-frequency > a:first-child {border-radius:4px 0 0 4px;}
.alert-frequency > a:last-child {border-radius:0 4px 4px 0;}
.alert-frequency > a.active {background:#f0f0f0;font-weight:600;}
.alert-frequency > a:hover {text-decoration:none;background:#f0f0f0;}

section.header-ad {padding:20px 0 0 0;}
.ads_300,.ads_728,.ads_468 {background-color: #FDF6E5;display: block;margin: 15px 0;overflow:hidden;text-align:center;}
.ads_300 {max-width: 300px;width:100%;min-height: 250px;margin:0 0 15px 0;float:left;clear:both;}
.ads_728 {max-width: 728px;width:100%;min-height: 90px;}
.similar_ads .ads_728 {max-width: 640px;width:100%;min-height: auto;}
.ads_468 {max-width: 468px;width:100%;min-height: 60px;}
#sidebar ul li a em {display: inline-block;}
.error404 {text-align:center;padding:25px 0;}
.error404 h1 {font-size:180px;line-height:200px;}
.error404 h2 {font-size:36px;line-height:40px;}
.error404 h3 {margin-bottom:40px;}
.error404 .btn {float:none;display:inline-block;}
footer {padding: 50px 0 30px 0;background:var(--bg-dark);color:#fff;}
footer .box > a {color:rgba(255,255,255,0.8);font-size:14px;margin:0 24px 12px 0px;display:inline-block;font-weight:500;float:left;line-height:20px;transition:var(--transition-fast);}
footer .box > a:hover {color:#fff;text-decoration:none;}
footer .bottom {float:left;clear:both;color:rgba(255,255,255,0.5);font-size:14px;line-height:22px;margin:10px 0;}
footer .copy, footer .language {font-size: 13px;color: rgba(255,255,255,0.5);line-height:20px;float:left;clear:both;width:auto;text-align:left;margin:20px 0 10px 0;}
footer .language {float:right;clear:none;}
footer .copy a {color: rgba(255,255,255,0.6);transition:var(--transition-fast);}
footer .copy a:hover {color:#fff;}
footer .language a {font-weight:normal;color: rgba(255,255,255,0.6);margin-left:8px;padding:4px 8px;border-radius:var(--radius-sm);transition:var(--transition-fast);}
footer .language a:hover {color:#fff;background:rgba(255,255,255,0.1);}
footer .language a.active {font-weight:600;color:#fff;background:rgba(255,255,255,0.15);}
header {background-color: var(--bg-card);width: 100%;height: auto;display: block;position: relative;margin:0;padding:12px 20px;box-shadow:var(--shadow);z-index:100;}
body.osc-has-admin-header header {margin-top:0;}
body.home header, body.home section.home-search, body.home section.header-ad {background:linear-gradient(135deg, var(--primary-bg) 0%, #f0f9ff 100%);}
body.home section.home-search {padding-top:0;padding-bottom:20px;}
header .wrapper {position: relative;}
header .ads_header {width: 728px;margin-left: auto;margin-right: auto;padding: 10px 0px 10px 0px;}
header #logo {color: #fff;font-family:inherit;border: none;font-size: 20px;line-height: 22px;float:left}
header #logo a {font-weight: 700;text-decoration: none;color: var(--text-primary);display:inline-block;letter-spacing:-0.02em;}
header #logo img { display: inline-block; height: 48px; width: auto; margin: 4px 0;transition:var(--transition); }
header #logo img:hover {transform:scale(1.02);}
header .nav { float: right; height: 56px;display:flex;align-items:center;gap:6px; }
header .nav a { font-weight: 600; font-size: 14px;line-height: 20px; margin: 0;height: auto; padding: 10px 16px; border: none;float: left; transition: var(--transition); border-radius: var(--radius-full);color:var(--text-secondary); }
header .nav a:hover { background: var(--bg-light); text-decoration: none;color:var(--text-primary); }
header .nav a.publish { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: #fff; text-decoration: none;box-shadow:var(--shadow-md); }
header .nav a.publish:hover { box-shadow: var(--shadow-lg);transform:translateY(-1px); }
header .nav a.my-account {float:left;margin: 0;padding: 6px 14px 6px 44px;height:auto;position:relative;display:flex;flex-direction: column; align-items: flex-start; align-content: flex-start;background:var(--bg-light);border-radius:var(--radius-full);}
header .nav .my-account > img {position:absolute;top:4px;left:4px;width:34px;height:34px;object-fit:cover;border-radius:var(--radius-full);border:2px solid var(--bg-card);}
header .nav .my-account > strong {font-size:14px;line-height:16px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;}
header .nav .my-account > span {font-size:11px;line-height:12px;color:var(--text-muted);font-weight:500;}
header .nav a.logout2 {border:none;color:var(--text-muted);font-size:18px;padding:10px;width:40px;height:40px;text-align:center;border-radius:var(--radius-full);margin-left:4px;display:flex;align-items:center;justify-content:center;}
header .nav a.logout2:hover {text-decoration:none;background:var(--error);color:#fff;border:none;}
header, footer, section, body > .widget {float:left;clear:both;width:100%;padding-left:20px;padding-right:20px;}
body > .widget {text-align:center;}
form.search h1 {text-align:center;margin:40px 0 32px 0;font-size:36px;line-height:1.2;color:var(--text-primary);font-weight:700;}

/* ============================================
   MODERN HOME PAGE LAYOUT 2.0
   ============================================ */

/* Container */
.container {max-width:1200px;margin:0 auto;padding:0 20px;}

/* Hero Section */
.hero-section {
  background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding:80px 20px 60px 20px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.hero-section::before {
  content:'';
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity:0.5;
}
.hero-content {position:relative;z-index:1;max-width:800px;margin:0 auto;}
.hero-title {
  font-size:40px;
  line-height:1.1;
  font-weight:800;
  color:#fff;
  margin:0 0 16px 0;
  letter-spacing:-0.02em;
}
.hero-subtitle {
  font-size:18px;
  line-height:1.5;
  color:rgba(255,255,255,0.9);
  margin:0 0 32px 0;
  font-weight:400;
}

/* Hero Search Box */
.hero-search {margin:0 auto 24px auto;max-width:600px;}
.search-box {
  display:flex;
  background:var(--bg-card);
  border-radius:var(--radius-full);
  padding:6px;
  box-shadow:var(--shadow-xl);
}
.search-input-wrapper {
  flex:1;
  display:flex;
  align-items:center;
  padding:0 20px;
}
.search-input-wrapper i {color:var(--text-muted);font-size:18px;margin-right:12px;}
.search-input-wrapper input {
  flex:1;
  border:none;
  background:transparent;
  font-size:16px;
  padding:14px 0;
  color:var(--text-primary);
  outline:none;
  height:auto;
  margin:0;
  box-shadow:none;
}
.search-input-wrapper input::placeholder {color:var(--text-muted);}
.search-btn {
  background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  color:#fff;
  border:none;
  padding:14px 32px;
  border-radius:var(--radius-full);
  font-weight:600;
  font-size:15px;
  cursor:pointer;
  transition:var(--transition);
  white-space:nowrap;
}
.search-btn:hover {transform:scale(1.02);box-shadow:var(--shadow-lg);}

/* Quick Categories */
.quick-categories {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.quick-label {color:rgba(255,255,255,0.7);font-size:14px;font-weight:500;}
.quick-categories a {
  color:#fff;
  font-size:13px;
  font-weight:500;
  padding:6px 14px;
  background:rgba(255,255,255,0.15);
  border-radius:var(--radius-full);
  transition:var(--transition);
  text-decoration:none;
}
.quick-categories a:hover {background:rgba(255,255,255,0.25);}

/* Hero Stats */
.hero-stats {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:40px;
  margin-top:48px;
  position:relative;
  z-index:1;
}
.stat-item {display:flex;flex-direction:column;align-items:center;}
.stat-number {font-size:36px;font-weight:800;color:#fff;}
.stat-label {font-size:14px;color:rgba(255,255,255,0.8);font-weight:500;margin-top:4px;}
.stat-divider {width:1px;height:50px;background:rgba(255,255,255,0.2);}

/* Section Title */
.section-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:28px;
}
.section-title h2 {
  font-size:24px;
  font-weight:700;
  color:var(--text-primary);
  margin:0;
}
.view-all {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  font-weight:600;
  color:var(--primary);
  text-decoration:none;
  transition:var(--transition);
}
.view-all:hover {gap:10px;}
.view-all i {font-size:12px;transition:var(--transition);}

/* Categories Section */
.categories-section {padding:60px 0;background:var(--bg-card);}
.categories-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
  gap:16px;
}
.category-item {
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  background:var(--bg-light);
  border-radius:var(--radius);
  text-decoration:none;
  transition:var(--transition);
  border:1px solid transparent;
}
.category-item:hover {
  background:var(--bg-card);
  border-color:var(--primary);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.category-icon-wrap {
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--primary-bg);
  color:var(--primary);
  border-radius:var(--radius);
  flex-shrink:0;
  transition:var(--transition);
}
.category-item:hover .category-icon-wrap {
  background:var(--primary);
  color:#fff;
}
.category-icon-wrap i {font-size:20px;}
.category-name {
  flex:1;
  font-size:14px;
  font-weight:600;
  color:var(--text-primary);
  line-height:1.3;
}
.category-badge {
  font-size:12px;
  font-weight:600;
  color:var(--text-muted);
  background:var(--bg-card);
  padding:4px 10px;
  border-radius:var(--radius-full);
}
.category-item:hover .category-badge {
  background:var(--primary);
  color:#fff;
}

/* Locations Section */
.locations-section {padding:50px 0;background:var(--bg-light);}
.locations-flex {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
}
.location-chip {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 20px;
  background:var(--bg-card);
  border:1px solid var(--border-color);
  border-radius:var(--radius-full);
  text-decoration:none;
  transition:var(--transition);
}
.location-chip:hover {
  border-color:var(--primary);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.location-chip i {color:var(--primary);font-size:14px;}
.location-chip span {font-size:14px;font-weight:600;color:var(--text-primary);}
.location-chip em {
  font-style:normal;
  font-size:12px;
  font-weight:600;
  color:#fff;
  background:var(--primary);
  padding:2px 8px;
  border-radius:var(--radius-full);
  margin-left:4px;
}

/* Recent Listings Section */
.recent-listings-section {
  padding:60px 0;
  background:var(--bg-light);
}
.recent-listings-section .section-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:32px;
}
.recent-listings-section .section-title h2 {
  font-size:28px;
  font-weight:700;
  color:var(--text-primary);
  margin:0;
}
.recent-listings-section .listing-card-list {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  gap:24px;
  list-style:none;
  padding:0;
  margin:0;
}

/* CTA Section */
.cta-section {padding:50px 0;background:var(--bg-card);}
.cta-box {
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:linear-gradient(135deg, var(--primary-bg) 0%, #dbeafe 100%);
  border-radius:var(--radius-xl);
  padding:40px 48px;
  gap:32px;
}
.cta-content h3 {
  font-size:24px;
  font-weight:700;
  color:var(--text-primary);
  margin:0 0 8px 0;
}
.cta-content p {
  font-size:15px;
  color:var(--text-secondary);
  margin:0;
}
.cta-button {
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  color:#fff;
  padding:16px 32px;
  border-radius:var(--radius);
  font-size:16px;
  font-weight:600;
  text-decoration:none;
  transition:var(--transition);
  white-space:nowrap;
  box-shadow:var(--shadow-md);
}
.cta-button:hover {
  transform:translateY(-2px);
  box-shadow:var(--shadow-xl);
  color:#fff;
}
.cta-button i {font-size:14px;}

/* Ads Section */
.ads-section {padding:40px 0;text-align:center;}
.ads-section .ads_728 {margin:0 auto;}

/* Hide old home structure on modern layout */
body.home-modern .home-search {display:none;}
body.home-modern section > .wrapper#content > #main,
body.home-modern section > .wrapper#content > #sidebar {display:none;}
body.home-modern section > .wrapper#content {padding:0;min-height:0;}
body.home-modern section.header-ad {display:block;}

/* Old home page styles - keep for backwards compatibility */

/* Legacy home-cats and home-regs (keep for backwards compatibility) */
#home-cats {float:left;clear:both;width:100%;border-radius:var(--radius-lg);background:var(--bg-card);padding:28px 20px 20px 28px;margin:0;box-shadow:var(--shadow);}
#home-cats h2 {margin:0 0 24px 0;font-size:20px;line-height:24px;font-weight:700;color:var(--text-primary);}
#home-cats a {float: left; width: 120px; padding: 16px 8px 14px 8px; margin: 0 10px 12px 0; height: auto;min-height:130px; background: var(--bg-light); border: 2px solid transparent; border-radius: var(--radius); text-align: center;transition:var(--transition);}
#home-cats a:hover {border-color:var(--primary);background:var(--primary-bg);transform:translateY(-3px);box-shadow:var(--shadow-md);}
#home-cats a .icon {width:100%;display:block;margin:0 0 12px 0;color:var(--primary);}
#home-cats a:hover .icon {color:var(--primary-dark);}
#home-cats a .icon i {font-size:36px;line-height:48px;transition:var(--transition);}
#home-cats a:hover .icon i {transform:scale(1.1);}
#home-cats a strong {width:100%;display:block;color:var(--text-primary);line-height: 17px; max-height: 34px; overflow: hidden; word-break: break-word; font-size: 13px;font-weight:600;}
#home-regs {float:left;clear:both;width:100%;padding:28px 0;}
#home-regs h2 {margin:0 0 20px 0;font-size:20px;line-height:24px;font-weight:700;color:var(--text-primary);}
#home-regs .wrap > div {float:left;width:100%;padding-right:0;margin:0 0 10px 0;}
#home-regs a {font-weight:500;font-size:14px;line-height:20px;color:var(--text-secondary);display:flex;align-items:center;padding:6px 10px;border-radius:var(--radius-sm);transition:var(--transition-fast);margin:-6px -10px;}
#home-regs a:hover {background:var(--bg-light);color:var(--primary);}
#home-regs .wrap > div:nth-of-type(1n+10) {display: none;}
#home-regs a i {color:var(--primary);float:left;font-size:12px;line-height:20px;margin:0 8px 0 0;}
#home-regs a em {font-style:normal;font-size:12px;color:var(--text-muted);margin-left:4px;}
.home-latest {float:left;clear:both;width:100%;margin:0 0 40px 0;}
.home-latest h2 {margin:15px 0 15px 0;font-size:22px;line-height:26px;}
body {background:#fff;font-size:15px;line-height:22px;display:block;float:left;width:100%;}
body:not(.home) header {border-bottom:1px solid rgba(0,0,0,0.1);}
body.login > section, body.register > section, body.recover > section, body.contact > section {background:#f6f6f4;min-height:520px;}

/* Modern Login Page Styles */
body.login-modern {
  background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  min-height:100vh;
}
body.login-modern > section,
body.login-modern section {
  background:transparent;
  padding:0;
  min-height:auto;
}
body.login-modern #main, body.login-modern #sidebar, body.login-modern .breadcrumb, body.login-modern .wrapper#content {display:none;}
body.login-modern header {background:transparent;border:none;box-shadow:none;}
body.login-modern header .nav a {color:rgba(255,255,255,0.9);}
body.login-modern header .nav a:hover {color:#fff;}
body.login-modern header .menu-icon span {background:#fff;}
body.login-modern header .menu-icon.opened span {background:#fff;}

/* Flash messages for login - show above the card */
body.login-modern .wrapper-flash {
  position:fixed;
  top:80px;
  left:50%;
  transform:translateX(-50%);
  z-index:100;
  max-width:420px;
  width:90%;
}
body.login-modern .wrapper-flash .flashmessage,
body.login-modern .wrapper-flash .alert,
body.login-modern .wrapper-flash .error,
body.login-modern .wrapper-flash .warning {
  background:#fff;
  color:#1e293b !important;
  border-radius:12px;
  padding:16px 20px;
  box-shadow:0 10px 40px rgba(0,0,0,0.2);
  margin-bottom:10px;
}
body.login-modern .wrapper-flash .flashmessage *,
body.login-modern .wrapper-flash .alert *,
body.login-modern .wrapper-flash .error *,
body.login-modern .wrapper-flash .warning * {
  color:#1e293b !important;
}

.login-page {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:calc(100vh - 80px);
  padding:40px 20px;
}

.login-card {
  background:#fff;
  border-radius:20px;
  box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);
  width:100%;
  max-width:420px;
  padding:40px;
  animation:slideUp 0.4s ease-out;
  overflow:visible;
}

.login-card,
.login-card *,
.login-form,
.login-form * {
  box-sizing:border-box;
}

.login-card input,
.login-card label,
.login-card button,
.login-card a,
.login-form input,
.login-form label,
.login-form button,
.login-form a {
  float:none !important;
}

@keyframes slideUp {
  from {opacity:0;transform:translateY(20px);}
  to {opacity:1;transform:translateY(0);}
}

.login-header {
  text-align:center;
  margin-bottom:32px;
}

.login-icon {
  width:80px;
  height:80px;
  background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 20px auto;
  box-shadow:0 10px 30px rgba(99,102,241,0.3);
}

.login-icon i {
  font-size:32px;
  color:#fff;
}

.login-header h1 {
  font-size:28px;
  font-weight:700;
  color:var(--text-primary);
  margin:0 0 8px 0;
}

.login-header p {
  font-size:15px;
  color:var(--text-secondary);
  margin:0;
}

.login-form .form-group {
  margin-bottom:20px;
  position:relative;
  clear:both;
  float:none;
}

.login-form > label,
.login-form .form-group > label {
  display:block;
  font-size:14px;
  font-weight:600;
  color:var(--text-primary);
  margin-bottom:8px;
  float:none;
  width:100%;
  text-align:left;
  position:static;
}

.login-form .input-wrapper {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  width:100%;
}

.login-form .input-wrapper > i.fas,
.login-form .input-wrapper > i.fa {
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:var(--text-secondary) !important;
  font-size:16px !important;
  pointer-events:none;
  z-index:2;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  width:16px !important;
  height:16px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.login-form .input-wrapper input[type="text"],
.login-form .input-wrapper input[type="email"],
.login-form .input-wrapper input[type="password"] {
  width:100% !important;
  padding:14px 16px 14px 48px !important;
  border:2px solid var(--border-color) !important;
  border-radius:12px !important;
  font-size:15px !important;
  transition:var(--transition);
  background:var(--bg-light) !important;
  box-sizing:border-box;
  height:50px !important;
  line-height:normal !important;
}

.login-form .input-wrapper input:focus {
  border-color:var(--primary) !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(99,102,241,0.1);
  outline:none;
}

.login-form .form-group.remember-row {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px;
  flex-wrap:wrap;
}

.login-form .remember-check {
  display:flex !important;
  align-items:center !important;
  gap:8px;
  flex-shrink:0;
  float:none !important;
  position:static !important;
  overflow:visible !important;
}

.login-form .remember-check input[type="checkbox"] {
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  accent-color:var(--primary);
  cursor:pointer;
  margin:0 !important;
  padding:0 !important;
  position:static !important;
  float:none !important;
  flex-shrink:0;
}

.login-form .remember-check label,
.login-form .remember-check label[for="remember"] {
  margin:0 !important;
  padding:0 !important;
  font-weight:500 !important;
  font-size:14px !important;
  cursor:pointer;
  display:inline-block !important;
  width:auto !important;
  max-width:none !important;
  float:none !important;
  position:static !important;
  overflow:visible !important;
  white-space:nowrap;
}

.login-form .forgot-link {
  font-size:14px;
  color:var(--primary);
  font-weight:500;
  text-decoration:none;
  transition:var(--transition);
  white-space:nowrap;
  float:none !important;
}

.login-form .forgot-link:hover {
  color:var(--primary-dark);
  text-decoration:underline;
}

.login-form .recaptcha-group:empty {display:none;}

.login-btn {
  width:100%;
  padding:16px 24px;
  background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  color:#fff;
  border:none;
  border-radius:12px;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  transition:var(--transition);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-shadow:0 4px 15px rgba(99,102,241,0.3);
}

.login-btn:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 25px rgba(99,102,241,0.4);
}

.login-btn:active {
  transform:translateY(0);
}

.login-btn i {
  font-size:18px;
}

.login-footer {
  text-align:center;
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid var(--border-color);
}

.login-footer p {
  font-size:14px;
  color:var(--text-secondary);
  margin:0;
}

.login-footer a {
  color:var(--primary);
  font-weight:600;
  text-decoration:none;
  transition:var(--transition);
}

.login-footer a:hover {
  color:var(--primary-dark);
  text-decoration:underline;
}
body.item-post > section {background:#f6f6f4;}
body.item-post #error_list {margin-left:30%;width:70%;}
section {padding-top:20px;padding-bottom:50px;}
body.user > section {min-height:520px;}
.main-search {display:block;width:100%;margin:20px 0 40px 0;float:left;}
.main-search > .cell {float:left;width:50%;padding-right:20px;}
.main-search > .cell input[type="text"], .main-search > .cell select, .main-search > .cell button {width:100%;margin:0;}
.main-search > .cell.c2 {width:30%}
.main-search > .cell.c3 {width:20%;padding-right:0;}
.wrapper:empty {display:none;}
.wrapper-flash {margin-bottom: 20px;}
div.breadcrumb {line-height: 18px;font-size: 14px;height: auto;margin: 0 0 20px 0;width: auto;padding: 0;}
ul.breadcrumb {list-style: none;margin: 0;padding: 0;}
ul.breadcrumb li {float: left;padding: 0 2px;font-weight: normal;}
.r-list {display: none;margin: 0px 40px 0 0;padding: 0;list-style: none;}
.latest_ads {padding-top: 25px;}
.latest_ads h1 {float: left;}
.latest_ads .actions {float: right;margin-top: 5px;}
body.home .r-list {display: block;}
body.home #main {width: 640px;float: left;}
.tbl {display: block;width: 100%;}
div.first_cel ul {margin: 0;}
.cell_3 {width: 33%;float: left;}
.cell_3 ul {margin: 0;margin-left: 20px;}
.r-list li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.r-list li .r-list li li {float: none;width: 100%;}
.r-list li>li:nth-child(4n),.r-list li .clear {clear: both;}
ul.r-list li h1 {margin: 25px 0 10px 0;padding: 0;font-size: 1em;overflow: hidden;text-overflow: ellipsis;}
ul.r-list li h1 a {font-size: 1em;}
ul.r-list li h1 span {font-weight: normal;display: inline-block;}
ul.r-list li h1 span.resp-toogle {display: none;}
ul.r-list li a,ul.r-list li span {text-decoration: none;font-size: 0.8125em;display: inline-block;}
ul.r-list li ul {list-style: none;margin: 0;padding: 0;}
.list-header {margin-bottom: 15px;z-index: 3;position: relative;float:left;width:100%;}
.listing-card-list {margin: 0;padding: 0;list-style: none;clear: both;}
.listing-card-list.listing-grid {margin-left:-12px;margin-right:-12px;width:calc(100% + 24px);}
.listing-card-list.listing-list .listing-card:last-child {border-bottom:none;}
.see_more_link {clear: both;}
.counter-search {float: left;line-height: 18px;margin:11px 5px 11px 0;color:var(--text-secondary);font-size:14px;}
#main h5 {margin-bottom: 10px;}
#related-searches {padding-top: 24px;margin:24px 0;border-top:1px solid var(--border-color);}
#related-searches h5 {margin-bottom: 8px;font-size: 14px;font-weight:600;color:var(--text-secondary);}
#related-searches a {font-size:13px;font-weight:500;padding:6px 12px;margin:0 8px 8px 0;border:1px solid var(--border-color);border-radius:var(--radius-full);transition:var(--transition);display:block;float:left;color:var(--text-secondary);background:var(--bg-card);}
#related-searches a:hover {border-color:var(--primary);text-decoration:none;color:var(--primary);background:var(--primary-bg);}
body.search h1 {margin:0 0 24px 0;font-size:28px;line-height:34px;font-weight:700;color:var(--text-primary);}
.listing-card {clear: both;padding: 20px;margin: 0 0 16px 0;border: none;border-radius:var(--radius);position: relative;width: 100%;display: table;background:var(--bg-card);box-shadow:var(--shadow);transition:var(--transition);}
.listing-card:hover {box-shadow:var(--shadow-md);}
.listing-list .listing-card:first-child:last-child {border-bottom:none;}
.listing-card .listing-basicinfo,.listing-card .listing-attributes {display: block;vertical-align: top;width: auto;}
.listing-card .listing-attributes {width: auto;}
.listing-card .currency-value {display: block;white-space: nowrap;font-weight: 700;color: var(--primary);font-size:18px;line-height:22px;margin:0 0 4px 0;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.listing-card .listing-data {display: table-row;width: 100%;}
.listing-list .listing-card .listing-detail {width: auto;margin-left: 115px;}
.listing-card .listing-cell {display: table;width: 100%;}
.listing-card .listing-thumb {float: left;}
.listing-card .listing-thumb img {height: auto;width: 100px;border-radius:var(--radius-sm);}
.listing-card .listing-attributes a {color: var(--text-muted);font-weight: 500;}
.listing-card .listing-attributes a {text-decoration: none;}
.listing-card .listing-attributes a:hover {text-decoration: none;color:var(--primary);}
.premium-list li.listing-card,li.listing-card.premium {background:linear-gradient(135deg, #fef9c3 0%, #fef3c7 100%);border:1px solid #fcd34d;}
.listing-grid .listing-card {float: left;width: 23%;padding: 0;background-color: var(--bg-card);border-radius:var(--radius-lg);border:none; margin: 0 1% 24px 1%;position: relative;display: block;clear: none;box-shadow:var(--shadow);overflow:hidden;transition:var(--transition);}
.listing-grid .listing-card:hover {transform:translateY(-4px);box-shadow:var(--shadow-xl);}
.listing-grid .listing-card img {width: 100%;height: auto;float: none;border-radius:0;transition:var(--transition);}
.listing-grid .listing-card .listing-thumb:hover img {transform:scale(1.05);}
.listing-grid .listing-detail {margin-left: 0;}
.listing-grid .listing-basicinfo,.listing-grid .listing-data {width: 100%;display: block;float:left;}
.listing-grid .listing-data {padding:16px 16px 14px 16px;}
.listing-grid .listing-thumb {width: 100%;border-bottom:none;overflow:hidden;aspect-ratio:4/3;background:var(--bg-light);}
.listing-grid .listing-thumb img {width:100%;height:100%;object-fit:cover;}
.listing-grid .listing-cell {display: block;}
.listing-grid .listing-basicinfo .desc {display: none;}
.listing-grid .listing-basicinfo a {margin:0 0 8px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;display: inline-block;font-size:15px;line-height:20px;font-weight:600;color:var(--text-primary);}
.listing-grid .listing-basicinfo a:hover {color:var(--primary);}
.listing-grid .date, .listing-grid .category, .listing-grid .location {display: none;}
.listing-grid .admin-options {display:none;}
.listing-grid .currency-value {font-size:17px;color:var(--primary);font-weight:700;}
.listing-list a {font-size:16px;font-weight:600;margin:0 0 6px 0;color:var(--text-primary);}
.listing-list a:hover {color:var(--primary);}
.listing-list .listing-card .currency-value {margin:4px 0 8px 0;font-size:20px;line-height:24px;overflow:visible;position:relative;}
.listing-list .desc {line-height:22px;max-height:66px;overflow:hidden;color:var(--text-secondary);font-size:14px;}
.listing-list .listing-details {font-size:13px;margin:0 0 6px 0;color:var(--text-muted);}
.listing-list .listing-details > span:after { content: "•"; margin: 0 8px; }
.listing-list .listing-details > span:last-child:after {display:none;}
.listing-list .listing-details > span:empty { display: none; }
#mask_as_form {float:left;clear:both;width:100%;margin:0 0 15px 0;}
body.search .listing-grid .listing-card, .similar_ads .listing-grid .listing-card {width: calc(33.33% - 24px);margin:0 12px 24px 12px;}
#sidebar {width: 300px;float: right;}
#sidebar .filters {float:left;clear:both;width:100%;background:var(--bg-card);padding:20px;margin:0 0 20px 0;border-radius:var(--radius-lg);box-shadow:var(--shadow);}
#sidebar .filters .row {width:100%;display:inline-block;}
#sidebar input[type="text"],#sidebar input[type="date"],#sidebar input[type="number"], #sidebar select {height:44px;padding:10px 14px;width:100%;margin:0;border-radius:var(--radius);font-size:14px;}
#sidebar button, #sidebar .btn {min-height:44px;padding:12px 20px;font-size:14px;width:auto;border-radius:var(--radius);}
#sidebar .btn.lgn {margin-top:8px;}
#sidebar #contact p {margin:0 0 6px 0;color:var(--text-secondary);font-size:14px;}
#sidebar #contact p.bld {font-weight:600;color:var(--text-primary);}
#sidebar #contact p > span {font-weight:normal;}
#sidebar #contact p.problem {margin-top:16px;}
#sidebar #contact p.user-img img {max-width:100%;width:128px;margin-bottom:8px;border-radius:var(--radius);}

#sidebar h3 {margin: 0 0 8px 0;font-size:13px;line-height:16px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.03em;}
#sidebar fieldset {padding:0;margin:0 0 20px 0;border:none;}
#sidebar fieldset.cats {margin-bottom:0;}
#sidebar ul.category,#sidebar ul.category ul {padding: 0;margin: 0;list-style: none;}
ul.sidebar-list,ul.user_menu {padding: 0;margin: 0;list-style: none;}
body.user #sidebar {padding:24px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);}
#sidebar ul.category li,ul.sidebar-list li,ul.user_menu li {padding: 4px 0;line-height: 1.3em;}
#sidebar ul.category li a,ul.sidebar-list li a {font-size:14px;color:var(--text-secondary);transition:var(--transition-fast);}
#sidebar ul.category li a:hover,ul.sidebar-list li a:hover {color:var(--primary);}
ul.user_menu li {margin:0 0 6px 0;}
ul.user_menu li a {display:block;padding:10px 14px;border-radius:var(--radius);color:var(--text-secondary);font-weight:500;transition:var(--transition-fast);}
ul.user_menu li a:hover {background:var(--bg-light);color:var(--primary);}
#sidebar ul.category ul {padding-left: 16px;}
#sidebar .show-sub a {font-weight: 600;color:var(--text-primary);}
#sidebar .show-sub li a {font-weight: normal;}
#sidebar .two_input input {width: 70px;}
#sidebar .actions {padding:0;margin:0 0 16px 0;float:left;clear:both;width:100%;}
#sidebar .actions:empty {display:none;}
#sidebar .plugin-hooks {padding:0;margin:0 0 20px 0;float:left;clear:both;width:100%;}
#sidebar .plugin-hooks:empty {display:none;}
#sidebar .plugin-hooks > div:first-child, #sidebar .plugin-hooks > span:first-child {margin-top:0;}
#sidebar .plugin-hooks > div:last-child, #sidebar .plugin-hooks > span:last-child {margin-bottom:0;}
#sidebar .plugin-hooks h6 {margin:0 0 3px 0;color:#222;font-size:14px;line-height:16px;}
#sidebar .plugin-hooks .row {margin-bottom: 16px;}
#sidebar .plugin-hooks .row.checkboxes {margin-bottom: 5px;}
#sidebar .plugin-hooks .row.radio label {padding:0px;margin:1px 0;font-weight:normal;font-size:14px;display:flex;align-items: center;}
#sidebar .plugin-hooks .row.radio label input {margin:0 4px 0 0;width:14px;height:14px;max-width:14px;max-height:14px;}
#sidebar .plugin-hooks > :last-child {margin-bottom:0;}
#sidebar .plugin-hooks > * > :last-child {margin-bottom:0;}
#sidebar .select-box {width: 100%;}
#sidebar a {text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}
.widget-box {background:var(--bg-card);padding: 20px;margin-bottom: 20px;border-radius:var(--radius-lg);box-shadow:var(--shadow);}
.widget-box h3 {margin: 0 0 12px 0;font-size:16px;font-weight:700;color:var(--text-primary);}
.widget-box ul {margin: 0;padding: 0;list-style: none;}
.widget-box #error_list {margin-bottom:8px;}
.widget-box li a {text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;width: 100%;font-weight: 500;font-size: 14px;display: block;padding: 8px 10px;border-radius:var(--radius-sm);margin: 2px 0;position: relative;border:none;color:var(--text-secondary);transition:var(--transition-fast);}
.widget-box li li a:hover,.widget-box li a:hover {background:var(--primary-bg);color:var(--primary);z-index: 2;}
body.item #sidebar .widget-box,body.user-public-profile #sidebar .widget-box {padding: 24px;float:left;clear:both;width:100%;}
body.item #sidebar .widget-box h2,body.user-public-profile #sidebar .widget-box h2 {margin:0 0 14px 0;font-size:18px;line-height:22px;font-weight:700;}
body.item #main,body.user-public-profile #main {width: 640px;float: left;}
body.item.item-post #main {width: 760px;}
.item-photos .main-photo {width: 550px;float: left;}
.item-photos .thumbs {float: right;width: 79px;}
.item-photos .thumbs img {margin-bottom: 10px;border: solid 2px rgba(0,0,0,0.1);transition:0.2s;}
.item-photos .thumbs img:hover {border-color:#0d9ecc;}
.item-photos { margin: 0 0 25px 0; display: block; float: left; width: 100%; }
.item-header {margin:0 0 15px 0;padding:12px 5px;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
.item-header #type_dates {float: right;}
.item-header #type_dates em {font-style: normal;}
.item-header > div {margin:2px 0;}
.item-header > div:empty {display:none;}
#item_location {list-style: none;margin: 0;padding: 0;}
#item_location li {display: inline;}
#description {clear: both;display:block;float:left;width:100%;}
#description .desc {clear: both;display:block;float:left;width:100%;line-height:24px;margin:0 0 25px 0;}
#description .item-hook h2, #description .item-hook h3 {display: inline-block; width: 100%; border: none; font-size: 18px;line-height:22px;font-weight: bold; color: #000; margin: 0 0 5px 0;}
#description .item-hook .table-attributes {display: inline-block; width: 100%; margin: 0 0 20px 0;}
#description .item-hook .table-attributes table {margin: 0;width:100%;border-spacing: 0px;}
#description .item-hook .table-attributes table label {font-weight:normal;margin:0;}
#description .item-hook .table-attributes table td {padding:0;width:65%;}
#description .item-hook .table-attributes table td:first-child {width:35%;}
#description .item-hook .table-attributes table td:last-child, #description .item-hook .table-attributes table td:last-child label {font-weight:bold;}
#custom_fields .meta {font-weight:bold;}
#custom_fields .meta strong {font-weight:normal;display:inline-block;width:35%;}

.contact_button {clear: both;display:block;float:left;width:100%;margin:0 0 25px 0;}
.item-hook, #custom_fields {clear: both;display:block;float:left;width:100%;margin:0 0 25px 0;}
#useful_info {float:left;clear:both;width:100%;margin:0 0 20px 0;padding:20px;border:2px solid rgba(0,0,0,0.1);font-size:15px;line-height:18px;}
#useful_info h2 {margin:0 0 10px 0;font-size:16px;line-height:18px;}
#useful_info ul {list-style-type:disc;padding:0 0 0 20px;}
#useful_info ul li {clear:both;margin:0 0 5px 0;}
.user-public-profile .similar_ads h2, .user-public-profile h2 {margin-bottom:5px;}
.item-hook:empty, #custom_fields:empty {display:none;}
.contact_button a {margin-right:12px;padding: 8px 15px;float:left;clear:none;}
div.mark_as {height: 32px;width: 100%;border: none;background: transparent;margin-bottom: 15px;}
.mark_as a {width: 100%;height: auto;display: block;top: 0;left: 0;position: absolute;}
.mark_as .select-box-label {border: solid 1px #f2f2f2;position: relative;float: none;background: #f6f6f4;}
.similar_ads h2 {margin-top: 35px;}
.admin-options {color:#999;float:left;width:100%;clear:both;margin:10px 0 0 0;}
.admin-options span {margin:0 10px 0 0;float:left;}
.admin-options a {font-size: 13px;margin: 0 10px 0 0;color:#111;float:left;font-weight:normal;padding:4px 6px;line-height:16px;border:1px solid rgba(0,0,0,0.1);border-radius:4px;}
.admin-options a:hover {border-color:rgba(0,0,0,0.2);}
body.item h1 .price {font-weight: normal;font-size: 24px;float: right;background-color: #FCF8E3;padding: 5px 10px;}
.comment-rating {margin:0 0 5px 0;}
.comment-rating i {margin:0 -3px 0 0;font-size:16px;line-height:16px;color:#ccc;}
.comment-rating i.fill, .comment-leave-rating i.is-rating-item.fill {color:#ffb900;}
.comment-leave-rating {margin:7px 0;float:left;}
.comment-leave-rating i.is-rating-item {cursor:pointer;float:left;width:26px;text-align:center;height:26px;line-height:26px;font-size:22px;color:#ccc;margin:0;display:block;}
.comment-leave-rating:hover i.is-rating-item {color:#ffb900;} 
.comment-leave-rating:hover i.is-rating-item:hover ~ i.is-rating-item {color:#ccc;}
.comment-rating-selected {float:left;margin:15px 0 0 5px;line-height:16px;font-size:13px;}
.comment-rating span {margin: 0 0 0 4px; font-size: 12px;}
.form-horizontal.new-comment .controls .red {padding-top:11px;color:#e50000;display:inline-block;width:100%;line-height:18px;}
.item #comments h2 {margin:0 0 16px 0;font-weight:700;}
.item #comments h3 {font-size: 16px;line-height:20px;margin:0 0 12px 0;font-weight:600;}
.item #comments input[type="text"] {height:48px;padding:12px 16px;width:60%;margin:0;}
.item #comments textarea {height:140px;padding:14px 16px;width:90%;margin:0;}
.item #comments {clear: both;float: left;width: 100%;background:var(--bg-card);padding:28px;margin:20px 0 0 0;border-radius:var(--radius-lg);box-shadow:var(--shadow);}
.item #comments .comments_list {margin-bottom: 24px;float:left;width:100%;}
.item #comments .comment {margin:0;padding:18px 8px;border-top:1px solid var(--border-color);position:relative;}
.item #comments .comment.has-user-img {padding-left:64px;}
.item #comments .comment:last-child {border-bottom:1px solid var(--border-color);}
.item #comments .comment h3 {color: var(--text-primary);margin-bottom: 6px;}
.item #comments .comment h3 em {color: var(--text-muted);font-size: 13px;font-weight: normal;margin-left:8px;}
.item #comments .comment p {color: var(--text-secondary);line-height: 22px;font-size:14px;}
.item #comments .comment .user-img {position:absolute;left:0px;top:18px;width:48px;height:48px;overflow:hidden;border-radius:var(--radius-full);}
.item #comments .new-comment {display:block;float:left;width:100%;}
.item #comments .paginate + .new-comment {margin-top:20px;}
.item #comments .paginate {display:block;margin:0 0 20px 0;float:left;width:100%;}
.item #comments .paginate:empty {display:none;}
.item #comment-replies {display:block;margin:15px 0;}
.item #comment-replies .comment:last-child {border-bottom:none;}
.item #comments .comment-reply-row {margin-top:8px;}
.item #comments .comment-delete-row {margin-top:8px;}
.item #comments .reply-text:empty {display:none;}
.item #comments .reply-text {padding-left:30%;margin-top:8px;font-style:italic;color:#777;margin-bottom:4px;cursor:pointer;}
.item #comments .reply-text:hover {color:#dc0000;}
#plugin-hook {float:left;clear:both;width:100%;}
#plugin-hook .row {clear: both;margin-bottom: 10px;float:left;width:100%;}
#plugin-hook .row._20 { padding-left: 30%; }
.item-post .meta select, .item-post .meta input {width:45%;}
.item-post .meta input[type="radio"], .item-post .meta input[type="checkbox"] {width:16px;min-width:16px;height:16px;min-height:16px;margin:0 5px 0 0;}
.item.item-post .form-horizontal input[type="radio"] + label, .item.item-post .form-horizontal input[type="checkbox"] + label {padding:0;margin:0;line-height:16px;font-weight:normal;}
.meta_list .meta[data-type="RADIO"] ul, .meta_list .meta[data-type="CHECKBOX"] ul {display: flex ; flex-direction: column; align-items: flex-start; justify-content: center; padding-top: 16px;}
.meta_list .meta[data-type="RADIO"] ul li, .meta_list .meta[data-type="CHECKBOX"] ul li {display:flex;width:100%;margin:0 0 6px 0;align-items: center;}
.item-post .meta[data-type="CHECKBOX"] {padding-left:30%;}
.item-post .hooks {float:left;width:100%;clear:both;margin-top:25px;}
.item-post .hooks:empty {display:none;}
.primary_image {font-size:14px;}
body .ui-widget.ui-widget-content { border: 2px solid #ccc; border-radius: 0; border-top:none;font-size:14px;font-family:'Open Sans',sans-serif;line-height:18px;padding:4px 0;}
body .ui-widget-content a {padding: 2px 6px; height: auto; display: inline-block;}
body .ui-widget-content a.ui-state-focus, body .ui-widget-content a:hover { background: transparent; border-color: transparent; text-decoration: underline; }
body #fi_user_new_list .fi_new_name {margin:0;height:auto;}

body i.fa:before {font-family:"Font Awesome 5 Free";font-weight:900;}
body .frm-post.frm-post-highlight:before {font-family:"Font Awesome 5 Free";font-weight:900;}
body .frm-post.frm-best:before {font-family:"Font Awesome 5 Free";font-weight:900;content:"\f164";line-height:44px;font-size:22px;}
body #gdpr-check.styled .input-box-check label:after {font-family:"Font Awesome 5 Free";font-weight:900;font-size: 12px; text-indent: 0;}
body i.fa-dollar:before {content:"\f155";}
body i.fa-lightbulb-o:before {content:"\f0eb";}
body i.fa-thumb-tack:before {content:"\f08d";}
body i.fa-thumbs-o-up:before {content:"\f164";font-weight:400;}
body i.fa-pencil:before {content:"\f303";}
body i.fa-clock-o:before {font-weight:400;content:"\f017"}
body i.fa-mobile:before {content:"\f3cd";}
body i.fa-star-o:before {content:"\f005";font-weight: 400;}
body i.fa-warning:before {content:"\f071";}
body i.fa-handshake-o:before {content:"\f2b5";font-weight:400;}
body i.fa-file-archive-o:before {content:"\f1c6";font-weight:400;}
body i.fa-flag-o:before {content:"\f024";font-weight:400;}
body i.fa-trash-o:before {content:"\f1f8";}
body i.fa-envelope-o:before {content:"\f0e0";font-weight:400;}
body i.fa-sign-in:before {content:"\f2f6";}
body i.fa-pencil-square-o:before {content:"\f044";font-weight:400;}
body i.fa-folder-o:before {content:"\f07b";font-weight:400;}
body i.fa-user-o:before {content:"\f007";font-weight:400;}
body i.fa-sign-out:before {content:"\f2f5";}
body i.fa-newspaper-o:before {content:"\f1ea";font-weight:400;}
body i.fab.fa-share {font-family: "Font Awesome 5 Free"!important;}
body i.fab.fa-share:before {content:"\f064";font-weight:900;}
body i.fa.fa-repeat:before {content:"\f01e";font-weight:900;}
body i.fa-mail-reply:before, body i.fa-reply:before {content:"\f3e5";}


.mobile-box a i.fa-square:before {content:"\f004";}
body .osp-stat > span.osp-issue:after, body .osp-stat > span.osp-201:after, body .osp-stat > span.osp-801:after, body .osp-stat > span.osp-401:after, body .osp-stat > span.osp-601:after {font-weight:bold;font-family: "Font Awesome 5 Free";}
body .osp-pay-button li a:not(.osp-disabled):after {font-family: "Font Awesome 5 Free";font-weight:900;}

body .bpr-box-check label:after {font-family: "Font Awesome 5 Free"; content: "\f00c"; font-weight: 900!Important;}

body#body-custom .osp-body.osp-body-itempay .osp-pay-button {padding:0;}

body i.fa-youtube:before,body i.fa-vimeo:before,body i.fa-pinterest-p:before,body i.fa-facebook:before, body i.fa-instagram:before,body i.fa-whatsapp:before, body i.fa-twitter:before, body i.fa-google-plus:before, body i.fa-linkedin:before, body i.fa-pinterest:before {font-family:"Font Awesome 5 Brands"!important;}
body i.fa-cc-mastercard:before {font-family: "Font Awesome 5 Brands"!important;font-weight: 400;}

body #atr-form .atr-input-box label:after, .osp-promote-form label.osp-chk div:hover:after, body .osp-body-itempay .osp-promote-form .osp-h1:after,
body #atr-search .atr-box:after, body #atr-search .atr-input-box label:after, .osp-promote-form label.osp-chk div:after {font-family:"Font Awesome 5 Free";font-weight:900;}