:root {
--ii-orange-50:  #FFF7ED;
--ii-orange-100: #FFEDD5;
--ii-orange-200: #FED7AA;
--ii-orange-400: #FF7A45;
--ii-orange-500: #E66A1F;
--ii-orange-600: #CC5815;
--ii-orange-700: #D9480F;
--ii-orange-800: #C2410C;
--ii-neutral-0:    #FFFFFF;
--ii-neutral-25:   #FAFAF9;
--ii-neutral-50:   #F4F4F5;
--ii-neutral-100:  #EAEAEA;
--ii-neutral-200:  #D4D4D4;
--ii-neutral-400:  #8E8E8E;
--ii-neutral-500:  #6B6B6B;
--ii-neutral-600:  #5A5A5A;
--ii-neutral-900:  #111111;
--ii-neutral-925:  #202124;
--ii-neutral-950:  #17181A;
--ii-neutral-1000: #0E0F10;
--ii-neutral-d100: #F5F5F4;
--ii-neutral-d300: #A1A1A6;
--ii-neutral-d500: #8B8B90;
--ii-green-50: #E9F6EF;  --ii-green-600: #146C43;  --ii-green-400: #3DD68C;
--ii-amber-50: #FFFAF0;  --ii-amber-600: #B7791F;  --ii-amber-400: #E9B949;
--ii-red-50:   #FDECEA;  --ii-red-600:   #B3261E;  --ii-red-400:   #F87171;
--ii-whatsapp: #25D366;
--ii-whatsapp-hover: #1EBC5E;
--ii-space-1: 4px;
--ii-space-2: 8px;
--ii-space-3: 12px;
--ii-space-4: 16px;
--ii-space-5: 24px;
--ii-space-6: 32px;
--ii-space-7: 48px;
--ii-radius-control: 10px;
--ii-radius-card:    12px;
--ii-radius-sheet:   20px;
--ii-radius-pill:    999px;
--ii-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
--ii-text-xs:  12px;
--ii-text-sm:  13px;
--ii-text-md:  15px;
--ii-text-lg:  17px;
--ii-text-xl:  20px;
--ii-text-2xl: 24px;
--ii-text-3xl: 32px;
--ii-leading-body:     1.35;
--ii-leading-display:  1.15;
--ii-tracking-display: -0.02em;
--ii-weight-regular:  400;
--ii-weight-medium:   500;
--ii-weight-semibold: 600;
--ii-weight-bold:     700;
--ii-dur-fast:  150ms;
--ii-dur-sheet: 250ms;
--ii-ease: cubic-bezier(.2, .8, .2, 1);
--ii-bnav-h: 60px;
--ii-bnav-overhang: 18px;
}
:root,
:root[data-theme="light"] {
color-scheme: light;
--ii-bg-canvas:  var(--ii-neutral-0);
--ii-bg-surface: var(--ii-neutral-0);
--ii-bg-surface-promoted: #FCF0E9;
--ii-bg-sunken:  var(--ii-neutral-50);
--ii-bg-raised:  var(--ii-neutral-0);
--ii-bg-control: var(--ii-neutral-50);
--ii-bg-control: var(--ii-neutral-50);
--ii-bg-control: var(--ii-neutral-50);
--ii-border:        var(--ii-neutral-100);
--ii-border-strong: var(--ii-neutral-200);
--ii-border-control: var(--ii-neutral-300, #B8B8B8);
--ii-text:           var(--ii-neutral-900);
--ii-text-secondary: var(--ii-neutral-600);
--ii-text-muted:     var(--ii-neutral-500);
--ii-text-disabled:  var(--ii-neutral-400);
--ii-text-on-accent: var(--ii-neutral-900);
--ii-brand:         var(--ii-orange-500);
--ii-accent:        var(--ii-orange-500);
--ii-accent-hover:  var(--ii-orange-600);
--ii-accent-press:  var(--ii-orange-700);
--ii-accent-text:   var(--ii-orange-800);
--ii-accent-subtle: var(--ii-orange-50);
--ii-accent-border: var(--ii-orange-200);
--ii-cta:           var(--ii-orange-600);
--ii-cta-hover:     var(--ii-orange-800);
--ii-text-on-cta:   #FFFFFF;
--ii-focus:      var(--ii-orange-800);
--ii-focus-ring: 0 0 0 3px rgba(254, 215, 170, .85);
--ii-success: var(--ii-green-600);  --ii-success-subtle: var(--ii-green-50);
--ii-warning: var(--ii-amber-600);  --ii-warning-subtle: var(--ii-amber-50);
--ii-danger:  var(--ii-red-600);    --ii-danger-subtle:  var(--ii-red-50);
--ii-shadow-sm: 0 1px 2px rgba(16, 16, 16, .04);
--ii-shadow-md: 0 4px 16px rgba(16, 16, 16, .06);
--ii-shadow-lg: 0 12px 32px rgba(16, 16, 16, .10);
--ii-glass:        rgba(255, 255, 255, .82);
--ii-glass-border: rgba(16, 16, 16, .08);
--ii-scrim: linear-gradient(to top, rgba(0, 0, 0, .38), rgba(0, 0, 0, 0) 52%);
--ii-art-tint-peach: #FFE8D6;
--ii-art-tint-sand: #FFF4D6;
--ii-art-tint-sky: #DCEFFD;
--ii-art-tint-mint: #DFF5E8;
--ii-art-tint-lilac: #ECE6FB;
--ii-art-tint-rose: #FDE3E7;
--ii-art-orange: var(--ii-orange-500);
--ii-art-orange-soft: #FFB27A;
--ii-art-blue: #2F6FDB;
--ii-art-blue-soft: #A9D3F5;
--ii-art-green: #2FA36B;
--ii-art-green-soft: #7ED3A4;
--ii-art-yellow: #F6B928;
--ii-art-sand: #F3DDA0;
--ii-art-red: #E0445A;
--ii-art-purple: #7B4FD6;
--ii-art-pink: #F3A6C8;
--ii-art-teal: #1E9AA0;
--ii-art-teal-deep: #167A7F;
--ii-art-wood: #B9774A;
--ii-art-metal: #9AA3AD;
--ii-art-ink: #2B2F36;
--ii-art-white: var(--ii-neutral-0);
--ii-art-cream: #EDE3D6;
--ii-art-shadow: rgba(16, 16, 16, .10);
--ii-art-chip-bg: rgba(255, 255, 255, .94);
--ii-art-chip-text: var(--ii-neutral-900);
--ii-art-accent-soft: var(--ii-orange-100);
}
:root[data-theme="dark"] {
color-scheme: dark;
--ii-bg-canvas:  var(--ii-neutral-1000);
--ii-bg-surface: var(--ii-neutral-950);
--ii-bg-surface-promoted: #2E221E;
--ii-bg-sunken:  var(--ii-neutral-925);
--ii-bg-raised:  #232427;
--ii-bg-control: #2A2B2F;
--ii-border:        rgba(255, 255, 255, .10);
--ii-border-strong: rgba(255, 255, 255, .18);
--ii-border-control: rgba(255, 255, 255, .34);
--ii-text:           var(--ii-neutral-d100);
--ii-text-secondary: var(--ii-neutral-d300);
--ii-text-muted:     var(--ii-neutral-d500);
--ii-text-disabled:  #7A7A80;
--ii-text-on-accent: #111111;
--ii-brand:         var(--ii-orange-400);
--ii-accent:        var(--ii-orange-400);
--ii-accent-hover:  #FF8A5B;
--ii-accent-press:  #E8642F;
--ii-accent-text:   var(--ii-orange-400);
--ii-accent-subtle: rgba(255, 122, 69, .14);
--ii-accent-border: rgba(255, 122, 69, .38);
--ii-focus:      var(--ii-orange-400);
--ii-focus-ring: 0 0 0 3px rgba(255, 122, 69, .34);
--ii-success: var(--ii-green-400);  --ii-success-subtle: rgba(61, 214, 140, .14);
--ii-warning: var(--ii-amber-400);  --ii-warning-subtle: rgba(233, 185, 73, .14);
--ii-danger:  var(--ii-red-400);    --ii-danger-subtle:  rgba(248, 113, 113, .14);
--ii-shadow-sm: 0 1px 2px rgba(0, 0, 0, .40);
--ii-shadow-md: 0 4px 16px rgba(0, 0, 0, .48);
--ii-shadow-lg: 0 12px 32px rgba(0, 0, 0, .56);
--ii-glass:        rgba(23, 24, 26, .78);
--ii-glass-border: rgba(255, 255, 255, .10);
--ii-scrim: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0) 52%);
--ii-art-tint-peach: #3A2A20;
--ii-art-tint-sand: #38311F;
--ii-art-tint-sky: #1E2E3C;
--ii-art-tint-mint: #1F3328;
--ii-art-tint-lilac: #2B2640;
--ii-art-tint-rose: #3B2328;
--ii-art-orange: var(--ii-orange-400);
--ii-art-orange-soft: #E8905A;
--ii-art-blue: #5B8FE8;
--ii-art-blue-soft: #6FA3CF;
--ii-art-green: #3DD68C;
--ii-art-green-soft: #2FA36B;
--ii-art-yellow: #F2C14E;
--ii-art-sand: #8F7A45;
--ii-art-red: #EF6B7E;
--ii-art-purple: #9D7BEA;
--ii-art-pink: #C9789E;
--ii-art-teal: #34B8BE;
--ii-art-teal-deep: #23959A;
--ii-art-wood: #A8704A;
--ii-art-metal: #7D858E;
--ii-art-ink: var(--ii-neutral-1000);
--ii-art-white: #E9E6E1;
--ii-art-cream: #C9C0B4;
--ii-art-shadow: rgba(0, 0, 0, .35);
--ii-art-chip-bg: rgba(23, 24, 26, .9);
--ii-art-chip-text: var(--ii-neutral-d100);
--ii-art-accent-soft: rgba(255, 122, 69, .16);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
color-scheme: dark;
--ii-bg-canvas:  var(--ii-neutral-1000);
--ii-bg-surface: var(--ii-neutral-950);
--ii-bg-surface-promoted: #2E221E;
--ii-bg-sunken:  var(--ii-neutral-925);
--ii-bg-raised:  #232427;
--ii-bg-control: #2A2B2F;
--ii-border:        rgba(255, 255, 255, .10);
--ii-border-strong: rgba(255, 255, 255, .18);
--ii-border-control: rgba(255, 255, 255, .34);
--ii-text:           var(--ii-neutral-d100);
--ii-text-secondary: var(--ii-neutral-d300);
--ii-text-muted:     var(--ii-neutral-d500);
--ii-text-disabled:  #7A7A80;
--ii-text-on-accent: #111111;
--ii-brand:         var(--ii-orange-400);
--ii-accent:        var(--ii-orange-400);
--ii-accent-hover:  #FF8A5B;
--ii-accent-press:  #E8642F;
--ii-accent-text:   var(--ii-orange-400);
--ii-accent-subtle: rgba(255, 122, 69, .14);
--ii-accent-border: rgba(255, 122, 69, .38);
--ii-focus:      var(--ii-orange-400);
--ii-focus-ring: 0 0 0 3px rgba(255, 122, 69, .34);
--ii-success: var(--ii-green-400);  --ii-success-subtle: rgba(61, 214, 140, .14);
--ii-warning: var(--ii-amber-400);  --ii-warning-subtle: rgba(233, 185, 73, .14);
--ii-danger:  var(--ii-red-400);    --ii-danger-subtle:  rgba(248, 113, 113, .14);
--ii-shadow-sm: 0 1px 2px rgba(0, 0, 0, .40);
--ii-shadow-md: 0 4px 16px rgba(0, 0, 0, .48);
--ii-shadow-lg: 0 12px 32px rgba(0, 0, 0, .56);
--ii-glass:        rgba(23, 24, 26, .78);
--ii-glass-border: rgba(255, 255, 255, .10);
--ii-scrim: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0) 52%);
--ii-art-tint-peach: #3A2A20;
--ii-art-tint-sand: #38311F;
--ii-art-tint-sky: #1E2E3C;
--ii-art-tint-mint: #1F3328;
--ii-art-tint-lilac: #2B2640;
--ii-art-tint-rose: #3B2328;
--ii-art-orange: var(--ii-orange-400);
--ii-art-orange-soft: #E8905A;
--ii-art-blue: #5B8FE8;
--ii-art-blue-soft: #6FA3CF;
--ii-art-green: #3DD68C;
--ii-art-green-soft: #2FA36B;
--ii-art-yellow: #F2C14E;
--ii-art-sand: #8F7A45;
--ii-art-red: #EF6B7E;
--ii-art-purple: #9D7BEA;
--ii-art-pink: #C9789E;
--ii-art-teal: #34B8BE;
--ii-art-teal-deep: #23959A;
--ii-art-wood: #A8704A;
--ii-art-metal: #7D858E;
--ii-art-ink: var(--ii-neutral-1000);
--ii-art-white: #E9E6E1;
--ii-art-cream: #C9C0B4;
--ii-art-shadow: rgba(0, 0, 0, .35);
--ii-art-chip-bg: rgba(23, 24, 26, .9);
--ii-art-chip-text: var(--ii-neutral-d100);
--ii-art-accent-soft: rgba(255, 122, 69, .16);
}
}
:root {
--ii-ink:  var(--ii-text);
--ii-muted: var(--ii-text-muted);
--ii-line: var(--ii-border);
--ii-wa:   var(--ii-whatsapp);
--ii-accent-dark: var(--ii-accent-hover);
--ii-surface: var(--ii-bg-sunken);
}
body,
body *:not(i):not(.fa):not([class*="fa-"]):not([class^="flaticon"]):not([class*=" flaticon"]):not([class*="note-icon"]):not([class*="glyphicon"]) {
font-family: var(--ii-font-sans) !important;
}
html {
background-color: var(--ii-bg-canvas);
}
body,
body.global-bg {
background-color: var(--ii-bg-canvas);
color: var(--ii-text);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
.ii-card-price,
.ii-card-was,
.ii-result-count,
.tz-new-price,
.tz-discount-price {
font-variant-numeric: tabular-nums;
font-feature-settings: "tnum" 1;
}
.bnav { display: none; }
@media (max-width: 991px) {
.bnav {
display: flex;
position: fixed;
left: 0; right: 0; bottom: 0;
height: calc(var(--ii-bnav-h) + env(safe-area-inset-bottom));
padding-bottom: env(safe-area-inset-bottom);
background: var(--ii-bg-surface);
border-top: 1px solid var(--ii-line);
z-index: 1030;
box-shadow: 0 -2px 12px rgba(0, 0, 0, .06);
}
.bnav-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3px;
font-size: var(--ii-text-xs);
font-weight: 600;
color: var(--ii-muted);
text-decoration: none;
min-height: 44px;
padding: 6px 2px;
line-height: 1;
}
.bnav-item:hover,
.bnav-item:focus { color: var(--ii-accent-text); text-decoration: none; }
.bnav-item.is-on { color: var(--ii-accent-text); }
.bnav-item svg { width: 22px; height: 22px; fill: currentColor; }
.bnav-item:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: -2px; }
.bnav-sell { position: relative; color: var(--ii-ink); }
.bnav-sell-btn {
position: absolute;
top: -18px;
width: 46px; height: 46px;
border-radius: 50%;
background: var(--ii-cta);
color: var(--ii-text-on-cta);
display: flex; align-items: center; justify-content: center;
box-shadow: 0 4px 12px rgba(249, 115, 22, .4);
}
.bnav-sell-btn svg { width: 26px; height: 26px; fill: var(--ii-text-on-cta); }
.bnav-sell span:last-child { margin-top: 30px; }
body.global-bg {
padding-bottom: calc(var(--ii-bnav-h) + var(--ii-bnav-overhang) + env(safe-area-inset-bottom));
}
.add_listing.sticky-listing { display: none !important; }
.ssssexample.header.stylehome1 .menu_bar_home2 > li.ii-header-login.is-duplicated { display: none; }
html.mm-wrapper_opened .bnav { display: none; }
}
section.ii-page-tail { padding-bottom: var(--ii-space-6); }
@media (min-width: 768px) {
section.ii-page-tail { padding-bottom: var(--ii-space-7); }
}
@media (min-width: 992px) {
section.ii-page-tail { padding-bottom: 56px; }
}
.ii-cta { background: var(--ii-accent-subtle, #FFF4EC); padding: 40px 0; }
@media (min-width: 992px) { .ii-cta { padding: 48px 0; } }
.ii-cta-inner {
display: flex; align-items: center; justify-content: space-between;
gap: var(--ii-space-5); flex-wrap: wrap;
}
.ii-cta-copy { flex: 1 1 340px; min-width: 0; }
.ii-cta-title {
margin: 0 0 var(--ii-space-2);
color: var(--ii-text);
font-size: var(--ii-text-2xl);
font-weight: var(--ii-weight-bold);
line-height: var(--ii-leading-display);
letter-spacing: var(--ii-tracking-display);
}
.ii-cta-sub {
margin: 0;
color: var(--ii-text-secondary);
font-size: var(--ii-text-md);
line-height: var(--ii-leading-body);
}
.ii-cta-action { flex: 0 0 auto; }
.ii-cta-btn {
display: inline-flex; align-items: center; justify-content: center;
min-height: 48px; padding: 0 var(--ii-space-6);
border-radius: var(--ii-radius-control);
background: var(--ii-cta); color: var(--ii-text-on-cta);
font-size: var(--ii-text-lg);
font-weight: var(--ii-weight-semibold);
line-height: 1;
text-decoration: none;
transition: background var(--ii-dur-fast) var(--ii-ease);
}
.ii-cta-btn:hover,
.ii-cta-btn:focus { background: #CC5815; color: #FFFFFF; text-decoration: none; }
.ii-cta-btn:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 2px; }
@media (max-width: 767px) {
.ii-cta-inner { flex-direction: column; align-items: flex-start; }
.ii-cta-title { font-size: var(--ii-text-xl); }
.ii-cta-action { width: 100%; }
.ii-cta-btn { width: 100%; }
.ii-cta-copy { flex: 0 0 auto; }
}
.profile-top-wapper .media-head {
border: 1px solid #E8E8E8;
border-radius: var(--ii-radius-card);
padding: var(--ii-space-4);
background: var(--ii-bg-surface);
}
.tab-content-body .wallet-wapper {
padding: var(--ii-space-4) var(--ii-space-5) !important;
border: 1px solid #E8E8E8 !important;
border-radius: var(--ii-radius-card);
background: var(--ii-bg-surface) !important;
box-shadow: 0 1px 2px rgba(16, 16, 16, .04);
}
.ii-empty-line {
padding: var(--ii-space-5) 0;
color: var(--ii-text-muted);
font-size: var(--ii-text-md);
list-style: none;
}
.ii-empty-line small {
display: block;
margin-top: var(--ii-space-1);
font-size: var(--ii-text-sm);
color: var(--ii-text-muted);
}
.ii-footer {
background: #242D45;
padding: 56px 0 40px;
}
@media (min-width: 992px) { .ii-footer { padding: 64px 0 48px; } }
.ii-footer .footer_qlink_widget { padding-left: 0; }
.ii-footer h4 {
color: #F8FAFC;
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
margin: 0 0 var(--ii-space-4);
line-height: var(--ii-leading-body);
}
.ii-footer p,
.ii-footer li {
color: #B8C0D0;
font-size: var(--ii-text-sm);
line-height: 1.55;
}
.ii-footer .footer_about_widget p { margin: 0; max-width: 34ch; }
.ii-footer ul { margin: 0; padding: 0; }
.ii-footer li { margin-bottom: var(--ii-space-2); }
.ii-footer li:last-child { margin-bottom: 0; }
.ii-footer .footer_qlink_widget li a,
.ii-footer .footer_contact_widget li a,
.ii-footer .footer_social_widget li a {
color: #B8C0D0;
font-size: var(--ii-text-sm);
line-height: 1.55;
text-decoration: none;
transition: color var(--ii-dur-fast) var(--ii-ease);
}
.ii-footer .footer_qlink_widget li a:hover,
.ii-footer .footer_qlink_widget li a:focus,
.ii-footer .footer_contact_widget li a:hover,
.ii-footer .footer_contact_widget li a:focus,
.ii-footer .footer_social_widget li a:hover,
.ii-footer .footer_social_widget li a:focus {
color: #E66A1F;
text-decoration: none;
}
.ii-footer a:focus-visible { outline: 2px solid #E66A1F; outline-offset: 3px; border-radius: 4px; }
.ii-footer-contact a { display: inline-flex; align-items: center; gap: var(--ii-space-2); }
.ii-footer-ico {
width: 16px; height: 16px; flex: 0 0 16px;
fill: currentColor; opacity: .75;
}
.ii-footer-contact a:hover .ii-footer-ico,
.ii-footer-contact a:focus .ii-footer-ico { opacity: 1; }
.ii-footer-social {
display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
}
.ii-footer-social li { margin: 0; }
.ii-footer-social a { display: inline-flex; align-items: center; justify-content: center; }
.ii-footer-social i { font-size: 18px; line-height: 1; }
.ii-footer-legal {
margin-top: var(--ii-space-6);
padding-top: var(--ii-space-5);
border-top: 1px solid rgba(255, 255, 255, .08);
text-align: center;
}
.ii-footer-legal p {
margin: 0;
color: #B8C0D0;
font-size: var(--ii-text-sm);
}
@media (max-width: 767px) {
.ii-footer-cols > [class*="col-"] { margin-bottom: var(--ii-space-6); }
.ii-footer-cols > [class*="col-"]:last-child { margin-bottom: 0; }
.ii-footer .footer_about_widget p { max-width: none; }
}
.ii-contact-bar { display: none; }
@media (max-width: 991px) {
.ii-contact-bar {
display: flex;
position: fixed;
left: 0; right: 0;
bottom: calc(var(--ii-bnav-h) + env(safe-area-inset-bottom));
gap: 8px;
padding: 10px 12px calc(10px + var(--ii-bnav-overhang));
background: var(--ii-bg-surface);
border-top: 1px solid var(--ii-line);
z-index: 1029;
box-shadow: 0 -2px 12px rgba(0, 0, 0, .06);
}
.ii-contact-bar .ii-wa {
flex: 1;
display: flex; align-items: center; justify-content: center; gap: 8px;
min-height: 48px;
border-radius: 10px;
background: var(--ii-wa);
color: var(--ii-text-on-accent);
font-size: 15px; font-weight: 700;
text-decoration: none;
}
.ii-contact-bar .ii-wa:hover { background: #1da851; color: var(--ii-text-on-accent); text-decoration: none; }
.ii-contact-bar .ii-wa svg { width: 21px; height: 21px; fill: var(--ii-text-on-accent); }
.ii-contact-bar .ii-icon {
width: 48px; min-height: 48px;
display: flex; align-items: center; justify-content: center;
border: 1.5px solid var(--ii-border-strong); border-radius: 10px;
background: var(--ii-bg-surface); color: var(--ii-ink);
text-decoration: none;
}
.ii-contact-bar .ii-icon svg { width: 20px; height: 20px; fill: currentColor; }
.ii-contact-bar .ii-save-btn { color: var(--ii-muted); cursor: pointer; }
.ii-contact-bar .ii-save-btn.is-on {
color: var(--ii-accent);
border-color: var(--ii-accent);
}
body.ii-has-contact-bar {
padding-bottom: calc(var(--ii-bnav-h) + var(--ii-bnav-overhang) + 68px + env(safe-area-inset-bottom));
}
}
.ii-rail {
margin: var(--ii-space-4) 0 var(--ii-space-5);
margin-inline: calc(50% - 50vw);
padding-inline: max(16px, calc(50vw - 50%));
}
body.ii-home .ii-rail { margin-block: var(--ii-space-4); }
.ii-rail-track {
display: flex;
gap: 14px;
overflow-x: auto;
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
padding: 6px 0;
scrollbar-width: none;
}
.ii-rail-track::-webkit-scrollbar { display: none; }
@supports (mask-image: linear-gradient(#000, #000)) or (-webkit-mask-image: linear-gradient(#000, #000)) {
.ii-rail-track {
-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent);
mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent);
}
}
.ii-rail-item.is-on .ii-rail-icon {
border-color: var(--ii-accent);
box-shadow: 0 0 0 1px var(--ii-accent);
}
.ii-rail-item.is-on .ii-rail-label {
color: var(--ii-accent-text);
font-weight: var(--ii-weight-semibold);
}
.ii-rail-item {
flex: 0 0 auto;
width: 76px;
scroll-snap-align: start;
display: flex; flex-direction: column; align-items: center; gap: 6px;
text-decoration: none;
color: var(--ii-ink);
}
.ii-rail-item:hover { text-decoration: none; color: var(--ii-accent-text); }
.ii-rail-item:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 3px; border-radius: 10px; }
.ii-rail-icon {
width: 60px; height: 60px;
border-radius: 50%;
background: var(--ii-surface, var(--ii-bg-sunken));
border: 1px solid var(--ii-line);
display: flex; align-items: center; justify-content: center;
overflow: hidden;
}
.ii-rail-icon img { width: 34px; height: 34px; object-fit: contain; }
.ii-rail-icon svg { width: 26px; height: 26px; fill: var(--ii-muted); }
.ii-rail-item:hover .ii-rail-icon { border-color: var(--ii-accent); }
.ii-rail-label {
font-size: var(--ii-text-xs); line-height: 1.25; text-align: center;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
}
@media (min-width: 992px) {
.ii-rail { display: none; }
}
.ii-card {
position: relative;
background: var(--ii-bg-surface);
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-card);
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
box-shadow: var(--ii-shadow-sm);
transition: box-shadow var(--ii-dur-fast) var(--ii-ease),
transform var(--ii-dur-fast) var(--ii-ease);
}
@media (hover: hover) {
.ii-card:hover {
box-shadow: var(--ii-shadow-md);
transform: translateY(-2px);
}
}
.ii-card:active {
transform: scale(.985);
box-shadow: var(--ii-shadow-sm);
}
.ii-card.is-promoted {
background: var(--ii-bg-surface-promoted);
}
.ii-card-media {
display: block;
position: relative;
aspect-ratio: 4 / 3;
background: var(--ii-bg-sunken);
overflow: hidden;
}
.ii-card-media img {
width: 100%; height: 100%;
object-fit: cover;
display: block;
}
.ii-card-media::after {
content: "";
position: absolute; inset: 0;
pointer-events: none;
box-shadow: inset 0 0 0 1px rgba(16, 16, 16, .05);
}
.ii-card-badge {
position: absolute; top: 8px; left: 8px;
background: var(--ii-cta); color: var(--ii-text-on-cta);
font-size: 11px; font-weight: var(--ii-weight-bold);
padding: 4px 9px; border-radius: var(--ii-radius-pill);
text-transform: uppercase; letter-spacing: .04em;
box-shadow: var(--ii-shadow-sm);
}
.ii-card-fav {
position: absolute; top: 6px; right: 6px;
width: 44px; height: 44px;
border: 0; border-radius: 50%;
background: transparent;
color: var(--ii-text-muted);
display: flex; align-items: center; justify-content: center;
cursor: pointer; font-size: 16px;
z-index: 2;
transition: transform var(--ii-dur-fast) var(--ii-ease),
color var(--ii-dur-fast) var(--ii-ease);
}
.ii-card-fav::before {
content: "";
position: absolute;
width: 32px; height: 32px;
border-radius: 50%;
background: var(--ii-glass);
border: 1px solid var(--ii-border);
box-shadow: var(--ii-shadow-sm);
transition: background var(--ii-dur-fast) var(--ii-ease);
}
.ii-card-fav > * { position: relative; }
.ii-card-fav.is-on,
.ii-card-fav:hover { color: var(--ii-accent); }
.ii-card-fav:active { transform: scale(.88); }
.ii-card-fav:focus-visible {
outline: none;
box-shadow: var(--ii-focus-ring);
border-radius: 50%;
}
.ii-card-body {
padding: var(--ii-space-3) var(--ii-space-3) var(--ii-space-4);
display: flex; flex-direction: column; gap: var(--ii-space-1);
flex: 1;
}
.ii-card-price {
margin: 0;
font-size: var(--ii-text-lg);
font-weight: var(--ii-weight-bold);
line-height: var(--ii-leading-display);
letter-spacing: -0.01em;
color: var(--ii-text);
}
.ii-card-price span {
font-size: var(--ii-text-xs);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text-secondary);
}
.ii-card-was {
font-size: var(--ii-text-xs);
font-weight: var(--ii-weight-medium);
color: var(--ii-text-disabled);
margin-left: 6px;
}
.ii-card-title {
color: var(--ii-text-secondary);
font-size: var(--ii-text-md);
line-height: var(--ii-leading-body);
text-decoration: none;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
transition: color var(--ii-dur-fast) var(--ii-ease);
}
.ii-card-title:hover { color: var(--ii-accent-text); text-decoration: none; }
.ii-card-meta {
font-size: var(--ii-text-xs);
color: var(--ii-text-muted);
display: flex; gap: var(--ii-space-2); flex-wrap: wrap;
margin: var(--ii-space-2) 0 0;
margin-top: auto;
padding-top: var(--ii-space-2);
}
.ii-card-age::before { content: "· "; }
@media (max-width: 480px) {
.ii-card-body { padding: var(--ii-space-3) var(--ii-space-3) var(--ii-space-3); }
.ii-card-price { font-size: var(--ii-text-md); }
.ii-card-title { font-size: var(--ii-text-sm); }
}
.ui-autocomplete.ui-menu {
border: 1px solid var(--ii-line) !important;
border-radius: 10px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, .12) !important;
padding: 4px 0 !important;
max-height: 320px; overflow-y: auto;
z-index: 1050 !important;
}
.ui-autocomplete .ui-menu-item-wrapper {
padding: 10px 14px !important;
font-size: 14px;
border: 0 !important;
}
.ui-autocomplete .ui-state-active,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
background: var(--ii-accent-subtle) !important;
color: var(--ii-ink) !important;
margin: 0 !important;
}
.ii-sugg-kind {
display: block; font-size: 12px; color: var(--ii-muted); margin-top: 2px;
}
.ii-sugg-recent { color: var(--ii-muted); }
.ii-trust {
display: flex; flex-wrap: wrap; align-items: center;
gap: 6px 10px;
margin-top: 6px;
}
.ii-trust .ii-verified {
display: inline-flex; align-items: center; gap: 4px;
font-size: 12px; font-weight: var(--ii-weight-semibold); color: var(--ii-success);
background: var(--ii-success-subtle); border-radius: 999px;
padding: 3px 9px; white-space: nowrap;
}
.ii-trust .ii-verified svg { width: 13px; height: 13px; fill: currentColor; }
.ii-trust .ii-member-since { font-size: 12px; color: var(--ii-muted); white-space: nowrap; }
.ii-empty {
text-align: center;
padding: 40px 20px 48px;
max-width: 460px;
margin: 0 auto;
}
.ii-empty img { width: 150px; max-width: 55%; opacity: .9; margin-bottom: 18px; }
.ii-empty h3 {
font-size: 18px; font-weight: 700; color: var(--ii-ink);
margin: 0 0 6px;
}
.ii-empty p { font-size: 14px; color: var(--ii-muted); margin: 0 0 20px; }
.ii-empty-actions {
display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
}
.ii-empty-btn {
display: inline-flex; align-items: center; justify-content: center; gap: 7px;
min-height: 46px; padding: 0 20px;
border-radius: 10px; font-size: 15px; font-weight: var(--ii-weight-semibold);
text-decoration: none; border: 0; cursor: pointer;
}
.ii-empty-btn-primary { background: var(--ii-cta); color: var(--ii-text-on-cta); }
.ii-empty-btn-primary:hover { background: var(--ii-cta-hover); color: var(--ii-text-on-cta); text-decoration: none; }
.ii-empty-btn-ghost { background: var(--ii-bg-surface); color: var(--ii-ink); border: 1.5px solid var(--ii-border-strong); }
.ii-empty-btn-ghost:hover { color: var(--ii-ink); text-decoration: none; border-color: var(--ii-border-strong); }
.ii-empty-btn svg { width: 17px; height: 17px; fill: currentColor; }
.ii-report-wrap { text-align: center; padding: 8px 16px 24px; }
.ii-report-link {
background: none; border: 0;
padding: 12px; min-height: 44px;
display: inline-flex; align-items: center;
color: var(--ii-muted); font-size: 13px; text-decoration: underline;
cursor: pointer;
}
.ii-report-link:hover { color: var(--ii-danger); }
.ii-skel-card {
border: 1px solid var(--ii-line);
border-radius: 12px;
overflow: hidden;
background: var(--ii-bg-surface);
}
.ii-skel-card .ii-skel-media { aspect-ratio: 4 / 3; }
.ii-skel-card .ii-skel-body { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 8px; }
.ii-skel-card .ii-skel-line { height: 12px; border-radius: 4px; }
.ii-skel-card .ii-skel-line.w60 { width: 60%; }
.ii-skel-card .ii-skel-line.w90 { width: 90%; }
.ii-skel-card .ii-skel-line.w40 { width: 40%; }
.ii-skel {
background: linear-gradient(90deg, #eee 25%, #f6f6f6 37%, #eee 63%);
background-size: 400% 100%;
animation: ii-shim 1.2s ease infinite;
border-radius: 8px;
}
@keyframes ii-shim {
0%   { background-position: 100% 50%; }
100% { background-position: 0 50%; }
}
@media (prefers-reduced-motion: reduce) {
.ii-skel { animation: none; }
}
#chat_submit .icon-bar svg { color: var(--ii-accent); }
.profile-top-wapper button { border-color: var(--ii-border-strong); }
.profile-top-wapper .ii-card-fav { border: 0; }
a.report_user_modal { border-color: var(--ii-border-strong); }
.ii-hidden-feature { display: none !important; }
.btn-chat,
#chat_id,
#offerForm,
#offer_submit,
#messageCountBadge,
#messageCountBadgeMob,
a.notification,
.menu-click.notification { display: none !important; }
.media-head-right,
.followerButton,
.viewer-box.sidebar_listing_list { display: none !important; }
@media (max-width: 767px) {
.btn, .form-control, select.form-control { min-height: 46px; }
input[type="text"], input[type="tel"], input[type="number"],
input[type="email"], input[type="search"], select, textarea { font-size: 16px; }
}
.ii-fbar {
position: relative;
display: flex; align-items: center; gap: var(--ii-space-2);
margin-bottom: var(--ii-space-3);
width: 100%; max-width: 100%; min-width: 0;
}
.ii-fbar-scroll {
display: flex; align-items: center; gap: var(--ii-space-2);
overflow-x: auto; overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding: 2px;
margin: -2px;
flex: 1 1 auto; min-width: 0;
}
.ii-fbar-scroll::-webkit-scrollbar { display: none; }
.ii-fbar-btn,
.ii-fbar-more {
display: inline-flex; align-items: center; gap: 6px;
flex: 0 0 auto;
min-height: 40px;
padding: 0 12px;
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-control);
background: var(--ii-bg-surface);
color: var(--ii-text);
font-family: var(--ii-font-sans);
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-medium);
line-height: 1;
cursor: pointer;
white-space: nowrap;
transition: border-color var(--ii-dur-fast) var(--ii-ease),
background-color var(--ii-dur-fast) var(--ii-ease),
color var(--ii-dur-fast) var(--ii-ease);
}
.ii-fbar-btn svg,
.ii-fbar-more svg { width: 16px; height: 16px; fill: currentColor; flex: 0 0 16px; }
.ii-fbar-btn:hover,
.ii-fbar-more:hover { border-color: var(--ii-border-strong); }
.ii-fbar-btn:focus-visible,
.ii-fbar-more:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 1px; }
.ii-fbar-label { color: var(--ii-text-muted); font-weight: var(--ii-weight-regular); }
.ii-fbar-btn.is-on {
background: var(--ii-accent-subtle);
border-color: var(--ii-accent-border);
color: var(--ii-accent-text);
}
.ii-fbar-btn.is-on .ii-fbar-label { color: inherit; opacity: .75; }
.ii-fbar-btn[aria-expanded="true"] { border-color: var(--ii-border-strong); }
.ii-fbar-more-count {
display: inline-flex; align-items: center; justify-content: center;
min-width: 18px; height: 18px; padding: 0 5px;
border-radius: var(--ii-radius-pill);
background: var(--ii-cta); color: var(--ii-text-on-cta);
font-size: 11px; font-weight: var(--ii-weight-bold);
}
.ii-fdrop {
position: absolute; top: calc(100% + 4px); left: 0; z-index: 40;
width: 288px; max-width: calc(100vw - 32px);
background: var(--ii-bg-surface);
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-card);
box-shadow: var(--ii-shadow-md);
overflow: hidden;
}
.ii-fdrop[hidden] { display: none; }
.ii-fdrop-body { max-height: 320px; overflow-y: auto; }
.ii-fdrop-list { list-style: none; margin: 0; padding: 6px; }
.ii-fdrop-opt {
display: block; width: 100%; text-align: left;
min-height: 40px; padding: 0 10px;
border: 0; border-radius: 8px; background: none;
color: var(--ii-text);
font-family: var(--ii-font-sans); font-size: var(--ii-text-md);
cursor: pointer;
}
.ii-fdrop-opt:hover { background: var(--ii-bg-sunken); }
.ii-fdrop-opt.is-on { background: var(--ii-accent-subtle); color: var(--ii-accent-text); font-weight: var(--ii-weight-semibold); }
.ii-fdrop-opt:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: -2px; }
.ii-fdrop-price { padding: var(--ii-space-3); }
.ii-fdrop-price-row { display: flex; gap: var(--ii-space-2); }
.ii-fdrop-price-row label {
flex: 1 1 0; min-width: 0;
display: flex; flex-direction: column; gap: 4px;
font-size: var(--ii-text-xs); color: var(--ii-text-muted);
}
.ii-fdrop-price-row input {
width: 100%; min-height: 40px; padding: 0 10px;
border: 1px solid var(--ii-border-strong); border-radius: var(--ii-radius-control);
background: var(--ii-bg-surface); color: var(--ii-text);
font-family: var(--ii-font-sans); font-size: var(--ii-text-md);
}
.ii-fdrop-price-row input:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: -1px; }
@media (max-width: 767px) {
.ii-fdrop-price-row input { font-size: 16px; }
}
.ii-fdrop-quick { display: flex; flex-wrap: wrap; gap: 6px; margin-top: var(--ii-space-3); }
.ii-fdrop-chip {
min-height: 34px; padding: 0 10px;
border: 1px solid var(--ii-border); border-radius: var(--ii-radius-pill);
background: var(--ii-bg-surface); color: var(--ii-text);
font-family: var(--ii-font-sans); font-size: var(--ii-text-sm);
cursor: pointer;
}
.ii-fdrop-chip.is-on { background: var(--ii-accent-subtle); border-color: var(--ii-accent-border); color: var(--ii-accent-text); }
.ii-fdrop-apply {
width: 100%; min-height: 44px; margin-top: var(--ii-space-3);
border: 0; border-radius: var(--ii-radius-control);
background: var(--ii-cta); color: var(--ii-text-on-cta);
font-family: var(--ii-font-sans); font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold); cursor: pointer;
}
.ii-fdrop-apply:hover { background: var(--ii-cta-hover); }
.ii-fdrop.ii-fdrop-wide { width: 380px; }
.ii-fdrop.ii-fdrop-wide .ii-fdrop-body { max-height: 420px; }
.ii-fmore { padding: var(--ii-space-3); }
.ii-fmore-group + .ii-fmore-group { margin-top: var(--ii-space-4); }
.ii-fmore-label {
display: block; margin-bottom: var(--ii-space-2);
font-size: var(--ii-text-sm); font-weight: var(--ii-weight-semibold);
color: var(--ii-text-muted);
}
.ii-fmore-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.ii-fmore-chip {
min-height: 36px; padding: 0 12px;
border: 1px solid var(--ii-border); border-radius: 999px;
background: var(--ii-bg-surface); color: var(--ii-text);
font-family: var(--ii-font-sans); font-size: var(--ii-text-sm);
cursor: pointer;
}
.ii-fmore-chip:hover { border-color: var(--ii-border-strong); }
.ii-fmore-chip:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 1px; }
.ii-fmore-chip.is-on {
background: var(--ii-accent-subtle);
border-color: var(--ii-accent-border);
color: var(--ii-accent-text);
font-weight: var(--ii-weight-semibold);
}
.ii-fmore-empty {
margin: 0; padding: var(--ii-space-2) 0;
font-size: var(--ii-text-sm); color: var(--ii-text-muted);
}
.ii-fmore-foot {
display: flex; align-items: center; gap: var(--ii-space-2);
margin-top: var(--ii-space-4); padding-top: var(--ii-space-3);
border-top: 1px solid var(--ii-border);
}
.ii-fmore-reset {
min-height: 40px; padding: 0 14px;
border: 1px solid var(--ii-border); border-radius: var(--ii-radius-control);
background: var(--ii-bg-surface); color: var(--ii-text);
font-family: var(--ii-font-sans); font-size: var(--ii-text-sm); cursor: pointer;
}
.ii-fmore-reset:hover { border-color: var(--ii-border-strong); }
.ii-fmore-apply {
flex: 1 1 auto; min-height: 40px;
border: 0; border-radius: var(--ii-radius-control);
background: var(--ii-cta); color: var(--ii-text-on-cta);
font-family: var(--ii-font-sans); font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-semibold); cursor: pointer;
}
.ii-fmore-apply:hover { background: var(--ii-cta-hover); }
@media (max-width: 991px) {
.ii-fdrop.ii-fdrop-wide { width: calc(100vw - 32px); }
.col-lg-6 > .dn.db-991 { display: none !important; }
.ii-fbar-btn[data-fdrop="sort"] #ii_fbar_sort_value { display: none; }
.ii-fbar-btn[data-fdrop="sort"] .ii-fbar-label { color: inherit; }
}
@media (max-width: 991px) {
.ii-fbar-btn, .ii-fbar-more { min-height: 44px; }
.ii-fdrop { width: calc(100vw - 32px); }
}
.ii-crumbs {
display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
margin: 0 0 var(--ii-space-1);
font-size: var(--ii-text-sm); color: var(--ii-text-muted);
}
.ii-crumbs a { color: var(--ii-text-muted); text-decoration: none; }
.ii-crumbs a:hover { color: var(--ii-text); text-decoration: underline; }
.ii-crumbs a:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 2px; border-radius: 2px; }
.ii-crumbs [aria-current="page"] { color: var(--ii-text); }
.ii-crumb-sep { color: var(--ii-text-subtle, var(--ii-text-muted)); }
h1.main-listing-title.ii-results-title {
margin: 0 0 var(--ii-space-3);
text-align: left;
font-family: var(--ii-font-sans);
font-size: var(--ii-text-xl);
font-weight: var(--ii-weight-semibold);
line-height: 1.25;
color: var(--ii-text);
}
@media (max-width: 991px) {
h1.main-listing-title.ii-results-title { font-size: var(--ii-text-lg); }
}
@media (min-width: 992px) {
.filter-block {
position: absolute;
left: -99999px;
top: 0;
width: 100%;
visibility: hidden;
pointer-events: none;
}
}
.ii-sheet-grip,
.ii-sheet-head,
.ii-sheet-foot { display: none; }
@media (max-width: 991px) {
.filter-block {
left: 0; right: 0;
top: 0; bottom: 0;
width: 100%; max-width: none;
height: 100%; max-height: none;
background: var(--ii-bg-surface);
border-radius: 0;
display: flex; flex-direction: column;
transform: translateY(100%);
transition: transform .28s ease;
box-shadow: none;
}
body.active { overflow: hidden; }
.filter-block.show-sidebar { transform: translateY(0); }
body.active .wrapper::after {
content: "";
position: fixed; inset: 0;
background: rgba(0, 0, 0, .45);
z-index: 9998;
}
body.active .bnav { display: none; }
.ii-sheet-grip {
display: block;
width: 38px; height: 4px;
margin: 8px auto 0;
border-radius: 999px;
background: var(--ii-border-strong);
flex: 0 0 auto;
}
.ii-sheet-head {
display: flex; align-items: center; justify-content: space-between;
padding: 10px 16px 8px;
border-bottom: 1px solid var(--ii-line);
font-size: 16px; font-weight: 700; color: var(--ii-ink);
flex: 0 0 auto;
}
.ii-sheet-clear {
margin-left: auto;
margin-right: var(--ii-space-2);
min-height: 44px;
padding: 0 var(--ii-space-2);
border: 0;
background: transparent;
color: var(--ii-accent-text);
font-size: 14px;
font-weight: 600;
}
.ii-sheet-clear[hidden] { display: none; }
.ii-sheet-clear:focus-visible {
outline: 2px solid var(--ii-focus);
outline-offset: 2px;
}
.ii-sheet-x {
border: 0; background: none;
font-size: 26px; line-height: 1;
color: var(--ii-muted);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
padding: 0;
}
.filter-block .sidebar_listing_list {
flex: 1 1 auto;
height: auto !important;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-shadow: none !important;
padding: 12px 15px !important;
}
.filter-block .filter-close-wapper { display: none !important; }
.ii-sheet-foot {
display: block;
flex: 0 0 auto;
padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
border-top: 1px solid var(--ii-line);
background: var(--ii-bg-surface);
}
.ii-sheet-apply {
display: block; width: 100%;
border: 0; border-radius: 10px;
background: var(--ii-cta); color: var(--ii-text-on-cta);
font-size: 16px; font-weight: 700;
padding: 13px 16px;
cursor: pointer;
}
.ii-sheet-apply:active { opacity: .9; }
.filter-block .ii-sheet-head .ii-sheet-clear {
display: inline-flex;
align-items: center;
width: auto;
background: transparent;
background-color: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
color: var(--ii-accent-text);
font-size: 14px;
font-weight: 600;
}
.filter-block .ii-sheet-head .ii-sheet-clear[hidden] { display: none; }
.filter-block .ii-sheet-foot button:not(.ii-sheet-apply) {
width: auto;
background: transparent;
color: var(--ii-accent-text);
border: 0;
font-weight: 600;
}
}
@media (prefers-reduced-motion: reduce) {
.filter-block { transition: none; }
}
.ii-phone-first { margin: 4px 0 18px; }
.ii-phone-first-btn {
display: flex; align-items: center; justify-content: center; gap: 9px;
width: 100%;
min-height: 50px;
padding: 12px 16px;
border-radius: 10px;
background: var(--ii-cta);
color: var(--ii-text-on-cta);
font-size: 16px; font-weight: 700;
text-decoration: none;
transition: background .15s ease;
}
.ii-phone-first-btn:hover,
.ii-phone-first-btn:focus { background: var(--ii-cta-hover); color: var(--ii-text-on-cta); text-decoration: none; }
.ii-phone-first-btn:focus-visible { outline: 2px solid var(--ii-ink); outline-offset: 2px; }
.ii-phone-first-btn svg { width: 19px; height: 19px; fill: var(--ii-bg-surface); flex: 0 0 19px; }
.ii-phone-first-note {
margin: 8px 2px 0;
font-size: var(--ii-text-sm); line-height: 1.45;
color: var(--ii-muted);
text-align: center;
}
.ii-phone-first-or {
position: relative;
text-align: center;
margin: 16px 0 2px;
}
.ii-phone-first-or::before {
content: "";
position: absolute; left: 0; right: 0; top: 50%;
border-top: 1px solid var(--ii-line);
}
.ii-phone-first-or span {
position: relative;
background: var(--ii-bg-surface);
padding: 0 12px;
font-size: 12px;
color: var(--ii-muted);
text-transform: uppercase;
letter-spacing: .04em;
}
.pa-alt { margin-top: 18px; text-align: center; }
.pa-alt a { color: var(--ii-accent-text); font-weight: 600; }
.ii-pending-banner {
display: flex; align-items: flex-start; gap: 12px;
margin: 14px 0 4px;
padding: 13px 15px;
border: 1px solid var(--ii-accent-border);
border-left: 4px solid var(--ii-warning);
border-radius: 10px;
background: var(--ii-warning-subtle);
color: var(--ii-ink);
}
.ii-pending-banner svg { width: 20px; height: 20px; fill: var(--ii-warning); flex: 0 0 20px; margin-top: 1px; }
.ii-pending-banner strong { display: block; font-size: var(--ii-text-md); margin-bottom: 2px; }
.ii-pending-banner span { font-size: 13px; line-height: 1.45; color: var(--ii-text-secondary); }
.ii-published-banner {
display: flex; align-items: center; flex-wrap: wrap; gap: 12px;
margin: 14px 0 4px;
padding: 13px 15px;
border: 1px solid transparent;
border-left: 4px solid var(--ii-success);
border-radius: 10px;
background: var(--ii-success-subtle);
color: var(--ii-ink);
}
.ii-published-banner svg { width: 20px; height: 20px; fill: var(--ii-success); flex: 0 0 20px; }
.ii-published-copy { flex: 1 1 180px; min-width: 0; }
.ii-published-banner strong { display: block; font-size: var(--ii-text-md); margin-bottom: 2px; }
.ii-published-banner span { font-size: 13px; line-height: 1.45; color: var(--ii-text-secondary); }
.ii-published-wa {
display: inline-flex; align-items: center; justify-content: center;
min-height: 44px; padding: 0 16px;
border-radius: 10px;
background: #25D366; color: #0B3D20;
font-weight: var(--ii-weight-semibold);
text-decoration: none;
}
.ii-published-wa:hover,
.ii-published-wa:focus { background: #1FBD5A; color: #0B3D20; text-decoration: none; }
.ii-published-wa:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 2px; }
.ii-result-count {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.ii-result-count.is-empty-state {
position: static;
width: auto;
height: auto;
margin: 2px 0 10px;
padding: 0 15px;
overflow: visible;
clip: auto;
clip-path: none;
white-space: normal;
font-size: 14px;
font-weight: 600;
color: var(--ii-muted);
}
.ii-result-count:empty { display: none; }
.ii-filter-bar {
display: flex;
align-items: center;
gap: var(--ii-space-3);
flex-wrap: wrap;
}
.ii-filter-bar .ii-result-count { margin: 2px 0 10px; }
.ii-chips {
display: flex;
align-items: center;
gap: var(--ii-space-2);
padding: 0 15px;
margin: 2px 0 10px;
min-width: 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.ii-chips::-webkit-scrollbar { display: none; }
.ii-chips:not(.has-chips) { display: none; }
.ii-chip {
display: inline-flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
min-height: 32px;
padding: 6px 10px 6px 12px;
border: 1px solid var(--ii-border-strong);
border-radius: var(--ii-radius-pill);
background: var(--ii-bg-surface);
color: var(--ii-text);
font-size: 13px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
cursor: pointer;
}
.ii-chip:hover { border-color: var(--ii-accent); text-decoration: none; }
.ii-chip:active { transform: scale(.97); }
.ii-chip:focus-visible {
outline: 2px solid var(--ii-focus);
outline-offset: 2px;
}
.ii-chip-x {
font-size: 16px;
line-height: 1;
color: var(--ii-text-muted);
}
.ii-chip { min-height: 44px; }
.ii-chip:hover .ii-chip-x { color: var(--ii-accent-text); }
.ii-chip-clear {
border-style: dashed;
color: var(--ii-accent-text);
font-weight: 600;
}
@media (prefers-reduced-motion: reduce) {
.ii-chip:active { transform: none; }
}
.ii-price-quick {
display: flex;
flex-wrap: wrap;
gap: var(--ii-space-2);
margin-top: var(--ii-space-2);
}
.ii-price-quick:empty { display: none; }
.ii-facet-li { display: block; width: 100%; }
.ii-facet-label {
display: block;
margin-bottom: var(--ii-space-2);
font-size: 13px;
font-weight: 600;
color: var(--ii-text-muted);
}
.ii-facet-chips {
display: flex;
flex-wrap: wrap;
gap: var(--ii-space-2);
}
.ii-price-chip,
.ii-facet-chip {
flex: 0 0 auto;
min-height: 44px;
padding: 7px 12px;
border: 1px solid var(--ii-border-strong);
border-radius: var(--ii-radius-pill);
background: var(--ii-bg-surface);
color: var(--ii-text);
font-size: 13px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
cursor: pointer;
}
.ii-price-chip:active,
.ii-facet-chip:active { transform: scale(.97); }
.ii-price-chip:focus-visible,
.ii-facet-chip:focus-visible {
outline: 2px solid var(--ii-focus);
outline-offset: 2px;
}
.ii-price-chip.is-on,
.ii-facet-chip.is-on {
background: var(--ii-cta);
border-color: var(--ii-cta);
color: var(--ii-text-on-cta);
}
.ii-facet-chip[data-count="0"] { display: none; }
.ii-facet-count {
margin-left: 5px;
font-weight: 400;
opacity: .7;
font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) {
.ii-price-chip:active,
.ii-facet-chip:active { transform: none; }
}
#pills-password .form-wapper {
background: var(--ii-bg-surface);
}
#pills-editProfile .tab-content-head h4,
#pills-editProfile .tab-content-head h4 b {
font-size: 24px;
font-weight: 600;
letter-spacing: -.01em;
color: var(--ii-text);
}
#pills-editProfile .account_headding_div {
border-top: 1px solid var(--ii-border);
margin-top: var(--ii-space-7);
padding-top: var(--ii-space-6);
margin-bottom: var(--ii-space-4);
}
#pills-editProfile .account_headding_div h3 {
font-size: 15px;
font-weight: 600;
color: var(--ii-text-muted);
}
#pills-editProfile .account_headding_div p { font-size: 13px; color: var(--ii-text-muted); }
#pills-editProfile .account_headding_div .fa-lock { color: var(--ii-text-muted); font-size: 12px; }
#pills-editProfile .caption-box {
display: block !important;
margin-bottom: var(--ii-space-5);
}
#pills-editProfile .title-label {
display: block;
width: 100%;
margin: 0 0 6px;
font-size: 14px;
font-weight: 600;
color: var(--ii-text);
text-align: left;
}
#pills-editProfile .form-control,
#pills-editProfile .search_option_two,
#pills-editProfile .d-flex.m-flex {
width: 100% !important;
max-width: 560px;
}
#pills-editProfile textarea.form-control { max-width: 560px; }
#pills-editProfile [id^="parsley-"] {
text-align: left !important;
max-width: 560px;
}
.ii-avatar-field { display: flex; flex-direction: column; align-items: center; gap: var(--ii-space-3); }
.ii-file-hidden {
position: absolute; width: 1px; height: 1px;
padding: 0; margin: -1px; overflow: hidden;
clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.ii-acct-card {
max-width: 640px;
background: var(--ii-bg-surface);
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-card);
box-shadow: 0 1px 2px rgba(16, 16, 16, .04);
padding: var(--ii-space-6) var(--ii-space-6) var(--ii-space-5);
}
.ii-acct-head { margin-bottom: var(--ii-space-5); }
.ii-acct-title {
margin: 0 0 4px;
font-size: 22px;
font-weight: 600;
line-height: 1.25;
color: var(--ii-text);
}
.ii-acct-sub {
margin: 0;
font-size: 14px;
color: var(--ii-text-muted);
}
.ii-acct-sec {
display: flex;
align-items: flex-start;
gap: var(--ii-space-3);
margin: 0 0 var(--ii-space-4);
}
.ii-acct-sec-icon {
flex: 0 0 auto;
display: inline-flex; align-items: center; justify-content: center;
width: 32px; height: 32px;
border-radius: 50%;
background: var(--ii-accent-tint, #FFEDD5);
color: var(--ii-accent-text);
}
.ii-acct-sec-text { display: block; min-width: 0; }
.ii-acct-sec-text strong {
display: block;
font-size: 15px; font-weight: 600; line-height: 1.3;
color: var(--ii-text);
}
.ii-acct-sec-text small {
display: block;
margin-top: 2px;
font-size: 13px; line-height: 1.4;
color: var(--ii-text-muted);
}
.ii-acct-body { margin-bottom: 20px; }
.ii-acct-body > .ii-acct-sec:not(:first-child) {
margin-top: var(--ii-space-6);
padding-top: var(--ii-space-6);
border-top: 1px solid var(--ii-border);
}
.ii-acct-field { margin-bottom: 20px; }
.ii-acct-flabel,
.ii-acct-label {
display: block;
margin-bottom: 6px;
font-size: 13px;
font-weight: 600;
color: var(--ii-text);
}
.ii-acct-card .form-control {
width: 100%;
min-height: 48px;
border: 1px solid var(--ii-border-strong, #D4D4D4);
border-radius: var(--ii-radius-control);
background: var(--ii-bg-surface);
color: var(--ii-text);
font-size: 15px;
padding: 12px 14px;
box-shadow: none;
transition: border-color 120ms ease, box-shadow 120ms ease;
}
.ii-acct-card .form-control:hover:not(:read-only) { border-color: var(--ii-neutral-300, #B8B8B8); }
.ii-acct-card .form-control:focus {
border-color: var(--ii-focus);
box-shadow: var(--ii-focus-ring);
outline: none;
}
.ii-acct-card .form-control[readonly] {
background: var(--ii-bg-sunken, #F7F7F8);
color: var(--ii-text-muted);
}
.ii-acct-textwrap { position: relative; }
.ii-acct-textarea {
min-height: 96px !important;
height: 96px !important;
resize: vertical;
max-height: 320px;
}
.ii-acct-count {
display: block;
margin-top: var(--ii-space-1);
text-align: right;
font-size: 12px;
color: var(--ii-text-muted);
font-variant-numeric: tabular-nums;
pointer-events: none;
}
.ii-acct-select, .ii-acct-inputwrap { position: relative; display: block; }
.ii-acct-select-icon, .ii-acct-input-icon {
position: absolute;
left: 14px; top: 50%;
transform: translateY(-50%);
color: var(--ii-text-muted);
pointer-events: none;
line-height: 0;
}
.ii-acct-card .ii-acct-selectel,
.ii-acct-card .ii-acct-haslead { padding-left: 40px; }
.ii-acct-card .ii-acct-selectel {
appearance: none; -webkit-appearance: none; -moz-appearance: none;
padding-right: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
}
.ii-acct-verified {
position: absolute;
right: 8px; top: 50%;
transform: translateY(-50%);
display: inline-flex; align-items: center; gap: 4px;
padding: 4px 8px;
border-radius: 999px;
background: var(--ii-success-subtle);
color: var(--ii-success);
font-size: 12px; font-weight: 600;
white-space: nowrap;
}
.ii-acct-verified-line {
display: inline-flex; align-items: center; gap: 5px;
margin-top: 6px;
font-size: 12px; font-weight: 600;
color: var(--ii-success);
}
.ii-acct-phone { display: flex; align-items: center; gap: var(--ii-space-2); }
.ii-acct-phone-code {
flex: 0 0 auto;
display: inline-flex; align-items: center;
min-height: 48px;
padding: 0 12px;
border: 1px solid var(--ii-border-strong, #D4D4D4);
border-radius: var(--ii-radius-control);
background: var(--ii-bg-sunken, #F7F7F8);
color: var(--ii-text-muted);
font-size: 15px;
}
.ii-acct-card .ii-acct-phone-input { flex: 1 1 auto; min-width: 0; }
.ii-acct-btn-primary, .ii-acct-btn-ghost {
display: inline-flex; align-items: center; justify-content: center;
min-height: 48px;
padding: 0 18px;
border-radius: var(--ii-radius-control);
font-size: 15px; font-weight: 600;
cursor: pointer;
transition: background-color 120ms ease, border-color 120ms ease, opacity 120ms ease;
}
.ii-acct-btn-primary {
border: 1px solid var(--ii-cta);
background: var(--ii-cta);
color: var(--ii-text-on-cta);
}
.ii-acct-btn-primary:hover:not(:disabled) { background: var(--ii-cta-hover); border-color: var(--ii-cta-hover); }
.ii-acct-btn-primary:disabled {
background: var(--ii-bg-sunken);
border-color: var(--ii-border-strong);
color: var(--ii-text-disabled);
opacity: 1;
cursor: not-allowed;
}
.ii-acct-btn-ghost {
border: 1px solid var(--ii-border-strong, #D4D4D4);
background: var(--ii-bg-surface);
color: var(--ii-text);
}
.ii-acct-btn-ghost:hover { background: var(--ii-bg-sunken, #F7F7F8); }
.ii-acct-btn-primary:focus-visible, .ii-acct-btn-ghost:focus-visible {
outline: 2px solid var(--ii-focus); outline-offset: 2px;
}
.ii-acct-actions {
display: flex; justify-content: flex-end; gap: var(--ii-space-3);
margin-top: var(--ii-space-6);
padding-top: var(--ii-space-5);
border-top: 1px solid var(--ii-border);
}
.ii-acct-err:not(:empty) {
display: block;
margin-top: 6px;
font-size: 12px;
color: var(--ii-danger);
}
.ii-acct-block { margin-bottom: var(--ii-space-5); }
.ii-photo-row { display: flex; align-items: center; gap: var(--ii-space-4); }
.ii-photo-avatar { flex: 0 0 auto; }
.ii-photo-hint { margin: 0; }
.ii-photo-hint strong {
display: block;
font-size: 14px; font-weight: 600;
color: var(--ii-text);
}
.ii-photo-hint small {
display: block; margin-top: 2px;
font-size: 12px; color: var(--ii-text-muted);
}
@media (max-width: 575.98px) {
.ii-acct-card { padding: var(--ii-space-4); border-radius: var(--ii-radius-control); }
.ii-acct-title { font-size: 20px; }
.ii-acct-phone { flex-wrap: wrap; }
.ii-acct-card .ii-acct-phone-input { flex: 1 1 140px; }
.ii-acct-phone .ii-acct-btn-ghost { flex: 1 1 100%; margin-top: var(--ii-space-2); }
.ii-acct-actions { flex-direction: column-reverse; }
.ii-acct-actions > * { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.ii-acct-card .form-control,
.ii-acct-btn-primary, .ii-acct-btn-ghost { transition: none; }
}
.profile-top-wapper .ii-avatar-btn,
.ii-avatar-btn {
position: relative;
width: 96px; height: 96px;
padding: 0 !important;
border: 0; border-radius: 50%;
background: var(--ii-bg-sunken, var(--ii-neutral-25));
cursor: pointer;
}
.ii-avatar-btn img {
width: 96px; height: 96px;
max-width: none;
border-radius: 50%;
object-fit: cover;
display: block;
}
.ii-avatar-badge {
position: absolute; right: -2px; bottom: -2px;
width: 32px; height: 32px;
display: flex; align-items: center; justify-content: center;
border-radius: 50%;
background: var(--ii-cta);
color: var(--ii-text-on-cta);
border: 2px solid var(--ii-bg-surface);
}
.ii-avatar-btn:hover .ii-avatar-badge { background: var(--ii-cta-hover); }
.ii-avatar-link {
border: 0; background: none; padding: var(--ii-space-2) var(--ii-space-3);
min-height: 44px;
color: var(--ii-accent-text);
font-size: 14px; font-weight: 600; cursor: pointer;
}
.ii-avatar-link:hover { text-decoration: underline; }
.ii-crop[hidden] { display: none; }
.ii-crop {
position: fixed; inset: 0; z-index: 10000;
display: flex; align-items: center; justify-content: center;
padding: var(--ii-space-4);
}
.ii-crop-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.55); }
.ii-crop-panel {
position: relative;
width: 100%; max-width: 360px;
background: var(--ii-bg-surface);
border-radius: var(--ii-radius-sheet, 20px);
padding: var(--ii-space-5);
box-shadow: var(--ii-shadow-3, 0 18px 48px rgba(0,0,0,.24));
}
.ii-crop-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--ii-space-4); }
.ii-crop-title { margin: 0; font-size: 17px; font-weight: 600; color: var(--ii-text); }
.ii-crop-x {
border: 0; background: none; cursor: pointer;
font-size: 26px; line-height: 1; color: var(--ii-text-muted);
min-width: 44px; min-height: 44px;
display: inline-flex; align-items: center; justify-content: center;
}
.ii-crop-stage { position: relative; width: 288px; max-width: 100%; margin: 0 auto; aspect-ratio: 1; }
.ii-crop-stage canvas {
width: 100%; height: 100%; display: block;
border-radius: var(--ii-radius-card);
background: var(--ii-neutral-100);
touch-action: none;
cursor: grab;
}
.ii-crop-stage canvas:active { cursor: grabbing; }
.ii-crop-mask {
position: absolute; inset: 0; pointer-events: none;
border-radius: var(--ii-radius-card);
box-shadow: 0 0 0 9999px rgba(255,255,255,.72) inset;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
-webkit-mask: radial-gradient(circle at 50% 50%, transparent 0 49.5%, #000 50%);
mask: radial-gradient(circle at 50% 50%, transparent 0 49.5%, #000 50%);
}
.ii-crop-hint { margin: var(--ii-space-3) 0 0; text-align: center; font-size: 13px; color: var(--ii-text-muted); }
.ii-crop-zoom { display: flex; align-items: center; gap: var(--ii-space-3); margin-top: var(--ii-space-3); color: var(--ii-text-muted); }
.ii-crop-zoom input[type="range"] { flex: 1; min-height: 44px; accent-color: var(--ii-accent); }
.ii-crop-actions { display: flex; gap: var(--ii-space-3); margin-top: var(--ii-space-5); }
.ii-crop-actions button { flex: 1; min-height: 48px; border-radius: var(--ii-radius-control); font-size: 15px; font-weight: 600; cursor: pointer; }
.ii-crop-cancel { background: var(--ii-bg-surface); border: 1px solid var(--ii-border-strong); color: var(--ii-text); }
.ii-crop-save   { background: var(--ii-cta); border: 1px solid var(--ii-cta); color: var(--ii-text-on-cta); }
.ii-crop-save:hover { background: var(--ii-cta-hover); border-color: var(--ii-accent-hover); }
.ii-crop-x:focus-visible,
.ii-crop-actions button:focus-visible,
.ii-crop-zoom input:focus-visible {
outline: 2px solid var(--ii-focus);
outline-offset: 2px;
}
@media (max-width: 400px) {
.ii-crop-stage { width: 100%; }
}
#pills-editProfile .btn,
#pills-editProfile .orange-border-btn {
min-height: 48px !important;
padding: 0 var(--ii-space-5);
font-size: 15px !important;
font-weight: 600;
border-radius: var(--ii-radius-control);
display: inline-flex;
align-items: center;
justify-content: center;
}
#pills-editProfile form.parsleyValidateForm > .text-right .btn[type="submit"] {
background-color: var(--ii-cta) !important;
border-color: var(--ii-cta) !important;
color: var(--ii-text-on-cta) !important;
min-width: 200px !important;
}
#pills-editProfile form.parsleyValidateForm > .text-right .btn[type="submit"]:hover {
background-color: var(--ii-cta-hover) !important;
border-color: var(--ii-accent-hover) !important;
}
#pills-editProfile form.parsleyValidateForm > .text-right .btn[type="submit"]:active {
background-color: var(--ii-accent-pressed) !important;
border-color: var(--ii-accent-pressed) !important;
}
#pills-editProfile .ii-acct-readonly .btn {
background: var(--ii-bg-surface);
border: 1px solid var(--ii-border-strong);
color: var(--ii-text);
}
#pills-editProfile .ii-acct-readonly .btn:hover { border-color: var(--ii-accent); color: var(--ii-accent-text); }
#pills-editProfile .form-control:focus,
#pills-editProfile .btn:focus-visible,
#pills-editProfile .orange-border-btn:focus-visible,
#pills-editProfile button.dropdown-toggle:focus-visible,
#pills-editProfile .ii-avatar-btn:focus-visible {
border-color: var(--ii-focus);
box-shadow: var(--ii-focus-ring);
outline: none;
}
#pills-editProfile .ii-acct-readonly {
background: var(--ii-bg-sunken, var(--ii-neutral-25));
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-card);
padding: var(--ii-space-5);
max-width: 560px;
}
#pills-editProfile .ii-acct-readonly .caption-box:last-child { margin-bottom: 0; }
#load_more_listing {
min-height: 46px;
padding-left: var(--ii-space-5);
padding-right: var(--ii-space-5);
}
.ii-grid-busy {
opacity: .45;
pointer-events: none;
transition: opacity var(--ii-motion-state, 150ms) ease;
}
@media (prefers-reduced-motion: reduce) {
.ii-grid-busy { transition: none; }
}
.sf-cat-item.sf-cat-opens { position: relative; padding-right: 30px; }
.sf-cat-item.sf-cat-opens::after {
content: "›";
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
line-height: 1;
color: var(--ii-text-muted);
}
.sf-cat-item.sf-cat-back {
color: var(--ii-accent-text);
font-weight: 600;
}
.sf-facet-row + .sf-facet-row { margin-top: var(--ii-space-4); }
#sfFacets[hidden] { display: none; }
.sf-facet-row.sf-facet-ai .sf-label::after {
content: "IA";
display: inline-block;
margin-left: var(--ii-space-2);
padding: 1px 6px;
border-radius: 999px;
background: var(--ii-accent-tint, #FFEDD5);
color: var(--ii-accent-text, #C2410C);
font-size: 10px;
font-weight: 700;
letter-spacing: .02em;
vertical-align: middle;
}
.ii-tail { margin: var(--ii-space-4) 0 0; padding: 0 15px; }
.ii-tail[hidden] { display: none; }
.ii-tail-toggle {
display: flex;
align-items: center;
gap: var(--ii-space-2);
width: 100%;
min-height: 44px;
padding: var(--ii-space-3);
border: 1px dashed var(--ii-border-strong);
border-radius: var(--ii-radius-control);
background: transparent;
color: var(--ii-text-muted);
font-size: 14px;
font-weight: 600;
text-align: left;
cursor: pointer;
}
.ii-tail-toggle:hover { border-color: var(--ii-accent); color: var(--ii-text); }
.ii-tail-toggle:focus-visible {
outline: 2px solid var(--ii-focus);
outline-offset: 2px;
}
.ii-tail-caret { margin-left: auto; transition: transform var(--ii-motion-state, 150ms) ease; }
.ii-tail-toggle.is-open .ii-tail-caret { transform: rotate(180deg); }
#ii_tail_grid { margin-top: var(--ii-space-3); }
#ii_tail_grid[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
.ii-tail-caret { transition: none; }
}
.ii-legacy-switch {
display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
margin: 0 0 20px;
padding: 14px 16px;
border: 1px solid var(--ii-accent-border);
border-radius: 12px;
background: var(--ii-accent-subtle);
}
.ii-legacy-switch strong { display: block; font-size: var(--ii-text-md); color: var(--ii-ink); }
.ii-legacy-switch span { font-size: 13px; color: var(--ii-muted); line-height: 1.4; }
.ii-legacy-switch-btn {
margin-left: auto;
display: inline-flex; align-items: center; justify-content: center;
min-height: 44px; padding: 0 20px;
border-radius: 10px;
background: var(--ii-cta); color: var(--ii-text-on-cta);
font-size: var(--ii-text-md); font-weight: 700;
text-decoration: none; white-space: nowrap;
}
.ii-legacy-switch-btn:hover,
.ii-legacy-switch-btn:focus { background: var(--ii-cta-hover); color: var(--ii-text-on-cta); text-decoration: none; }
.ii-card-review {
position: absolute; top: 8px; left: 8px;
display: inline-flex; align-items: center; gap: 4px;
background: rgba(255, 250, 240, .96);
border: 1px solid var(--ii-accent-border);
color: var(--ii-warning);
font-size: 11px; font-weight: 700;
padding: 4px 8px; border-radius: 999px;
z-index: 3;
max-width: calc(100% - 16px);
white-space: nowrap;
}
.ii-card-review svg { width: 12px; height: 12px; flex: 0 0 12px; fill: currentColor; }
.ii-btn,
.ii-empty-btn,
.ii-sheet-apply,
.ii-phone-first-btn,
.ii-legacy-switch-btn,
.sf-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--ii-space-2);
min-height: 48px;
padding: 0 18px;
border: 1px solid transparent;
border-radius: var(--ii-radius-control);
font-family: var(--ii-font-sans);
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
line-height: 1;
text-decoration: none;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
transition: background-color var(--ii-dur-fast) var(--ii-ease),
border-color var(--ii-dur-fast) var(--ii-ease),
color var(--ii-dur-fast) var(--ii-ease),
transform var(--ii-dur-fast) var(--ii-ease);
}
.ii-btn:active,
.ii-empty-btn:active,
.ii-sheet-apply:active,
.ii-phone-first-btn:active,
.ii-legacy-switch-btn:active,
.sf-btn:active { transform: scale(.97); }
.ii-btn:focus-visible,
.ii-empty-btn:focus-visible,
.ii-sheet-apply:focus-visible,
.ii-phone-first-btn:focus-visible,
.ii-legacy-switch-btn:focus-visible,
.sf-btn:focus-visible {
outline: none;
box-shadow: var(--ii-focus-ring);
}
.ii-btn:disabled,
.ii-empty-btn:disabled,
.ii-sheet-apply:disabled,
.sf-btn:disabled,
.sf-btn-primary:disabled,
.sf-btn[aria-disabled="true"] {
opacity: .45;
cursor: not-allowed;
transform: none;
background-color: var(--ii-cta);
color: var(--ii-text-on-cta);
}
.ii-btn-primary,
.ii-empty-btn-primary,
.ii-sheet-apply,
.ii-phone-first-btn,
.ii-legacy-switch-btn,
.sf-btn-primary {
background-color: var(--ii-cta);
color: var(--ii-text-on-cta);
border-color: transparent;
}
.ii-btn-primary:hover,
.ii-empty-btn-primary:hover,
.ii-sheet-apply:hover,
.ii-phone-first-btn:hover,
.ii-phone-first-btn:focus,
.ii-legacy-switch-btn:hover,
.ii-legacy-switch-btn:focus,
.sf-btn-primary:hover {
background-color: var(--ii-cta-hover);
color: var(--ii-text-on-cta);
text-decoration: none;
}
.ii-btn-secondary,
.ii-empty-btn-ghost,
.sf-btn-ghost {
background-color: var(--ii-bg-surface);
color: var(--ii-text);
border-color: var(--ii-border-strong);
}
.ii-btn-secondary:hover,
.ii-empty-btn-ghost:hover,
.sf-btn-ghost:hover {
background-color: var(--ii-bg-sunken);
color: var(--ii-text);
border-color: var(--ii-border-strong);
text-decoration: none;
}
.ii-btn-block,
.sf-btn-block { width: 100%; }
.ii-input,
.sf-input,
.sf-select,
.sf-textarea {
width: 100%;
min-height: 48px;
padding: 12px 14px;
border: 1px solid var(--ii-border-strong);
border-radius: var(--ii-radius-control);
background-color: var(--ii-bg-surface);
color: var(--ii-text);
font-family: var(--ii-font-sans);
font-size: 16px;
line-height: var(--ii-leading-body);
-webkit-appearance: none;
appearance: none;
transition: border-color var(--ii-dur-fast) var(--ii-ease),
box-shadow var(--ii-dur-fast) var(--ii-ease);
}
.ii-input::placeholder,
.sf-input::placeholder,
.sf-textarea::placeholder { color: var(--ii-text-disabled); }
.ii-input:focus,
.sf-input:focus,
.sf-select:focus,
.sf-textarea:focus {
outline: none;
border-color: var(--ii-focus);
box-shadow: var(--ii-focus-ring);
}
.ii-select,
.sf-select {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A5A5A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 18px 18px;
padding-right: 40px;
}
.sf-textarea { min-height: 96px; resize: vertical; }
.ii-contact-bar .ii-wa:focus-visible,
.ii-contact-bar .ii-icon:focus-visible,
.ii-report-link:focus-visible,
.ii-sheet-x:focus-visible,
.sf-chip:focus-visible,
.sf-link:focus-visible {
outline: none;
box-shadow: var(--ii-focus-ring);
border-radius: var(--ii-radius-control);
}
.ii-contact-bar .ii-wa:active,
.ii-contact-bar .ii-icon:active,
.sf-chip:active,
.ii-rail-item:active { transform: scale(.97); }
.ii-contact-bar .ii-wa,
.ii-contact-bar .ii-icon,
.sf-chip,
.ii-rail-item {
transition: transform var(--ii-dur-fast) var(--ii-ease),
background-color var(--ii-dur-fast) var(--ii-ease),
border-color var(--ii-dur-fast) var(--ii-ease),
color var(--ii-dur-fast) var(--ii-ease);
}
@media (prefers-reduced-motion: reduce) {
.ii-card,
.ii-card-fav,
.ii-card-fav::before,
.ii-card-title,
.ii-btn, .ii-empty-btn, .ii-sheet-apply, .ii-phone-first-btn,
.ii-legacy-switch-btn, .sf-btn,
.ii-input, .sf-input, .sf-select, .sf-textarea,
.ii-contact-bar .ii-wa, .ii-contact-bar .ii-icon, .sf-chip, .ii-rail-item {
transition: none !important;
}
.ii-card:hover,
.ii-card:active,
.ii-btn:active, .ii-empty-btn:active, .ii-sheet-apply:active,
.ii-phone-first-btn:active, .ii-legacy-switch-btn:active, .sf-btn:active,
.ii-card-fav:active, .sf-chip:active, .ii-rail-item:active {
transform: none;
}
}
.sf-wrap {
max-width: 640px;
margin: 0 auto;
padding: var(--ii-space-4) var(--ii-space-4) 148px;
}
.sf-h1 {
font-size: var(--ii-text-2xl);
font-weight: var(--ii-weight-bold);
letter-spacing: var(--ii-tracking-display);
line-height: var(--ii-leading-display);
margin: var(--ii-space-2) 0 var(--ii-space-1);
color: var(--ii-text);
}
.sf-sub {
font-size: var(--ii-text-md);
color: var(--ii-text-secondary);
margin: 0 0 var(--ii-space-5);
}
.sf-rail {
display: flex;
align-items: center;
gap: var(--ii-space-2);
margin: 0 0 var(--ii-space-5);
}
.sf-rail-step {
display: flex;
align-items: center;
gap: 7px;
font-size: var(--ii-text-xs);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text-disabled);
white-space: nowrap;
}
.sf-rail-dot {
width: 22px; height: 22px;
border-radius: 50%;
display: inline-flex; align-items: center; justify-content: center;
background: var(--ii-bg-sunken);
color: var(--ii-text-disabled);
font-size: 11px;
font-weight: var(--ii-weight-bold);
flex: none;
border: 1px solid var(--ii-border);
transition: background-color var(--ii-dur-fast) var(--ii-ease),
color var(--ii-dur-fast) var(--ii-ease),
border-color var(--ii-dur-fast) var(--ii-ease);
}
.sf-rail-step.is-on { color: var(--ii-text); }
.sf-rail-step.is-on .sf-rail-dot {
background: var(--ii-cta);
border-color: var(--ii-cta);
color: var(--ii-text-on-cta);
}
.sf-rail-step.is-done { color: var(--ii-text-secondary); }
.sf-rail-step.is-done .sf-rail-dot {
background: var(--ii-success-subtle);
border-color: var(--ii-success);
color: var(--ii-success);
}
.sf-rail-line {
flex: 1 1 auto;
height: 2px;
border-radius: 2px;
background: var(--ii-border);
}
.sf-step {
background: var(--ii-bg-surface);
border: 0;
border-radius: var(--ii-radius-card);
box-shadow: var(--ii-shadow-sm);
padding: var(--ii-space-5) var(--ii-space-4);
margin-bottom: var(--ii-space-3);
}
.sf-step[hidden] { display: none; }
.sf-step-title {
font-size: var(--ii-text-lg);
font-weight: var(--ii-weight-semibold);
letter-spacing: -0.01em;
margin: 0 0 var(--ii-space-4);
color: var(--ii-text);
}
.sf-drop {
border: 1.5px dashed var(--ii-border-strong);
border-radius: var(--ii-radius-card);
padding: var(--ii-space-5) var(--ii-space-4);
text-align: center;
background: var(--ii-bg-sunken);
transition: border-color var(--ii-dur-fast) var(--ii-ease),
background-color var(--ii-dur-fast) var(--ii-ease);
}
.sf-drop.is-dragging {
border-color: var(--ii-accent);
background: var(--ii-accent-subtle);
}
.sf-photo-actions {
display: flex; gap: var(--ii-space-2);
justify-content: center; flex-wrap: wrap;
}
.sf-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
gap: var(--ii-space-2);
margin-top: var(--ii-space-4);
}
.sf-thumb {
position: relative;
aspect-ratio: 1;
border-radius: var(--ii-radius-control);
overflow: hidden;
background: var(--ii-bg-sunken);
box-shadow: var(--ii-shadow-sm);
}
.sf-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sf-thumb:first-child::after {
content: "Principale";
position: absolute;
left: 6px; bottom: 6px;
padding: 3px 7px;
border-radius: var(--ii-radius-pill);
background: var(--ii-glass);
-webkit-backdrop-filter: blur(8px) saturate(1.4);
backdrop-filter: blur(8px) saturate(1.4);
color: var(--ii-text);
font-size: 10px;
font-weight: var(--ii-weight-semibold);
box-shadow: var(--ii-shadow-sm);
}
.sf-thumb.sf-skel::after { content: none; }
.sf-thumb button {
position: absolute; top: 5px; right: 5px;
width: 26px; height: 26px;
border-radius: 50%;
background: rgba(16, 16, 16, .62);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
color: #fff;
border: 0;
font-size: 15px; line-height: 1;
cursor: pointer;
transition: transform var(--ii-dur-fast) var(--ii-ease),
background-color var(--ii-dur-fast) var(--ii-ease);
}
.sf-thumb button:hover { background: rgba(16, 16, 16, .82); }
.sf-thumb button:active { transform: scale(.9); }
.sf-thumb button:focus-visible { outline: none; box-shadow: var(--ii-focus-ring); }
.sf-thumb.sf-skel {
background: linear-gradient(90deg, var(--ii-bg-sunken) 25%, var(--ii-bg-canvas) 37%, var(--ii-bg-sunken) 63%);
background-size: 400% 100%;
animation: ii-shim 1.2s ease infinite;
}
.sf-field { margin-bottom: var(--ii-space-4); }
.sf-label {
display: block;
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text-secondary);
margin-bottom: 6px;
}
.sf-optional { font-weight: var(--ii-weight-regular); color: var(--ii-text-disabled); }
.sf-price-wrap { position: relative; }
.sf-price-wrap .sf-cur {
position: absolute; right: 14px; top: 50%;
transform: translateY(-50%);
color: var(--ii-text-muted);
font-size: var(--ii-text-md);
pointer-events: none;
}
.sf-price-wrap .sf-input { padding-right: 48px; }
.sf-hint-inline {
display: flex; align-items: center; gap: 6px;
margin: var(--ii-space-2) 0 0;
font-size: var(--ii-text-xs);
color: var(--ii-text-secondary);
}
.sf-hint-inline[hidden] { display: none; }
.sf-hint-inline svg { width: 14px; height: 14px; fill: var(--ii-text-muted); flex: none; }
.sf-cat { position: relative; }
.sf-cat-results {
position: absolute; z-index: 40;
left: 0; right: 0; top: calc(100% + 6px);
background: var(--ii-bg-surface);
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-control);
max-height: 280px; overflow-y: auto;
box-shadow: var(--ii-shadow-lg);
padding: var(--ii-space-1);
}
.sf-cat-results[hidden] { display: none; }
.sf-cat-item {
padding: 11px 12px;
cursor: pointer;
font-size: var(--ii-text-md);
border-radius: 8px;
color: var(--ii-text);
}
.sf-cat-item:hover,
.sf-cat-item.sf-active { background: var(--ii-accent-subtle); }
.sf-cat-item small {
display: block;
color: var(--ii-text-muted);
font-size: var(--ii-text-xs);
margin-top: 2px;
}
.sf-chosen {
display: flex; align-items: center; gap: var(--ii-space-2);
background: var(--ii-accent-subtle);
border: 1px solid var(--ii-accent-border);
border-radius: var(--ii-radius-control);
padding: 13px 14px;
font-size: var(--ii-text-md);
color: var(--ii-text);
}
.sf-chosen button {
margin-left: auto;
background: 0; border: 0;
color: var(--ii-accent-text);
font-weight: var(--ii-weight-semibold);
cursor: pointer;
font-size: var(--ii-text-sm);
padding: 6px 4px;
}
.sf-chosen button:focus-visible { outline: none; box-shadow: var(--ii-focus-ring); border-radius: 6px; }
.sf-chips { display: flex; gap: var(--ii-space-2); flex-wrap: wrap; }
.sf-chip {
padding: 10px 16px;
border-radius: var(--ii-radius-pill);
border: 1px solid var(--ii-border-strong);
background: var(--ii-bg-surface);
color: var(--ii-text);
font-size: var(--ii-text-sm);
cursor: pointer;
min-height: 44px;
display: inline-flex; align-items: center;
}
.sf-chip.sf-on {
border-color: var(--ii-accent);
background: var(--ii-accent-subtle);
color: var(--ii-accent-hover);
font-weight: var(--ii-weight-semibold);
}
.sf-sticky {
position: fixed; left: 0; right: 0; bottom: 0;
background: var(--ii-glass);
-webkit-backdrop-filter: blur(16px) saturate(1.6);
backdrop-filter: blur(16px) saturate(1.6);
border-top: 1px solid var(--ii-glass-border);
padding: var(--ii-space-3) var(--ii-space-4) calc(var(--ii-space-3) + env(safe-area-inset-bottom));
z-index: 900;
}
.sf-sticky-inner { max-width: 640px; margin: 0 auto; }
.sf-hint {
font-size: var(--ii-text-xs);
color: var(--ii-text-muted);
text-align: center;
margin: var(--ii-space-2) 0 0;
}
.sf-hint.sf-hint-alert {
color: var(--ii-danger);
font-weight: var(--ii-weight-semibold);
}
.sf-sheet {
position: fixed; inset: 0;
background: rgba(16, 16, 16, .48);
z-index: 1000;
display: flex; align-items: flex-end;
}
.sf-sheet[hidden] { display: none; }
.sf-sheet-card {
position: relative;
background: var(--ii-bg-surface);
width: 100%;
border-radius: var(--ii-radius-sheet) var(--ii-radius-sheet) 0 0;
padding: var(--ii-space-4) var(--ii-space-5) calc(var(--ii-space-5) + env(safe-area-inset-bottom));
max-width: 640px; margin: 0 auto;
box-shadow: var(--ii-shadow-lg);
animation: sf-rise var(--ii-dur-sheet) var(--ii-ease);
}
.sf-sheet-x {
position: absolute;
top: var(--ii-space-2); right: var(--ii-space-3);
width: 44px; height: 44px;
display: flex; align-items: center; justify-content: center;
border: 0; background: none; cursor: pointer;
font-size: 26px; line-height: 1;
color: var(--ii-text-muted);
border-radius: var(--ii-radius-pill);
}
.sf-sheet-x:hover { color: var(--ii-text); background: var(--ii-bg-sunken); }
.sf-sheet-x:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: -2px; }
@keyframes sf-rise { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (min-width: 641px) {
.sf-sheet { align-items: center; }
.sf-sheet-card { border-radius: var(--ii-radius-sheet); }
}
.sf-sheet-grip {
width: 38px; height: 4px;
margin: 0 auto var(--ii-space-4);
border-radius: var(--ii-radius-pill);
background: var(--ii-border-strong);
}
.sf-sheet h3 {
font-size: var(--ii-text-xl);
font-weight: var(--ii-weight-bold);
letter-spacing: -0.01em;
margin: 0 0 6px;
color: var(--ii-text);
}
.sf-sheet p {
font-size: var(--ii-text-md);
color: var(--ii-text-secondary);
margin: 0 0 var(--ii-space-4);
}
.sf-phone-row { display: flex; gap: var(--ii-space-2); }
.sf-phone-row .sf-select { width: 112px; flex: none; }
.sf-otp {
letter-spacing: .42em;
text-align: center;
font-size: var(--ii-text-2xl);
font-weight: var(--ii-weight-bold);
font-variant-numeric: tabular-nums;
}
.sf-pw { position: relative; }
.sf-pw .sf-input { padding-right: 88px; }
.sf-eye {
position: absolute;
right: 4px; top: 50%;
transform: translateY(-50%);
min-height: 44px;
padding: 0 12px;
border: 0; background: none; cursor: pointer;
color: var(--ii-accent-text);
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-semibold);
border-radius: var(--ii-radius-control);
}
.sf-eye:focus-visible { outline: none; box-shadow: var(--ii-focus-ring); }
.sf-sheet-links {
display: flex; flex-wrap: wrap; justify-content: center;
gap: 0 var(--ii-space-2);
margin-top: var(--ii-space-2);
}
.sf-pending {
text-align: center;
padding: var(--ii-space-6) var(--ii-space-4) var(--ii-space-5);
border: 0;
border-radius: var(--ii-radius-card);
background: var(--ii-bg-surface);
box-shadow: var(--ii-shadow-sm);
margin-bottom: var(--ii-space-4);
}
.sf-pending-icon {
width: 56px; height: 56px;
margin: 0 auto var(--ii-space-4);
border-radius: 50%;
background: var(--ii-warning-subtle);
display: flex; align-items: center; justify-content: center;
}
.sf-pending-icon svg { width: 28px; height: 28px; fill: var(--ii-warning); }
.sf-pending h2 {
font-size: var(--ii-text-xl);
font-weight: var(--ii-weight-bold);
margin: 0 0 var(--ii-space-2);
color: var(--ii-text);
}
.sf-pending p {
font-size: var(--ii-text-md);
line-height: var(--ii-leading-body);
color: var(--ii-text-secondary);
margin: 0 0 var(--ii-space-4);
}
.sf-pending-again { display: inline-block; margin-top: var(--ii-space-3); }
.sf-msg {
font-size: var(--ii-text-sm);
padding: 11px 13px;
border-radius: var(--ii-radius-control);
margin-bottom: var(--ii-space-3);
}
.sf-msg-err { background: var(--ii-danger-subtle);  color: var(--ii-danger); }
.sf-msg-ok  { background: var(--ii-success-subtle); color: var(--ii-success); }
.sf-link {
background: 0; border: 0;
color: var(--ii-accent-text);
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-semibold);
cursor: pointer;
padding: 10px;
}
.sf-dev {
background: var(--ii-warning-subtle);
border: 1px dashed var(--ii-accent-border);
color: var(--ii-warning);
font-size: var(--ii-text-xs);
padding: 9px 11px;
border-radius: var(--ii-radius-control);
margin-bottom: var(--ii-space-3);
}
.ii-ai {
position: relative;
border-radius: var(--ii-radius-card);
background: var(--ii-bg-surface);
border: 1px solid var(--ii-border);
padding: var(--ii-space-3) var(--ii-space-4);
margin-bottom: var(--ii-space-4);
overflow: hidden;
}
.ii-ai[hidden] { display: none; }
.ii-ai.is-thinking::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(90deg,
transparent 0%,
var(--ii-brand) 35%,
var(--ii-orange-400) 50%,
var(--ii-brand) 65%,
transparent 100%);
background-size: 220% 100%;
animation: ii-ai-sweep 1.4s linear infinite;
}
@keyframes ii-ai-sweep {
0%   { background-position: 120% 0; }
100% { background-position: -120% 0; }
}
.ii-ai-row { display: flex; align-items: flex-start; gap: 10px; }
.ii-ai-mark {
width: 26px; height: 26px;
flex: none;
border-radius: 8px;
display: flex; align-items: center; justify-content: center;
background: var(--ii-accent-subtle);
color: var(--ii-accent-hover);
}
.ii-ai-mark svg { width: 15px; height: 15px; fill: currentColor; }
.ii-ai.is-thinking .ii-ai-mark svg { animation: ii-ai-pulse 1.4s ease-in-out infinite; }
@keyframes ii-ai-pulse { 0%, 100% { opacity: .45; } 50% { opacity: 1; } }
.ii-ai-body { flex: 1; min-width: 0; }
.ii-ai-title {
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text);
margin: 2px 0 0;
}
.ii-ai-status {
font-size: var(--ii-text-xs);
color: var(--ii-text-secondary);
margin: 3px 0 0;
min-height: 16px;
}
.ii-ai-chip {
display: inline-flex; align-items: center; gap: 4px;
margin-left: 6px;
padding: 2px 7px;
border-radius: var(--ii-radius-pill);
background: var(--ii-accent-subtle);
color: var(--ii-accent-hover);
font-size: 10px;
font-weight: var(--ii-weight-bold);
letter-spacing: .03em;
vertical-align: 1px;
}
@keyframes ii-ai-fill {
0%   { background-color: var(--ii-accent-subtle); border-color: var(--ii-accent); }
100% { background-color: var(--ii-bg-surface);    border-color: var(--ii-border-strong); }
}
.ii-ai-filled { animation: ii-ai-fill 1.6s var(--ii-ease); }
@media (prefers-reduced-motion: reduce) {
.ii-ai.is-thinking::before,
.ii-ai.is-thinking .ii-ai-mark svg,
.ii-ai-filled,
.sf-sheet-card,
.sf-thumb.sf-skel { animation: none; }
}
.additional_details_desc,
.additional_details {
background: var(--ii-bg-surface) !important;
border: 0 !important;
border-radius: var(--ii-radius-card);
box-shadow: var(--ii-shadow-sm);
padding: var(--ii-space-5) var(--ii-space-4) !important;
margin-bottom: var(--ii-space-4);
}
.additional_details_desc h4,
.additional_details h4 {
font-size: var(--ii-text-lg);
font-weight: var(--ii-weight-semibold);
letter-spacing: -0.01em;
color: var(--ii-text);
margin-bottom: var(--ii-space-4);
}
.additional_details_desc h4 b,
.additional_details h4 b { font-weight: inherit; color: inherit !important; }
.detailsName {
min-width: 140px;
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-medium);
color: var(--ii-text-muted);
}
.additional_details .col-md-6.d-flex,
.additional_details_desc .col-md-6.d-flex {
padding-top: 9px;
padding-bottom: 9px;
border-bottom: 1px solid var(--ii-border);
align-items: baseline;
}
.additional_details .col-md-6.d-flex b,
.additional_details_desc .col-md-6.d-flex b {
font-weight: var(--ii-weight-semibold);
color: var(--ii-text);
}
.additional_details_desc .description-content {
font-size: var(--ii-text-md);
line-height: 1.6;
color: var(--ii-text-secondary);
}
a.listings-images-gallery,
a.listings-images-gallery img {
border-radius: var(--ii-radius-card);
overflow: hidden;
}
a.listings-images-gallery img { display: block; }
.total-img-caption {
position: absolute;
right: 12px; bottom: 12px;
z-index: 3;
padding: 5px 11px;
border-radius: var(--ii-radius-pill);
background: var(--ii-glass) !important;
color: var(--ii-text);
-webkit-backdrop-filter: blur(10px) saturate(1.4);
backdrop-filter: blur(10px) saturate(1.4);
box-shadow: var(--ii-shadow-sm);
}
.total-img-caption p {
font-size: var(--ii-text-xs);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text);
font-variant-numeric: tabular-nums;
}
.total-img-text { position: relative; }
.single_property_title h1 {
font-size: var(--ii-text-2xl);
font-weight: var(--ii-weight-bold);
line-height: var(--ii-leading-display);
letter-spacing: var(--ii-tracking-display);
color: var(--ii-text) !important;
}
.single_property_title p { color: var(--ii-text-muted); font-size: var(--ii-text-md); }
.custom-sticky-section .lsd_list h4,
.custom-sticky-section-2 .lsd_list h4 {
font-size: var(--ii-text-2xl);
font-weight: var(--ii-weight-bold);
letter-spacing: -0.01em;
color: var(--ii-text);
font-variant-numeric: tabular-nums;
margin-bottom: 0;
}
.custom-sticky-section .lsd_list h4 small,
.custom-sticky-section-2 .lsd_list h4 small {
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text-secondary);
}
.custom-sticky-section {
margin-top: var(--ii-space-5);
}
.single_property_social_share .spss {
margin-top: var(--ii-space-4);
}
.additional_details {
margin-top: var(--ii-space-5) !important;
}
header .dn-1199 {
font-size: var(--ii-text-md) !important;
font-weight: var(--ii-weight-medium) !important;
}
.tz-discount-price h4 {
font-size: var(--ii-text-md) !important;
font-weight: var(--ii-weight-medium) !important;
color: var(--ii-text-disabled) !important;
text-decoration: line-through;
}
.media-head-left {
background: var(--ii-bg-surface);
border-radius: var(--ii-radius-card);
box-shadow: var(--ii-shadow-sm);
padding: var(--ii-space-4);
}
.whatsapp-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--ii-space-2);
min-height: 48px;
border-radius: var(--ii-radius-control) !important;
background-color: var(--ii-whatsapp) !important;
color: var(--ii-text-on-accent) !important;
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
text-decoration: none;
box-shadow: none !important;
transition: transform var(--ii-dur-fast) var(--ii-ease),
background-color var(--ii-dur-fast) var(--ii-ease);
}
.whatsapp-btn:hover,
.whatsapp-btn:focus {
background-color: var(--ii-whatsapp-hover) !important;
color: var(--ii-text-on-accent) !important;
text-decoration: none;
}
.whatsapp-btn:active { transform: scale(.97); }
.whatsapp-icon {
font-size: var(--ii-text-lg);
color: var(--ii-text-on-accent);
margin-right: 0 !important;
}
.whatsapp-text {
color: var(--ii-text-on-accent) !important;
font-size: var(--ii-text-md) !important;
font-weight: var(--ii-weight-semibold) !important;
white-space: nowrap;
}
@media (max-width: 991px) {
.ii-contact-bar {
background: var(--ii-glass);
-webkit-backdrop-filter: blur(16px) saturate(1.6);
backdrop-filter: blur(16px) saturate(1.6);
border-top: 1px solid var(--ii-glass-border);
box-shadow: none;
}
.ii-contact-bar .ii-wa {
border-radius: var(--ii-radius-control);
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
}
.ii-contact-bar .ii-icon {
border-radius: var(--ii-radius-control);
border-color: var(--ii-border-strong);
background: var(--ii-bg-surface);
}
}
@media (max-width: 991px) {
.bnav {
background: var(--ii-glass);
-webkit-backdrop-filter: blur(16px) saturate(1.6);
backdrop-filter: blur(16px) saturate(1.6);
border-top: 1px solid var(--ii-glass-border);
box-shadow: none;
}
.bnav-item svg { transition: transform var(--ii-dur-fast) var(--ii-ease); }
.bnav-item.is-on svg { transform: scale(1.08); }
.bnav-sell-btn { transition: transform var(--ii-dur-fast) var(--ii-ease); }
.bnav-sell:active .bnav-sell-btn { transform: scale(.92); }
}
.search-bar .input-group,
.input-group:has(> #autocomplete-search) {
background: var(--ii-bg-sunken);
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-pill);
overflow: hidden;
transition: background-color var(--ii-dur-fast) var(--ii-ease),
border-color var(--ii-dur-fast) var(--ii-ease),
box-shadow var(--ii-dur-fast) var(--ii-ease);
}
.search-bar .input-group:focus-within,
.input-group:has(> #autocomplete-search):focus-within {
background: var(--ii-bg-surface);
border-color: var(--ii-focus);
box-shadow: var(--ii-focus-ring);
}
.input-group-text:has(~ #autocomplete-search),
.search-bar .input-group-text {
background: transparent !important;
border: 0 !important;
padding: 0 6px 0 18px;
color: var(--ii-text-muted);
}
.search-bar .input-group-text .fa { font-size: 15px; }
#autocomplete-search {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
height: 52px;
padding: 0 18px 0 6px;
font-size: 16px;
color: var(--ii-text);
}
#autocomplete-search::placeholder { color: var(--ii-text-muted); }
#autocomplete-search.ui-autocomplete-loading {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
background-size: 18px 18px !important;
animation: ii-spin .7s linear infinite;
}
@keyframes ii-spin { to { transform: rotate(360deg); } }
#autocomplete-search.ui-autocomplete-loading { animation: none; }
.ui-autocomplete.ui-menu {
border: 1px solid var(--ii-border) !important;
border-radius: var(--ii-radius-card) !important;
box-shadow: var(--ii-shadow-lg) !important;
padding: var(--ii-space-1) !important;
background: var(--ii-bg-surface) !important;
}
.ui-autocomplete .ui-menu-item-wrapper {
padding: 10px 12px !important;
border-radius: 8px;
font-size: var(--ii-text-md);
color: var(--ii-text);
}
.ui-autocomplete .ui-state-active,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
background: var(--ii-accent-subtle) !important;
color: var(--ii-text) !important;
border: 0 !important;
margin: 0 !important;
}
.ii-sugg-kind {
display: block;
font-size: var(--ii-text-xs);
color: var(--ii-text-muted);
margin-top: 2px;
}
.ii-sugg-recent { color: var(--ii-text-muted); }
.ii-sugg-group {
padding: 10px 12px 4px;
font-size: 11px;
font-weight: var(--ii-weight-bold);
letter-spacing: .06em;
text-transform: uppercase;
color: var(--ii-text-disabled);
list-style: none;
pointer-events: none;
}
.ii-sugg-group:first-child { padding-top: 4px; }
.ui-autocomplete .ii-sugg-action .ui-menu-item-wrapper,
.ui-autocomplete li.ii-sugg-action > div {
color: var(--ii-text-secondary);
font-size: var(--ii-text-sm);
}
.ii-sugg-skel {
list-style: none;
padding: 11px 12px;
pointer-events: none;
}
.ii-sugg-skel .ii-skel-row {
display: block;
height: 12px;
border-radius: 4px;
background-image: linear-gradient(90deg,
var(--ii-bg-sunken) 25%, var(--ii-bg-canvas) 37%, var(--ii-bg-sunken) 63%);
background-size: 400% 100%;
animation: ii-shim 1.2s ease infinite;
}
.ii-sugg-skel .ii-skel-row.w70 { width: 70%; }
.ii-sugg-skel .ii-skel-row.w45 { width: 45%; }
.ii-sugg-error {
list-style: none;
padding: 11px 12px;
color: var(--ii-text-muted);
font-size: var(--ii-text-sm);
pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.ii-sugg-skel .ii-skel-row { animation: none; }
}
.form-control,
select.form-control,
textarea.form-control {
min-height: 48px;
padding: 12px 14px;
border: 1px solid var(--ii-border-strong);
border-radius: var(--ii-radius-control);
background-color: var(--ii-bg-surface);
color: var(--ii-text);
font-family: var(--ii-font-sans);
font-size: 16px;
line-height: var(--ii-leading-body);
box-shadow: none;
transition: border-color var(--ii-dur-fast) var(--ii-ease),
box-shadow var(--ii-dur-fast) var(--ii-ease);
}
textarea.form-control { min-height: 96px; }
.form-control:focus {
border-color: var(--ii-focus);
box-shadow: var(--ii-focus-ring);
background-color: var(--ii-bg-surface);
color: var(--ii-text);
}
.form-control::placeholder { color: var(--ii-text-disabled); }
.form-control:disabled,
.form-control[readonly] {
background-color: var(--ii-bg-sunken);
color: var(--ii-text-muted);
border-color: var(--ii-border);
}
.input-group > .form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
form label,
.form-group > label,
label.title-label {
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text-secondary) !important;
font-weight: var(--ii-weight-semibold) !important;
margin-bottom: 6px;
}
.bootstrap-select > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle.btn-light,
.sasw_list button.btn.dropdown-toggle {
min-height: 48px;
padding: 12px 40px 12px 14px;
border: 1px solid var(--ii-border-strong) !important;
border-radius: var(--ii-radius-control) !important;
background-color: var(--ii-bg-surface) !important;
color: var(--ii-text) !important;
font-family: var(--ii-font-sans);
font-size: var(--ii-text-md) !important;
font-weight: var(--ii-weight-regular) !important;
box-shadow: none !important;
outline: none;
}
.bootstrap-select > .dropdown-toggle:focus-visible {
border-color: var(--ii-focus) !important;
box-shadow: var(--ii-focus-ring) !important;
}
.bootstrap-select .filter-option,
.bootstrap-select .filter-option-inner,
.bootstrap-select .filter-option-inner-inner {
font-weight: var(--ii-weight-regular) !important;
color: var(--ii-text);
}
.bootstrap-select .dropdown-menu {
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-card);
box-shadow: var(--ii-shadow-lg);
padding: var(--ii-space-1);
background: var(--ii-bg-surface);
}
.bootstrap-select .dropdown-menu li a,
.bootstrap-select .dropdown-item {
border-radius: 8px;
padding: 9px 12px;
font-size: var(--ii-text-md);
color: var(--ii-text);
}
.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-item:hover,
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-menu li.selected a {
background: var(--ii-accent-subtle) !important;
color: var(--ii-text) !important;
}
.btn.btn-thm,
.btn.orange-border-btn,
.orange-border-btn,
.btn.big-btn,
.profile-top-wapper button.big-btn {
font-family: var(--ii-font-sans);
font-weight: var(--ii-weight-semibold) !important;
border-radius: var(--ii-radius-control) !important;
min-height: 44px;
font-size: var(--ii-text-md);
transition: background-color var(--ii-dur-fast) var(--ii-ease),
border-color var(--ii-dur-fast) var(--ii-ease),
color var(--ii-dur-fast) var(--ii-ease),
transform var(--ii-dur-fast) var(--ii-ease);
}
.btn.btn-thm:active,
.btn.orange-border-btn:active,
.btn.big-btn:active { transform: scale(.97); }
.btn.btn-thm:focus-visible,
.btn.orange-border-btn:focus-visible,
.btn.big-btn:focus-visible { outline: none; box-shadow: var(--ii-focus-ring); }
.btn.btn-thm {
background-color: var(--ii-cta) !important;
border-color: var(--ii-cta) !important;
color: var(--ii-text-on-cta) !important;
}
.btn.btn-thm:hover {
background-color: var(--ii-cta-hover) !important;
border-color: var(--ii-accent-hover) !important;
color: var(--ii-text-on-cta) !important;
}
.btn.btn-thm.listing-filter-btn {
background-color: var(--ii-bg-surface) !important;
border-color: var(--ii-border-strong) !important;
color: var(--ii-text) !important;
}
.btn.btn-thm.listing-filter-btn:hover,
.btn.btn-thm.listing-filter-btn:focus {
background-color: var(--ii-bg-sunken) !important;
border-color: var(--ii-border-strong) !important;
color: var(--ii-text) !important;
}
.btn.big-btn,
.btn.orange-border-btn,
.orange-border-btn,
.profile-top-wapper button.big-btn {
background-color: var(--ii-bg-surface) !important;
border: 1px solid var(--ii-border-strong) !important;
color: var(--ii-text) !important;
padding: 0 18px;
}
.btn.big-btn:hover,
.btn.orange-border-btn:hover,
html body .orange-border-btn:hover {
background-color: var(--ii-bg-sunken) !important;
border-color: var(--ii-border-strong) !important;
color: var(--ii-text) !important;
}
.mm-navbar,
.off-canvas-header {
background-color: var(--ii-cta) !important;
color: var(--ii-text-on-cta) !important;
}
a.AddListingInA {
background-color: var(--ii-cta) !important;
color: var(--ii-text-on-cta) !important;
border-radius: var(--ii-radius-control) !important;
font-weight: var(--ii-weight-semibold);
}
@media (max-width: 991px) {
.mobile-header-set { height: 75px; }
.mobile-header-set { margin-bottom: var(--ii-space-4); }
#page.stylehome1 {
background: var(--ii-bg-surface);
border-bottom: 1px solid var(--ii-border);
}
.ssssexample.header.stylehome1 { background: transparent !important; }
#page.stylehome1::before {
background-color: transparent !important;
}
.user_setting::before {
background-color: var(--ii-border) !important;
}
.ssssexample.header.stylehome1,
.ssssexample.header.stylehome1 a,
.ssssexample.header.stylehome1 span,
.ssssexample.header.stylehome1 p {
color: var(--ii-text);
}
.ssssexample.header.stylehome1 .menu_bar_home2 { margin: 0; }
.ssssexample.header.stylehome1 .menu_bar_home2 > li {
display: flex;
align-items: center;
height: auto;
}
.ssssexample.header.stylehome1 #logoLink { margin-left: 0 !important; }
.ssssexample.header.stylehome1 #logoLink img {
height: 40px !important;
width: auto !important;
}
.ssssexample.header.stylehome1 .hamburger span,
.ssssexample.header.stylehome1 .hamburger::before,
.ssssexample.header.stylehome1 .hamburger::after {
width: 26px !important;
}
.ssssexample.header.stylehome1 .user_setting img.rounded-circle {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
}
.hamburger {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
margin: -11px;
padding: 11px;
}
.hamburger:focus-visible { outline: none; box-shadow: var(--ii-focus-ring); border-radius: 8px; }
}
@media (min-width: 992px) {
.filter-block {
background: var(--ii-bg-surface);
border-radius: var(--ii-radius-card);
box-shadow: var(--ii-shadow-sm);
padding: var(--ii-space-4);
}
.filter-block .sidebar_listing_list {
box-shadow: none !important;
padding: 0 !important;
background: transparent;
}
.filter-block .widget-wrapper { margin-bottom: var(--ii-space-4); }
.filter-block .sidebar_widget_title,
.filter-block h4 {
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text-secondary);
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: var(--ii-space-2);
}
}
.our-dashbord .dashboard_title,
.dashbord-title,
.breadcrumb_content h2 {
font-size: var(--ii-text-2xl);
font-weight: var(--ii-weight-bold);
letter-spacing: var(--ii-tracking-display);
color: var(--ii-text);
}
.dashboard_navigationbar,
.user_profile_wrapper,
.my_dashboard_review,
.profile_edit_form {
border-radius: var(--ii-radius-card);
}
.breadcrumb_content .breadcrumb-item.active,
.breadcrumb-item.active { color: var(--ii-accent-text); }
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active,
.nav-link.active {
background-color: var(--ii-cta) !important;
color: var(--ii-text-on-cta) !important;
border-radius: var(--ii-radius-control);
}
.top-bar-block .nav-pills .nav-link.active,
.top-bar-block .nav-pills .show > .nav-link {
background-color: var(--ii-cta) !important;
color: var(--ii-text-on-cta) !important;
border-radius: var(--ii-radius-control);
}
.ii-card-fav svg {
width: 19px; height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linejoin: round;
transition: fill var(--ii-dur-fast) var(--ii-ease);
}
.ii-card-fav.is-on svg { fill: currentColor; stroke: currentColor; }
.ii-card-fav { color: var(--ii-text-secondary); }
.ii-card-fav.is-on { color: var(--ii-accent); }
.ii-sold-section { padding: 32px 0 48px; }
.ii-sold {
max-width: 460px;
margin: 0 auto;
text-align: center;
}
.ii-sold-media {
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
margin-bottom: 20px;
border-radius: var(--ii-radius-card, 14px);
overflow: hidden;
background: var(--ii-bg-sunken);
}
.ii-sold-media img {
width: 100%; height: 100%; object-fit: cover; display: block;
filter: grayscale(1);
opacity: .7;
}
.ii-sold-badge {
position: absolute; left: 12px; top: 12px;
padding: 5px 12px;
border-radius: 999px;
background: var(--ii-text);
color: var(--ii-bg-surface);
font-size: var(--ii-text-sm, 13px);
font-weight: var(--ii-weight-bold);
}
.ii-sold-title {
margin: 0 0 8px;
font-size: var(--ii-text-xl, 20px);
font-weight: var(--ii-weight-bold);
color: var(--ii-text);
line-height: 1.3;
}
.ii-sold-note {
margin: 0 0 22px;
font-size: var(--ii-text-md, 15px);
color: var(--ii-text-secondary);
}
.ii-seg {
display: flex;
gap: 8px;
margin: 0 0 14px;
padding-bottom: 2px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.ii-seg::-webkit-scrollbar { display: none; }
.ii-seg-item {
display: inline-flex; align-items: center; gap: 6px;
flex: 0 0 auto;
min-height: 38px;
padding: 0 14px;
border: 1px solid var(--ii-border);
border-radius: 999px;
background: var(--ii-bg-surface);
color: var(--ii-text-secondary);
font-size: var(--ii-text-sm, 14px);
font-weight: var(--ii-weight-semibold);
white-space: nowrap;
text-decoration: none;
}
.ii-seg-item:hover { color: var(--ii-text); text-decoration: none; }
.ii-seg-item:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 2px; }
.ii-seg-item.is-on {
background: var(--ii-cta);
border-color: var(--ii-cta);
color: var(--ii-text-on-cta);
}
.ii-seg-count {
font-variant-numeric: tabular-nums;
font-size: var(--ii-text-xs, 12px);
color: var(--ii-text-muted);
}
.ii-seg-item.is-on .ii-seg-count { color: var(--ii-text-on-cta); opacity: .75; }
.ii-seg-sortlabel {
margin: 0 8px 0 0;
font-size: var(--ii-text-sm, 14px);
color: var(--ii-text-muted);
}
.ii-seg-sort {
min-height: 38px;
padding: 0 10px;
border: 1px solid var(--ii-border);
border-radius: 10px;
background: var(--ii-bg-surface);
color: var(--ii-text);
font-size: var(--ii-text-sm, 14px);
}
@media (max-width: 991px) {
.ii-seg-sort { font-size: 16px; }
}
.ii-mrow {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 12px;
padding: 12px;
margin-bottom: 10px;
background: var(--ii-bg-surface);
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-card, 14px);
}
.ii-mrow[data-state="sold"] .ii-mrow-media img,
.ii-mrow[data-state="refused"] .ii-mrow-media img,
.ii-mrow[data-state="expired"] .ii-mrow-media img { opacity: .55; }
.ii-mrow-media {
position: relative;
flex: 0 0 auto;
order: 0;
width: 88px; height: 88px;
border-radius: 10px;
overflow: hidden;
background: var(--ii-bg-sunken);
}
.ii-mrow-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ii-mrow-badge {
position: absolute; left: 4px; bottom: 4px;
padding: 2px 6px;
border-radius: 999px;
font-size: 10px;
font-weight: var(--ii-weight-bold);
line-height: 1.4;
white-space: nowrap;
}
.ii-mrow-badge.is-review  { background: var(--ii-warning-subtle); color: var(--ii-warning); }
.ii-mrow-badge.is-refused { background: var(--ii-danger-subtle);  color: var(--ii-danger); }
.ii-mrow-badge.is-sold    { background: var(--ii-bg-sunken);      color: var(--ii-text-secondary); }
.ii-mrow-badge.is-premium { background: var(--ii-accent-subtle);  color: var(--ii-accent-text); }
.ii-mrow-badge.is-expired { background: var(--ii-bg-sunken);      color: var(--ii-warning); }
.ii-mrow-body { flex: 1 1 0; min-width: 0; order: 1; }
.ii-mrow-title {
display: block;
font-size: var(--ii-text-md, 15px);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text);
line-height: 1.3;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ii-mrow-title:hover { color: var(--ii-accent-text); text-decoration: none; }
.ii-mrow-price {
margin: 2px 0 0;
font-size: var(--ii-text-md, 15px);
font-weight: var(--ii-weight-bold);
color: var(--ii-text);
font-variant-numeric: tabular-nums;
}
.ii-mrow-price small { font-size: 11px; font-weight: var(--ii-weight-semibold); margin-left: 2px; }
.ii-mrow-meta {
display: flex; align-items: center; gap: 12px;
margin: 4px 0 0;
font-size: var(--ii-text-xs, 12px);
color: var(--ii-text-muted);
}
.ii-mrow-meta span { display: inline-flex; align-items: center; gap: 4px; }
.ii-mrow-meta svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; }
.ii-mrow-actions {
flex: 0 0 auto;
order: 2;
display: flex; align-items: center; gap: 6px;
}
.ii-mrow-promote {
order: 3;
flex: 1 0 100%;
margin-top: 2px;
min-height: 40px;
padding: 0 12px;
border: 1px solid var(--ii-accent);
border-radius: 10px;
background: transparent;
color: var(--ii-accent-text);
font-size: var(--ii-text-sm, 13px);
font-weight: var(--ii-weight-semibold);
white-space: nowrap;
cursor: pointer;
}
.ii-mrow-promote:hover { background: var(--ii-accent-subtle); }
.ii-mrow-promote:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 2px; }
.ii-mrow-menu { position: relative; }
.ii-mrow-menu > summary {
display: flex; align-items: center; justify-content: center;
width: 44px; height: 44px;
border-radius: 10px;
color: var(--ii-text-secondary);
cursor: pointer;
list-style: none;
}
.ii-mrow-menu > summary::-webkit-details-marker { display: none; }
.ii-mrow-menu > summary::marker { content: ""; }
.ii-mrow-menu > summary:hover { background: var(--ii-bg-sunken); }
.ii-mrow-menu > summary:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 2px; }
.ii-mrow-menu > summary svg { width: 18px; height: 18px; fill: currentColor; }
.ii-mrow-menu-list {
position: absolute; right: 0; top: calc(100% + 4px);
z-index: 20;
min-width: 190px;
padding: 6px;
background: var(--ii-bg-surface);
border: 1px solid var(--ii-border);
border-radius: 12px;
box-shadow: var(--ii-shadow-lg);
}
.ii-mrow-menu-list a {
display: block;
padding: 10px 12px;
border-radius: 8px;
font-size: var(--ii-text-sm, 14px);
color: var(--ii-text);
text-decoration: none;
}
.ii-mrow-menu-list a:hover { background: var(--ii-bg-sunken); text-decoration: none; }
.ii-mrow-menu-note {
margin: 2px 4px 6px;
padding: 0 8px;
max-width: 220px;
font-size: var(--ii-text-xs, 12px);
line-height: 1.45;
color: var(--ii-text-secondary);
}
.ii-mrow-menu-sep {
display: block; height: 1px; margin: 6px 4px;
background: var(--ii-border);
}
.ii-mrow-danger, .ii-mrow-menu-list a.ii-mrow-danger { color: var(--ii-danger); }
.ii-mrow-danger:hover { background: var(--ii-danger-subtle); }
.ii-mrow-menu-list form { display: none; }
.swal2-actions .btn.ii-swal-danger,
.swal2-actions .btn.ii-swal-danger:hover {
background-color: var(--ii-danger) !important;
border-color: var(--ii-danger) !important;
color: #FFFFFF !important;
}
@media (min-width: 768px) {
.ii-mrow-media { width: 104px; height: 104px; }
.ii-mrow-title { font-size: var(--ii-text-lg, 17px); }
.ii-mrow-promote {
order: 1;
flex: 0 0 auto;
margin-top: 0;
min-height: 36px;
align-self: center;
}
.ii-mrow-actions { align-self: center; }
}
#menu:not(.mm-menu) { display: none; }
.ii-gallery-skel {
width: 100%;
height: 300px;
border-radius: var(--ii-radius-card, 14px);
background-color: var(--ii-bg-sunken);
background-image: linear-gradient(90deg,
var(--ii-bg-sunken) 25%, var(--ii-bg-canvas) 37%, var(--ii-bg-sunken) 63%);
background-size: 400% 100%;
animation: ii-shim 1.2s ease infinite;
animation-iteration-count: 12;
}
.listing_single_property_slider.owl-loaded + .ii-gallery-skel { display: none; }
@media (prefers-reduced-motion: reduce) {
.ii-gallery-skel { animation: none; background-image: none; }
}
.preloader { display: none; }
.ii-card-media::before {
content: "";
position: absolute; inset: 0;
background: linear-gradient(90deg,
var(--ii-bg-sunken) 25%, var(--ii-bg-canvas) 37%, var(--ii-bg-sunken) 63%);
background-size: 400% 100%;
animation: ii-shim 1.2s ease infinite;
animation-iteration-count: 12;
}
.ii-card-media.is-loaded::before { opacity: 0; animation: none; }
.listing_single_property_slider .item {
background-color: var(--ii-bg-sunken);
background-image: linear-gradient(90deg,
var(--ii-bg-sunken) 25%, var(--ii-bg-canvas) 37%, var(--ii-bg-sunken) 63%);
background-size: 400% 100%;
animation: ii-shim 1.2s ease infinite;
animation-iteration-count: 12;
}
@media (prefers-reduced-motion: reduce) {
.listing_single_property_slider .item { animation: none; background-image: none; }
}
.toast {
border-radius: var(--ii-radius-card) !important;
box-shadow: var(--ii-shadow-lg) !important;
background-color: var(--ii-bg-surface) !important;
border-left-width: 3px !important;
padding: 12px 0 !important;
font-family: var(--ii-font-sans);
transition: transform var(--ii-dur-sheet) var(--ii-ease),
opacity var(--ii-dur-sheet) var(--ii-ease) !important;
}
.toast__msg {
font-size: var(--ii-text-sm);
color: var(--ii-text);
margin: 0;
}
.toast--success { border-color: var(--ii-success) !important; }
.toast--error   { border-color: var(--ii-danger) !important; }
.toast--warning { border-color: var(--ii-warning) !important; }
.toast--info    { border-color: var(--ii-accent) !important; }
.toast--success .toast__icon { color: var(--ii-success) !important; background-color: transparent !important; }
.toast--error   .toast__icon { color: var(--ii-danger) !important;  background-color: transparent !important; }
.toast--warning .toast__icon { color: var(--ii-warning) !important; background-color: transparent !important; }
.toast--info    .toast__icon { color: var(--ii-accent) !important;  background-color: transparent !important; }
.progress-track { background: var(--ii-bg-sunken) !important; }
.progress--success { background-color: var(--ii-success) !important; }
.progress--error   { background-color: var(--ii-danger) !important; }
.progress--warning { background-color: var(--ii-warning) !important; }
.progress--info    { background-color: var(--ii-accent) !important; }
.swal2-popup {
border-radius: var(--ii-radius-sheet) !important;
box-shadow: var(--ii-shadow-lg) !important;
background: var(--ii-bg-surface) !important;
font-family: var(--ii-font-sans) !important;
padding: var(--ii-space-5) !important;
}
.swal2-title {
font-size: var(--ii-text-xl) !important;
font-weight: var(--ii-weight-bold) !important;
color: var(--ii-text) !important;
}
.swal2-html-container,
.swal2-content {
font-size: var(--ii-text-md) !important;
color: var(--ii-text-secondary) !important;
}
.swal2-actions .swal2-styled {
min-height: 48px;
border-radius: var(--ii-radius-control) !important;
font-family: var(--ii-font-sans);
font-size: var(--ii-text-md) !important;
font-weight: var(--ii-weight-semibold) !important;
box-shadow: none !important;
}
.swal2-actions .swal2-confirm {
background-color: var(--ii-cta) !important;
color: var(--ii-text-on-cta) !important;
}
.swal2-actions .swal2-cancel {
background-color: var(--ii-bg-surface) !important;
border: 1px solid var(--ii-border-strong) !important;
color: var(--ii-text) !important;
}
.jconfirm .jconfirm-box {
border-radius: var(--ii-radius-sheet) !important;
box-shadow: var(--ii-shadow-lg) !important;
background: var(--ii-bg-surface) !important;
font-family: var(--ii-font-sans);
}
.jconfirm .jconfirm-title {
font-size: var(--ii-text-xl) !important;
font-weight: var(--ii-weight-bold) !important;
color: var(--ii-text) !important;
}
.jconfirm .jconfirm-content { font-size: var(--ii-text-md); color: var(--ii-text-secondary); }
.jconfirm .jconfirm-buttons button {
min-height: 44px;
border-radius: var(--ii-radius-control) !important;
font-family: var(--ii-font-sans);
font-weight: var(--ii-weight-semibold) !important;
text-transform: none !important;
box-shadow: none !important;
}
.jconfirm .jconfirm-buttons button.btn-default {
background: var(--ii-bg-surface) !important;
border: 1px solid var(--ii-border-strong) !important;
color: var(--ii-text) !important;
}
.jconfirm .jconfirm-buttons button.btn-blue,
.jconfirm .jconfirm-buttons button.btn-primary {
background: var(--ii-cta) !important;
color: var(--ii-text-on-cta) !important;
border: 0 !important;
}
.ii-rail-item,
.ii-empty-btn,
.ii-report-link,
.bootstrap-select > .dropdown-toggle,
.form-control {
transition-timing-function: var(--ii-ease);
}
@media (prefers-reduced-motion: reduce) {
.ii-card-media::before,
.toast,
.ii-card-fav svg { transition: none !important; animation: none !important; }
.btn.btn-thm:active,
.btn.big-btn:active,
.btn.orange-border-btn:active { transform: none; }
.swal2-popup, .jconfirm .jconfirm-box { animation: none !important; }
}
.ii-ai-found {
margin-top: var(--ii-space-3);
padding-top: var(--ii-space-3);
border-top: 1px solid var(--ii-border);
}
.ii-ai-found-lead {
margin: 0 0 2px;
font-size: var(--ii-text-sm);
color: var(--ii-text-muted);
}
.ii-ai-found-headline {
margin: 0;
font-size: var(--ii-text-lg);
font-weight: var(--ii-weight-semibold);
line-height: 1.25;
color: var(--ii-text);
}
.ii-ai-found-list {
display: flex; flex-wrap: wrap; gap: 6px;
list-style: none; margin: var(--ii-space-2) 0 0; padding: 0;
}
.ii-ai-found-item {
padding: 3px 10px;
border: 1px solid var(--ii-border);
border-radius: 999px;
background: var(--ii-bg-surface);
font-size: var(--ii-text-sm);
color: var(--ii-text);
}
.ii-ai-found-edit {
margin-top: var(--ii-space-2);
min-height: 36px; padding: 0 12px;
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-control);
background: var(--ii-bg-surface);
color: var(--ii-text);
font-family: var(--ii-font-sans); font-size: var(--ii-text-sm);
cursor: pointer;
}
.ii-ai-found-edit:hover { border-color: var(--ii-border-strong); }
.ii-ai-found-edit:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 1px; }
.ii-ai-added,
.ii-ai-nudge {
margin: var(--ii-space-2) 0 0;
font-size: var(--ii-text-sm);
line-height: 1.4;
}
.ii-ai-added { color: var(--ii-accent-text); font-weight: var(--ii-weight-semibold); }
.ii-ai-nudge { color: var(--ii-text-muted); }
.sf-facet-num { display: flex; align-items: center; gap: 8px; }
.sf-facet-num .sf-input {
width: 10ch;
-moz-appearance: textfield;
}
.sf-facet-num .sf-input::-webkit-outer-spin-button,
.sf-facet-num .sf-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.sf-facet-suffix { font-size: var(--ii-text-sm); color: var(--ii-text-muted); }
.sf-facet-groups { display: flex; flex-direction: column; gap: var(--ii-space-3, 12px); }
.sf-chip-group-label {
display: block;
margin-bottom: var(--ii-space-2);
font-size: var(--ii-text-sm);
font-weight: 600;
color: var(--ii-text-muted);
}
.sf-enrich {
background: var(--ii-bg-surface);
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-card);
padding: var(--ii-space-4);
}
.sf-enrich-head { display: flex; align-items: flex-start; gap: var(--ii-space-3); }
.sf-enrich-head h2 { margin: 0; font-size: var(--ii-text-lg); font-weight: var(--ii-weight-semibold); }
.sf-enrich-sub { margin: 2px 0 0; font-size: var(--ii-text-sm); color: var(--ii-text-muted); }
.sf-recovery {
margin-top: var(--ii-space-4);
padding-top: var(--ii-space-4);
border-top: 1px solid var(--ii-border);
}
.sf-recovery-title {
margin: 0; font-size: var(--ii-text-base); font-weight: var(--ii-weight-semibold);
color: var(--ii-text);
}
.sf-recovery-sub {
margin: 2px 0 var(--ii-space-3); font-size: var(--ii-text-sm); color: var(--ii-text-muted);
}
.sf-recovery .sf-link { display: block; margin: var(--ii-space-2) auto 0; }
.sf-enrich-check {
flex: 0 0 32px; width: 32px; height: 32px;
display: inline-flex; align-items: center; justify-content: center;
border-radius: 50%;
background: var(--ii-accent-subtle); color: var(--ii-accent-text);
}
.sf-enrich-check svg { width: 18px; height: 18px; fill: currentColor; }
.sf-enrich-items { margin: var(--ii-space-4) 0; }
.sf-enrich-item + .sf-enrich-item { margin-top: var(--ii-space-2); }
.sf-enrich-item.is-saving { opacity: .6; pointer-events: none; }
.sf-enrich-add {
min-height: 40px; padding: 0 14px;
border: 1px dashed var(--ii-border-strong);
border-radius: var(--ii-radius-control);
background: transparent; color: var(--ii-text);
font-family: var(--ii-font-sans); font-size: var(--ii-text-sm);
cursor: pointer;
}
.sf-enrich-add:hover { background: var(--ii-bg-sunken); }
.sf-enrich-add:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 1px; }
.sf-enrich-add.is-open { border-style: solid; }
.sf-enrich-body { margin-top: var(--ii-space-2); }
.sf-enrich-save { margin-left: var(--ii-space-2); }
.sf-enrich-done {
margin: 0; padding: 8px 0;
font-size: var(--ii-text-sm); color: var(--ii-text-muted);
}
.sf-enrich-done::before { content: '✓ '; color: var(--ii-accent-text); }
.sf-enrich-later {
display: block; width: 100%;
margin-top: var(--ii-space-3);
border: 0; background: none;
text-align: center; cursor: pointer;
}
.ii-fdrop-group {
padding: 8px 12px 4px;
font-size: var(--ii-text-xs, 12px);
font-weight: var(--ii-weight-semibold);
letter-spacing: .02em;
text-transform: uppercase;
color: var(--ii-text-muted);
}
.ii-fdrop-group:first-child { padding-top: 4px; }
.ii-fdrop-tick { margin-right: 6px; color: var(--ii-accent-text); font-weight: var(--ii-weight-semibold); }
.ii-fdrop-body { scrollbar-width: thin; scrollbar-color: var(--ii-border-strong) transparent; }
.ii-fdrop-body::-webkit-scrollbar { width: 8px; }
.ii-fdrop-body::-webkit-scrollbar-thumb { background: var(--ii-border-strong); border-radius: 4px; }
.ii-fdrop-body::-webkit-scrollbar-track { background: transparent; }
:root { --ii-page-gutter: 15px; --ii-grid-inset: 8px; }
@media (max-width: 991px) {
:root { --ii-page-gutter: 12px; --ii-grid-inset: 8px; }
}
.ii-crumbs-col.col-12.pl-0 {
padding-left: var(--ii-page-gutter) !important;
padding-right: var(--ii-page-gutter) !important;
}
.listing-fixed-main > .col-lg-12.p-0,
.home-fixed-main > .col-lg-12.p-0,
.home-fixed-main .row > .col-lg-12.p-0 {
padding-left: var(--ii-page-gutter) !important;
padding-right: var(--ii-page-gutter) !important;
}
.listing-fixed-main .product-listing-wapper.mx-xl-1,
.home-fixed-main .product-listing-wapper.mx-xl-1 {
margin-left: calc(var(--ii-grid-inset) * -1) !important;
margin-right: calc(var(--ii-grid-inset) * -1) !important;
}
@media (max-width: 991px) {
.col-md-4.col-xl-3.col-6.px-2.profile-listing-box {
padding-left: var(--ii-grid-inset) !important;
padding-right: var(--ii-grid-inset) !important;
margin-bottom: var(--ii-space-4);
}
.listing-card-block {
margin-left: calc(var(--ii-grid-inset) * -1) !important;
margin-right: calc(var(--ii-grid-inset) * -1) !important;
}
.profile-listing-box-wapper {
margin-left: calc(-1 * var(--ii-page-gutter) - 10px) !important;
margin-right: calc(-1 * var(--ii-page-gutter) - 10px) !important;
}
}
.ii-crumbs { margin-bottom: 6px; }
h1.main-listing-title.ii-results-title { margin-bottom: 18px; }
.ii-fbar { margin-bottom: 0; }
.ii-filter-bar > .ii-chips.has-chips { margin-top: 16px; }
.ii-results-row {
position: relative;
width: 100%; min-width: 0;
display: flex; align-items: center; justify-content: space-between;
gap: var(--ii-space-3);
margin-top: 8px; margin-bottom: 14px;
}
.ii-result-count {
margin: 0; padding: 0;
font-size: var(--ii-text-lg);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text);
}
.ii-sort-btn {
display: inline-flex; align-items: center; gap: 6px;
min-height: 36px; padding: 0 10px;
border: 1px solid transparent; border-radius: var(--ii-radius-control);
background: transparent; color: var(--ii-text);
font-family: var(--ii-font-sans); font-size: var(--ii-text-sm);
cursor: pointer; white-space: nowrap;
}
.ii-sort-btn:hover { border-color: var(--ii-border); background: var(--ii-bg-surface); }
.ii-sort-btn:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 1px; }
.ii-sort-btn[aria-expanded="true"] { border-color: var(--ii-border-strong); background: var(--ii-bg-surface); }
.ii-sort-btn svg { width: 16px; height: 16px; fill: currentColor; flex: 0 0 16px; }
.ii-sort-label { color: var(--ii-text-muted); }
.ii-sort-value { font-weight: var(--ii-weight-semibold); }
@media (max-width: 991px) {
.ii-sort-btn { min-height: 44px; }
.ii-sort-label { display: none; }
}
.ii-fdrop.ii-fdrop-up { top: auto; bottom: calc(100% + 4px); }
.ii-fdrop-opt:focus,
.ii-fmore-chip:focus { outline: 2px solid var(--ii-focus); outline-offset: -2px; }
.ii-cardrail-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--ii-space-4);
margin-bottom: var(--ii-space-4);
}
.ii-cardrail-title {
margin: 0;
font-size: var(--ii-text-xl);
font-weight: var(--ii-weight-bold);
line-height: var(--ii-leading-display);
color: var(--ii-text);
}
@media (min-width: 768px) {
.ii-cardrail-title { font-size: var(--ii-text-2xl); }
}
.ii-cardrail-nav { display: none; gap: var(--ii-space-2); flex: 0 0 auto; }
@media (min-width: 992px) {
.ii-cardrail-nav.is-ready { display: flex; }
}
.ii-cardrail-btn {
width: 44px; height: 44px;
flex: 0 0 44px;
display: flex; align-items: center; justify-content: center;
padding: 0;
border: 1px solid var(--ii-border);
border-radius: 50%;
background: var(--ii-bg-surface);
color: var(--ii-text-secondary);
box-shadow: var(--ii-shadow-sm);
cursor: pointer;
transition: box-shadow var(--ii-dur-fast) var(--ii-ease),
color var(--ii-dur-fast) var(--ii-ease),
border-color var(--ii-dur-fast) var(--ii-ease);
}
.ii-cardrail-btn svg { width: 18px; height: 18px; fill: currentColor; }
.ii-cardrail-btn:hover {
color: var(--ii-text);
border-color: var(--ii-border-strong);
box-shadow: var(--ii-shadow-md);
}
.ii-cardrail-btn:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 2px; }
.ii-cardrail-btn[disabled] { opacity: .38; cursor: default; box-shadow: none; }
.ii-cardrail-btn[disabled]:hover {
color: var(--ii-text-secondary);
border-color: var(--ii-border);
box-shadow: none;
}
.ii-cardrail {
--rail-gap: var(--ii-space-4);
--rail-peek: 28px;
--rail-count: 2;
display: flex;
gap: var(--rail-gap);
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
padding: 6px 0 18px;
scrollbar-width: none;
}
.ii-cardrail::-webkit-scrollbar { display: none; }
.ii-cardrail:focus-visible {
outline: 2px solid var(--ii-focus);
outline-offset: 2px;
border-radius: var(--ii-radius-card);
}
.ii-cardrail-item {
flex: 0 0 calc(
(100% - (var(--rail-count) - 1) * var(--rail-gap) - var(--rail-peek))
/ var(--rail-count)
);
scroll-snap-align: start;
}
@media (min-width: 768px)  { .ii-cardrail { --rail-count: 3; } }
@media (min-width: 1200px) { .ii-cardrail { --rail-count: 4; } }
.box-container {
background-color: var(--ii-bg-surface);
border-radius: 8px;
}
:root[data-theme="dark"] .mm-menu,
:root[data-theme="dark"] .mm-panels,
:root[data-theme="dark"] .mm-panels > .mm-panel {
background-color: var(--ii-bg-surface) !important;
color: var(--ii-text) !important;
}
:root[data-theme="dark"] .mm-navbar {
background-color: var(--ii-bg-sunken) !important;
border-bottom: 1px solid var(--ii-border) !important;
}
:root[data-theme="dark"] .mm-navbar .mm-navbar__title,
:root[data-theme="dark"] .mm-navbar .mm-navbar-title,
:root[data-theme="dark"] .mm-navbar a,
:root[data-theme="dark"] .mm-listitem > a,
:root[data-theme="dark"] .mm-listitem > span {
color: var(--ii-text) !important;
}
:root[data-theme="dark"] .mm-listitem,
:root[data-theme="dark"] .mm-listitem__btn {
border-color: var(--ii-border) !important;
}
:root[data-theme="dark"] .box-container {
background-color: var(--ii-bg-canvas) !important;
}
:root[data-theme="dark"] .sidebar_listing_list {
background-color: var(--ii-bg-surface) !important;
border-color: var(--ii-border) !important;
}
:root[data-theme="dark"] .custom-sticky-section-2 {
background-color: var(--ii-bg-surface) !important;
border-bottom: 1px solid var(--ii-border) !important;
}
:root[data-theme="dark"] .input-group.highlight-on-focus,
:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] .btn.dropdown-toggle,
:root[data-theme="dark"] .bootstrap-select > .dropdown-toggle,
:root[data-theme="dark"] .dropdown-menu {
background-color: var(--ii-bg-surface) !important;
color: var(--ii-text) !important;
border-color: var(--ii-border-strong) !important;
}
:root[data-theme="dark"] .form-control::placeholder {
color: var(--ii-text-muted) !important;
}
:root[data-theme="dark"] .dropdown-menu a,
:root[data-theme="dark"] .dropdown-menu li a {
color: var(--ii-text) !important;
}
:root[data-theme="dark"] .orange-border-btn {
background-color: var(--ii-bg-surface) !important;
color: var(--ii-accent-text) !important;
border-color: var(--ii-accent) !important;
}
:root[data-theme="dark"] .ii-cta {
background-color: var(--ii-bg-sunken) !important;
}
.mm-wrapper_opened .mm-wrapper__blocker {
background-color: rgba(0, 0, 0, .55);
transition: background-color 220ms var(--ii-ease);
}
@media (prefers-reduced-motion: reduce) {
.mm-wrapper_opened .mm-wrapper__blocker { transition: none; }
}
.banner-card-slider .owl-prev,
.banner-card-slider .owl-next,
.listing_single_property_slider .owl-prev,
.listing_single_property_slider .owl-next {
min-width: 44px; min-height: 44px;
display: inline-flex; align-items: center; justify-content: center;
}
.mm-close-btn { min-width: 44px; }
.read-more-btn { min-height: 44px; }
.favoutite-heart,
.report_listing_modal {
min-width: 44px; min-height: 44px;
display: inline-flex; align-items: center; justify-content: center;
}
@media (max-width: 991px) {
.tab-content-head {
flex-wrap: wrap;
gap: var(--ii-space-2);
}
.tab-content-head .right-side { flex: 1 1 100%; }
.tab-content-head .right-side .search-block { width: 100%; }
.tab-content-head .right-side .search-block form,
.tab-content-head .right-side .search-block .input-group { width: 100%; }
.tab-content-head .right-caption {
flex: 1 1 100%;
justify-content: flex-end;
margin-bottom: 0;
}
.listing-filter-caption .sorting-block,
.listing-filter-caption .search_option_two,
.listing-filter-caption .candidate_revew_select,
.listing-filter-caption .bootstrap-select {
width: 100% !important;
}
.listing-filter-caption .bootstrap-select > .dropdown-toggle { width: 100%; }
}
:root { scroll-padding-top: 72px; }
.ii-initials {
display: inline-flex; align-items: center; justify-content: center;
background: var(--ii-accent-subtle, #FFF4EC);
color: var(--ii-accent-text);
font-weight: var(--ii-weight-bold);
letter-spacing: .02em;
border-radius: 50%;
overflow: hidden;
user-select: none;
}
.media-head-left .ii-initials { font-size: var(--ii-text-2xl); }
@media (min-width: 992px) {
.media-head-left .ii-initials { font-size: var(--ii-text-3xl); }
}
h1.fsname { font-size: var(--ii-text-lg); }
.media-head-left p.mb-0 { font-size: var(--ii-text-sm); }
.ii-acct-emailrow {
display: flex;
align-items: stretch;
gap: var(--ii-space-2);
flex-wrap: wrap;
}
.ii-acct-emailrow .ii-acct-inputwrap { flex: 1 1 220px; min-width: 0; }
.ii-acct-verify-btn { flex: 0 0 auto; white-space: nowrap; }
@media (max-width: 559px) {
.ii-acct-verify-btn { flex: 1 1 100%; }
}
.ii-acct-hint {
display: block;
margin-top: var(--ii-space-1);
font-size: 12px;
color: var(--ii-text-muted);
}
.sf-lowres {
display: flex;
gap: var(--ii-space-2);
margin: var(--ii-space-3) 0 0;
padding: var(--ii-space-3);
border-left: 3px solid var(--ii-warning, #E8B23A);
border-radius: var(--ii-radius-control, 8px);
background: var(--ii-bg-sunken);
color: var(--ii-text-secondary);
font-size: var(--ii-text-sm);
line-height: var(--ii-leading-body);
}
.sf-lowres[hidden] { display: none; }
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .mm-menu,
:root:not([data-theme="light"]) .mm-panels,
:root:not([data-theme="light"]) .mm-panels > .mm-panel {
background-color: var(--ii-bg-surface) !important;
color: var(--ii-text) !important;
}
:root:not([data-theme="light"]) .mm-navbar {
background-color: var(--ii-bg-sunken) !important;
border-bottom: 1px solid var(--ii-border) !important;
}
:root:not([data-theme="light"]) .mm-navbar .mm-navbar__title,
:root:not([data-theme="light"]) .mm-navbar .mm-navbar-title,
:root:not([data-theme="light"]) .mm-navbar a,
:root:not([data-theme="light"]) .mm-listitem > a,
:root:not([data-theme="light"]) .mm-listitem > span {
color: var(--ii-text) !important;
}
:root:not([data-theme="light"]) .mm-listitem,
:root:not([data-theme="light"]) .mm-listitem__btn {
border-color: var(--ii-border) !important;
}
:root:not([data-theme="light"]) .box-container {
background-color: var(--ii-bg-canvas) !important;
}
:root:not([data-theme="light"]) .sidebar_listing_list {
background-color: var(--ii-bg-surface) !important;
border-color: var(--ii-border) !important;
}
:root:not([data-theme="light"]) .custom-sticky-section-2 {
background-color: var(--ii-bg-surface) !important;
border-bottom: 1px solid var(--ii-border) !important;
}
:root:not([data-theme="light"]) .input-group.highlight-on-focus,
:root:not([data-theme="light"]) .form-control,
:root:not([data-theme="light"]) .btn.dropdown-toggle,
:root:not([data-theme="light"]) .bootstrap-select > .dropdown-toggle,
:root:not([data-theme="light"]) .dropdown-menu {
background-color: var(--ii-bg-surface) !important;
color: var(--ii-text) !important;
border-color: var(--ii-border-strong) !important;
}
:root:not([data-theme="light"]) .form-control::placeholder {
color: var(--ii-text-muted) !important;
}
:root:not([data-theme="light"]) .dropdown-menu a,
:root:not([data-theme="light"]) .dropdown-menu li a {
color: var(--ii-text) !important;
}
:root:not([data-theme="light"]) .orange-border-btn {
background-color: var(--ii-bg-surface) !important;
color: var(--ii-accent-text) !important;
border-color: var(--ii-accent) !important;
}
:root:not([data-theme="light"]) .ii-cta {
background-color: var(--ii-bg-sunken) !important;
}
}
:root[data-theme="dark"] .border-btn,
:root[data-theme="dark"] .insight-btn,
:root[data-theme="dark"] .mark-btn-block button,
:root[data-theme="dark"] .withdraw-btn button:hover {
color: var(--ii-text) !important;
}
:root[data-theme="dark"] .tab-content-body .favourite-icon li p,
:root[data-theme="dark"] .wallet-item-left p {
color: var(--ii-text-secondary) !important;
}
:root[data-theme="dark"] header.header-nav,
:root[data-theme="dark"] header.header-nav.stricky,
:root[data-theme="dark"] .header-nav.main-menu {
background-color: var(--ii-bg-surface) !important;
border-bottom: 1px solid var(--ii-border) !important;
}
:root[data-theme="dark"] .nav-pills .nav-link,
:root[data-theme="dark"] .sign_up_tab li.nav-item .nav-link {
background-color: var(--ii-bg-sunken) !important;
color: var(--ii-text) !important;
}
:root[data-theme="dark"] .nav-pills .nav-link.active,
:root[data-theme="dark"] .sign_up_tab li.nav-item .nav-link.active {
background-color: var(--ii-cta) !important;
color: var(--ii-text-on-cta) !important;
}
:root[data-theme="dark"] .footer_one {
background-color: var(--ii-bg-surface) !important;
border-top: 1px solid var(--ii-border) !important;
}
:root[data-theme="dark"] .ii-fdrop,
:root[data-theme="dark"] .dropdown-menu,
:root[data-theme="dark"] .ii-sheet,
:root[data-theme="dark"] .filter-block,
:root[data-theme="dark"] .modal-content,
:root[data-theme="dark"] .listing-filter-caption,
:root[data-theme="dark"] #toast,
:root[data-theme="dark"] .jq-toast-single {
background-color: var(--ii-bg-raised) !important;
border: 1px solid var(--ii-border) !important;
box-shadow: none !important;
}
:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] .ii-acct-phone-input,
:root[data-theme="dark"] .btn.dropdown-toggle,
:root[data-theme="dark"] .bootstrap-select > .dropdown-toggle,
:root[data-theme="dark"] .ii-acct-btn-ghost,
:root[data-theme="dark"] .ii-cardrail-btn,
:root[data-theme="dark"] .ii-fbar-btn,
:root[data-theme="dark"] .ii-fbar-more,
:root[data-theme="dark"] .ii-sort-btn {
border-color: var(--ii-border-control) !important;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .border-btn,
:root:not([data-theme="light"]) .insight-btn,
:root:not([data-theme="light"]) .mark-btn-block button,
:root:not([data-theme="light"]) .withdraw-btn button:hover {
color: var(--ii-text) !important;
}
:root:not([data-theme="light"]) .tab-content-body .favourite-icon li p,
:root:not([data-theme="light"]) .wallet-item-left p {
color: var(--ii-text-secondary) !important;
}
:root:not([data-theme="light"]) header.header-nav,
:root:not([data-theme="light"]) header.header-nav.stricky,
:root:not([data-theme="light"]) .header-nav.main-menu {
background-color: var(--ii-bg-surface) !important;
border-bottom: 1px solid var(--ii-border) !important;
}
:root:not([data-theme="light"]) .nav-pills .nav-link,
:root:not([data-theme="light"]) .sign_up_tab li.nav-item .nav-link {
background-color: var(--ii-bg-sunken) !important;
color: var(--ii-text) !important;
}
:root:not([data-theme="light"]) .nav-pills .nav-link.active,
:root:not([data-theme="light"]) .sign_up_tab li.nav-item .nav-link.active {
background-color: var(--ii-cta) !important;
color: var(--ii-text-on-cta) !important;
}
:root:not([data-theme="light"]) .footer_one {
background-color: var(--ii-bg-surface) !important;
border-top: 1px solid var(--ii-border) !important;
}
:root:not([data-theme="light"]) .ii-fdrop,
:root:not([data-theme="light"]) .dropdown-menu,
:root:not([data-theme="light"]) .ii-sheet,
:root:not([data-theme="light"]) .filter-block,
:root:not([data-theme="light"]) .modal-content,
:root:not([data-theme="light"]) .listing-filter-caption,
:root:not([data-theme="light"]) #toast,
:root:not([data-theme="light"]) .jq-toast-single {
background-color: var(--ii-bg-raised) !important;
border: 1px solid var(--ii-border) !important;
box-shadow: none !important;
}
:root:not([data-theme="light"]) .form-control,
:root:not([data-theme="light"]) .ii-acct-phone-input,
:root:not([data-theme="light"]) .btn.dropdown-toggle,
:root:not([data-theme="light"]) .bootstrap-select > .dropdown-toggle,
:root:not([data-theme="light"]) .ii-acct-btn-ghost,
:root:not([data-theme="light"]) .ii-cardrail-btn,
:root:not([data-theme="light"]) .ii-fbar-btn,
:root:not([data-theme="light"]) .ii-fbar-more,
:root:not([data-theme="light"]) .ii-sort-btn {
border-color: var(--ii-border-control) !important;
}
}
:where(:root[data-theme="dark"]) p,
:where(:root[data-theme="dark"]) a,
:where(:root[data-theme="dark"]) span,
:where(:root[data-theme="dark"]) li,
:where(:root[data-theme="dark"]) label,
:where(:root[data-theme="dark"]) button,
:where(:root[data-theme="dark"]) h1,
:where(:root[data-theme="dark"]) h2,
:where(:root[data-theme="dark"]) h3,
:where(:root[data-theme="dark"]) h4,
:where(:root[data-theme="dark"]) h5,
:where(:root[data-theme="dark"]) h6 {
color: inherit;
}
:root[data-theme="dark"] .media-head-left a,
:root[data-theme="dark"] .media-head-left span,
:root[data-theme="dark"] .media-head-left p {
color: inherit;
}
@media (prefers-color-scheme: dark) {
:where(:root:not([data-theme="light"])) p,
:where(:root:not([data-theme="light"])) a,
:where(:root:not([data-theme="light"])) span,
:where(:root:not([data-theme="light"])) li,
:where(:root:not([data-theme="light"])) label,
:where(:root:not([data-theme="light"])) button,
:where(:root:not([data-theme="light"])) h1,
:where(:root:not([data-theme="light"])) h2,
:where(:root:not([data-theme="light"])) h3,
:where(:root:not([data-theme="light"])) h4,
:where(:root:not([data-theme="light"])) h5,
:where(:root:not([data-theme="light"])) h6 {
color: inherit;
}
:root:not([data-theme="light"]) .media-head-left a,
:root:not([data-theme="light"]) .media-head-left span,
:root:not([data-theme="light"]) .media-head-left p {
color: inherit;
}
}
:root[data-theme="dark"] .profile-top-wapper button {
color: var(--ii-text) !important;
}
:root[data-theme="dark"] .breadcrumb-item a,
:root[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
color: var(--ii-text-secondary);
}
:root[data-theme="dark"] .mm-navbar,
:root[data-theme="dark"] .mm-navbar-title,
:root[data-theme="dark"] .mm-navbar a,
:root[data-theme="dark"] .mm-close-btn {
color: var(--ii-text) !important;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .profile-top-wapper button {
color: var(--ii-text) !important;
}
:root:not([data-theme="light"]) .breadcrumb-item a,
:root:not([data-theme="light"]) .breadcrumb-item + .breadcrumb-item::before {
color: var(--ii-text-secondary);
}
:root:not([data-theme="light"]) .mm-navbar,
:root:not([data-theme="light"]) .mm-navbar-title,
:root:not([data-theme="light"]) .mm-navbar a,
:root:not([data-theme="light"]) .mm-close-btn {
color: var(--ii-text) !important;
}
}
:root[data-theme="dark"] .ace-responsive-menu a,
:root[data-theme="dark"] .ace-responsive-menu li a,
:root[data-theme="dark"] .menu-bar a,
:root[data-theme="dark"] header.header-nav.menu_style_home_one.style2 .ace-responsive-menu li a {
color: inherit;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .ace-responsive-menu a,
:root:not([data-theme="light"]) .ace-responsive-menu li a,
:root:not([data-theme="light"]) .menu-bar a,
:root:not([data-theme="light"]) header.header-nav.menu_style_home_one.style2 .ace-responsive-menu li a {
color: inherit;
}
}
.bootstrap-select > .dropdown-toggle .filter-option-inner {
padding-right: 0;
}
.bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
text-overflow: ellipsis;
}
@media (max-width: 991px) {
.listing-filter-caption {
min-width: min(320px, calc(100vw - 24px));
}
}
.ii-acct-saved {
display: inline-flex;
align-items: center;
gap: 6px;
margin-right: auto;
font-size: 13px;
font-weight: 600;
color: var(--ii-success);
}
.ii-acct-saved svg { flex: 0 0 auto; }
.ii-acct-signout {
display: flex;
justify-content: flex-end;
margin-top: var(--ii-space-5);
}
.ii-acct-signout-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--ii-space-2);
min-height: 44px;
padding: 0 var(--ii-space-5);
border: 1px solid var(--ii-border-control);
border-radius: var(--ii-radius-control);
background: var(--ii-bg-control);
color: var(--ii-text);
font-size: 15px;
font-weight: 600;
text-decoration: none;
}
.ii-acct-signout-btn:hover,
.ii-acct-signout-btn:focus {
background: var(--ii-bg-sunken);
color: var(--ii-text);
text-decoration: none;
}
.ii-acct-signout-btn:focus-visible {
outline: 2px solid var(--ii-focus);
outline-offset: 2px;
}
@media (max-width: 575.98px) {
.ii-acct-actions > .ii-acct-saved {
order: 1;
width: auto;
margin-right: 0;
align-self: center;
}
.ii-acct-signout { justify-content: stretch; }
.ii-acct-signout-btn { width: 100%; }
}
.mm-menu {
--mm-color-background: var(--ii-bg-surface);
--mm-color-text: var(--ii-text);
--mm-color-text-dimmed: var(--ii-text-muted);
--mm-color-border: var(--ii-border);
--mm-color-button: var(--ii-text-secondary);
}
.mmmenucategory a,
.sidenav a {
color: var(--ii-text);
}
.mm-menu .category-header,
.mm-menu .category-item,
.mm-menu .subcategory-item {
color: var(--ii-text);
}
.profile-top-wapper .ii-card-fav,
.profile-top-wapper .favoutite-heart {
border-radius: 50% !important;
background-color: transparent !important;
}
html body .profile-top-wapper .ii-card-fav.is-on,
html body .profile-top-wapper .favoutite-heart.liked {
color: var(--ii-accent) !important;
}
@media (hover: none) {
html body .profile-top-wapper button:hover,
html body .profile-top-wapper .ii-card-fav:hover,
html body .profile-top-wapper .favoutite-heart:hover {
background-color: transparent !important;
}
html body .profile-top-wapper .ii-card-fav:not(.is-on):hover,
html body .profile-top-wapper .favoutite-heart:not(.liked):hover {
color: var(--ii-text-muted) !important;
}
}
.profile-top-wapper .ii-acct-btn-primary,
.profile-top-wapper .ii-acct-btn-ghost {
font-weight: var(--ii-weight-semibold) !important;
border-radius: var(--ii-radius-control) !important;
min-height: 48px;
font-size: var(--ii-text-md);
padding: 0 var(--ii-space-5);
}
.profile-top-wapper .ii-acct-btn-primary {
background-color: var(--ii-cta) !important;
border: 1px solid var(--ii-cta) !important;
}
.profile-top-wapper .ii-acct-btn-primary:disabled {
background-color: var(--ii-bg-sunken) !important;
border-color: var(--ii-border) !important;
}
html body .profile-top-wapper .ii-acct-btn-primary:not(:disabled) {
color: var(--ii-text-on-cta) !important;
}
html body .profile-top-wapper .ii-acct-btn-primary:disabled {
color: var(--ii-text-disabled) !important;
}
html body .profile-top-wapper .ii-acct-btn-ghost:not(:disabled) {
color: var(--ii-text) !important;
}
.profile-top-wapper .ii-acct-btn-ghost {
background-color: var(--ii-bg-control) !important;
border: 1px solid var(--ii-border-control) !important;
color: var(--ii-text) !important;
}
@media (hover: hover) {
html body .profile-top-wapper .ii-acct-btn-primary:hover {
background-color: var(--ii-cta-hover) !important;
border-color: var(--ii-accent-hover) !important;
color: var(--ii-text-on-cta) !important;
}
html body .profile-top-wapper .ii-acct-btn-ghost:hover {
background-color: var(--ii-bg-sunken) !important;
color: var(--ii-text) !important;
}
}
@media (hover: none) {
html body .profile-top-wapper .ii-acct-btn-primary:hover {
background-color: var(--ii-cta) !important;
color: var(--ii-text-on-cta) !important;
}
html body .profile-top-wapper .ii-acct-btn-ghost:hover {
background-color: var(--ii-bg-control) !important;
color: var(--ii-text) !important;
}
html body .profile-top-wapper .ii-acct-signout-btn:hover {
background-color: var(--ii-bg-control) !important;
color: var(--ii-text) !important;
}
}
.mark-sold-btn,
.mark-delete-btn {
background-color: var(--ii-bg-control) !important;
color: var(--ii-text) !important;
border: 1px solid var(--ii-border-control) !important;
border-radius: var(--ii-radius-control) !important;
min-height: 44px;
font-size: var(--ii-text-md) !important;
font-weight: var(--ii-weight-semibold);
}
.mark-sold-btn .title-name,
.mark-delete-btn .title-name { color: inherit; }
.mark-delete-btn,
.mark-delete-btn .title-name,
.mark-delete-btn .title-name span,
.mark-delete-btn > span {
color: var(--ii-danger) !important;
}
@media (hover: hover) {
.mark-sold-btn:hover,
.mark-delete-btn:hover {
background-color: var(--ii-bg-sunken) !important;
border-color: var(--ii-border-strong) !important;
}
}
.spss ul li > a,
.spss ul li > a > .favoutite-heart,
.single_property_social_share .favoutite-heart {
width: 44px !important;
height: 44px !important;
min-width: 44px;
min-height: 44px;
padding: 0 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
border-radius: var(--ii-radius-control) !important;
vertical-align: middle;
}
.spss ul li > a {
background: var(--ii-bg-control) !important;
border: 1px solid var(--ii-border-control);
color: var(--ii-text) !important;
}
.spss ul li > a > .favoutite-heart {
background: transparent !important;
border: 0 !important;
}
.spss ul li { display: inline-flex; align-items: center; }
.spss ul { display: flex; align-items: center; gap: var(--ii-space-2); margin-bottom: 0; }
.profile-listing-box-wapper.listing-box-wapper,
.listing-wapper.product-listing-wapper {
border-top-color: var(--ii-border);
padding-top: var(--ii-space-4);
}
@media (max-width: 991px) {
.ii-seg {
margin-bottom: var(--ii-space-4);
}
.subcategory-list { transition: none; }
}
body.ii-allow-sticky,
body.ii-allow-sticky .mm-page.mm-slideout,
body.ii-allow-sticky .wrapper { overflow-x: visible; overflow-y: visible; }
html.mm-wrapper_opened body.ii-allow-sticky,
html.mm-wrapper_opened body.ii-allow-sticky .mm-page.mm-slideout,
html.mm-wrapper_opened body.ii-allow-sticky .wrapper { overflow-x: hidden; }
body.ii-allow-sticky .our-listing .sticky-block {
position: static;
}
@media (max-width: 991px) {
body.ii-allow-sticky .our-listing .sticky-block {
position: -webkit-sticky;
position: sticky;
top: 76px;
z-index: 40;
background: var(--ii-bg-canvas);
}
}
.sticky-nav-tabs-container,
.sticky-nav-tabs-container--top-first,
.sticky-nav-tabs-container--top-second {
position: static;
background: transparent;
box-shadow: none;
transition: none;
}
.ii-drawer-icon {
width: 24px;
height: 24px;
flex: 0 0 24px;
object-fit: contain;
}
.ii-drawer-row {
display: flex;
align-items: center;
gap: var(--ii-space-3);
min-height: 52px;
padding: var(--ii-space-2) 0;
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-medium);
color: var(--ii-text);
}
.ii-drawer-name { min-width: 0; }
#menu .mm-listitem > a.ii-drawer-all {
font-weight: var(--ii-weight-semibold);
color: var(--ii-accent-text) !important;
}
#menu .mm-listitem {
font-size: var(--ii-text-md);
}
#menu .mm-listitem > a,
#menu .mm-listitem > span {
padding: var(--ii-space-3) var(--ii-space-4);
min-height: 52px;
display: flex;
align-items: center;
}
#menu .mm-listitem::after {
border-color: var(--ii-border);
left: var(--ii-space-4);
}
#menu .mm-btn_next::after,
#menu .mm-btn_prev::before {
border-color: var(--ii-text-muted);
}
#menu .mm-navbar {
padding: 0 44px;
}
#menu .mm-btn_next::after,
#menu .mm-btn_prev::before {
width: 8px;
height: 8px;
background: transparent;
}
@media (min-width: 992px) {
body.ii-nav-scrolls header.header-nav.navbar-scrolltofixed {
position: static !important;
top: auto !important;
}
body.ii-allow-sticky .our-listing .sticky-block {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 45;
background: var(--ii-bg-surface);
}
:root body.ii-allow-sticky { --ii-stick-search: 70px; }
body.ii-allow-sticky .our-listing .sticky-block .row.search-bar {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 10px 0;
}
body.ii-allow-sticky .ii-filter-row {
position: -webkit-sticky;
position: sticky;
top: calc(var(--ii-stick-search) - 1px);
z-index: 44;
background: var(--ii-bg-surface);
padding: 6px 0;
margin-left: 0;
margin-right: 0;
box-shadow: 0 1px 0 var(--ii-border), 0 1px 4px rgba(0, 0, 0, .09);
}
body.ii-allow-sticky .ii-filter-row .ii-results-row {
margin-top: 0;
margin-bottom: 0;
}
body.ii-allow-sticky .ii-filter-row .ii-filter-bar { gap: 6px; }
.ii-searchrow {
display: flex;
align-items: center;
gap: var(--ii-space-3);
}
.ii-searchrow .input-group { flex: 1 1 auto; min-width: 0; }
.ii-searchrow .form-control,
.ii-searchrow .input-group-text {
height: 44px;
background: var(--ii-bg-sunken);
border-color: var(--ii-border);
}
.ii-searchrow .form-control { font-size: var(--ii-text-md); }
.ii-searchrow-logo {
display: flex;
align-items: center;
overflow: hidden;
width: 0;
opacity: 0;
flex: 0 0 auto;
transition: width var(--ii-dur-fast) var(--ii-ease),
opacity var(--ii-dur-fast) var(--ii-ease);
}
.ii-searchrow-logo img { height: 34px; width: auto; display: block; }
body.ii-stuck .ii-searchrow-logo { width: 78px; opacity: 1; }
}
@media (max-width: 991px) {
.ii-searchrow-logo { display: none; }
.ii-searchrow-btn { display: none; }
.ii-searchrow { display: block; }
}
@media (min-width: 992px) {
body.ii-nav-scrolls header.header-nav.navbar-scrolltofixed + div {
display: none !important;
}
body.ii-nav-scrolls .mobile-header-set { display: none; }
body.ii-allow-sticky .our-listing .sticky-nav-tabs-container {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.ii-allow-sticky .our-listing .sticky-block .row.search-bar {
margin: 0 !important;
padding: 24px 0 0;
}
body.ii-allow-sticky .ii-crumbs { margin-bottom: 6px !important; }
body.ii-allow-sticky .ii-results-title { margin-bottom: 20px !important; }
body.ii-allow-sticky .ii-filter-row { padding-top: 0; padding-bottom: 0; }
body.ii-allow-sticky .ii-results-outer { margin-top: 0; margin-bottom: 0; }
body.ii-allow-sticky .ii-results-row { margin-top: 8px; margin-bottom: 0; }
body.ii-allow-sticky .ii-filter-row .ii-filter-bar { gap: 12px; }
body.ii-stuck.ii-allow-sticky .our-listing .sticky-block .row.search-bar {
padding: 10px 0;
height: var(--ii-stick-search);
}
body.ii-stuck.ii-allow-sticky .ii-filter-row { padding: 6px 0; }
body.ii-allow-sticky .ii-filter-row .ii-chips {
padding-left: 0;
padding-right: 0;
}
body.ii-stuck.ii-allow-sticky .ii-filter-row .ii-filter-bar > .ii-chips.has-chips {
margin-top: 0;
margin-bottom: 0;
}
.ii-searchrow { display: flex; align-items: center; gap: 0; }
body.ii-stuck .ii-searchrow-logo { margin-right: 16px; }
.ii-searchbox {
display: flex;
align-items: stretch;
flex: 1 1 auto;
min-width: 0;
border-radius: 8px;
overflow: hidden;
background: var(--ii-bg-sunken);
border: 1px solid var(--ii-border);
}
.ii-searchbox .input-group { flex: 1 1 auto; min-width: 0; border: 0; }
.ii-searchbox .input-group .input-group-text,
.ii-searchbox .input-group #autocomplete-search,
.ii-searchbox .input-group .form-control {
height: 48px;
min-height: 48px;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
.ii-searchbox .form-control { font-size: var(--ii-text-md); }
.ii-searchbox .input-group-text { padding-left: 16px; padding-right: 8px; color: var(--ii-text-muted); }
.ii-searchbox:focus-within { border-color: var(--ii-border-strong); }
.ii-searchrow-btn {
flex: 0 0 auto;
height: 48px;
padding: 0 28px;
border: 0;
border-radius: 0;
background: var(--ii-text);
color: var(--ii-bg-canvas);
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
cursor: pointer;
transition: opacity var(--ii-dur-fast) var(--ii-ease);
}
.ii-searchrow-btn:hover { opacity: .86; }
.ii-searchrow-btn:focus-visible { outline: none; box-shadow: var(--ii-focus-ring); }
.ii-searchrow-logo img { height: 36px; }
}
@media (min-width: 992px) {
body.ii-allow-sticky .ii-filter-row,
body.ii-allow-sticky .ii-results-outer,
body.ii-allow-sticky .our-listing .sticky-block .row.search-bar {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
body.ii-allow-sticky .our-listing .sticky-block .row.search-bar > .col-12,
body.ii-allow-sticky .ii-filter-row > .col-12,
body.ii-allow-sticky .ii-results-outer > .col-12 {
padding-left: 0;
padding-right: 0;
}
body.ii-allow-sticky .ii-crumbs-col { padding-left: 0 !important; padding-right: 0 !important; }
body.ii-allow-sticky .our-listing .sticky-block .row.search-bar { padding: 16px 0 0; }
body.ii-allow-sticky .ii-crumbs { margin-bottom: 20px !important; }
.ii-searchbox .input-group.highlight-on-focus,
.ii-searchbox .input-group.highlight-on-focus:focus-within {
border-radius: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
.ii-searchbox:focus-within {
border-color: var(--ii-accent);
box-shadow: 0 0 0 3px var(--ii-accent-subtle);
}
.ii-searchrow-btn {
background: var(--ii-text-secondary);
color: var(--ii-bg-canvas);
border-left: 0;
}
.ii-searchrow-btn:hover { background: var(--ii-text); opacity: 1; }
}
.sl_creator .seller-img,
.sl_creator .img-block img {
width: 48px;
height: 48px;
min-width: 48px;
border-radius: 50%;
object-fit: cover;
display: block;
background: var(--ii-bg-sunken);
}
.ii-trust .ii-verified,
.ii-trust .ii-member-since,
.ii-trust .ii-trust-count { font-size: 13px; }
.sl_creator .media-head h5 { font-size: 17px; font-weight: var(--ii-weight-semibold); }
.sl_creator .media-head h5 + p,
.sl_creator .media-head-left > div > p {
font-size: 13px;
color: var(--ii-text-muted);
margin-top: 2px;
}
.single_property_title .property_title { font-weight: var(--ii-weight-semibold); }
.single_property_social_share .tz-new-price h4,
.single_property_social_share .lsd_list h4 { font-size: 28px; font-weight: var(--ii-weight-bold); }
.single_property_title p { font-size: 14px; color: var(--ii-text-muted); }
.owl-carousel .owl-nav .owl-prev { left: 8px !important; right: auto !important; }
.owl-carousel .owl-nav .owl-next { right: 8px !important; left: auto !important; }
.banner-card-slider .owl-controls .owl-nav .owl-prev,
.listing_single_property_slider .owl-controls .owl-nav .owl-prev {
left: 8px !important;
right: auto !important;
}
.banner-card-slider .owl-controls .owl-nav .owl-next,
.listing_single_property_slider .owl-controls .owl-nav .owl-next {
right: 8px !important;
left: auto !important;
}
@media (min-width: 1360px) {
.banner-card-slider .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-prev {
left: -27px !important;
right: auto !important;
}
.banner-card-slider .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-next {
right: -27px !important;
left: auto !important;
}
}
@media (min-width: 992px) {
:root { --ii-nav-h: 74px; }
:root header.header-nav,
:root header.header-nav.stricky { min-height: var(--ii-nav-h); }
:root .mobile-header-set { height: var(--ii-nav-h) !important; }
:root header.header-nav,
:root header.header-nav.stricky,
:root header.header-nav.main-menu { box-shadow: none; }
:root .ii-home-stick { margin-top: 0; }
:root header.header-nav.menu_style_home_one a.navbar_brand,
:root header.header-nav.menu_style_home_one.style2 a.navbar_brand {
margin-top: 0;
display: flex;
align-items: center;
}
:root header.header-nav .menu-bar-left-caption ul.ace-responsive-menu {
display: flex;
align-items: center;
padding-top: 0;
}
:root header.header-nav .navbar_brand img { max-height: 38px; width: auto; }
:root header.header-nav .menu-bar-right-caption ul.ace-responsive-menu,
:root header.header-nav ul.ace-responsive-menu.text-right {
padding-top: 0;
align-items: center;
}
:root header.header-nav.menu_style_home_one .ace-responsive-menu > li > a,
:root header.header-nav.menu_style_home_three .ace-responsive-menu > li > a,
:root header.header-nav.menu_style_home_four .ace-responsive-menu > li > a,
:root header.header-nav.menu_style_home_five .ace-responsive-menu > li > a,
:root header.header-nav.menu_style_home_six .ace-responsive-menu > li > a,
:root header.header-nav.menu_style_home_seven .ace-responsive-menu > li > a,
:root header.header-nav.menu_style_home_eight .ace-responsive-menu > li > a {
padding-top: 27px;
padding-bottom: 27px;
}
body.ii-allow-sticky:not(.ii-nav-scrolls) .ii-home-stick,
body.ii-allow-sticky:not(.ii-nav-scrolls) .sticky-block {
position: -webkit-sticky;
position: sticky;
top: calc(var(--ii-nav-h) - 5px);
z-index: 45;
background: var(--ii-bg-surface);
border-bottom: 1px solid var(--ii-border);
box-shadow: 0 1px 4px rgba(0, 0, 0, .09);
}
body.ii-allow-sticky:not(.ii-nav-scrolls) .search-bar {
margin: 0 !important;
padding: 10px 0;
}
body.ii-allow-sticky:not(.ii-nav-scrolls) .search-bar > .col-12 {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 991px) {
body.ii-allow-sticky:not(.ii-nav-scrolls) .ii-home-stick {
position: -webkit-sticky;
position: sticky;
top: var(--ii-stick-nav);
z-index: 40;
background: var(--ii-bg-surface);
}
body.ii-allow-sticky:not(.ii-nav-scrolls) .sticky-block { position: static; }
}
@media (min-width: 992px) {
#pills-announcement .tab-content-head {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: var(--ii-space-4);
flex-wrap: nowrap;
}
#pills-announcement .tab-content-head .ii-seg {
margin-bottom: 0;
flex: 1 1 auto;
min-width: 0;
}
#pills-announcement .tab-content-head .right-caption {
flex: 0 0 auto;
margin-bottom: 0 !important;
}
}
.ii-seg-item { font-size: var(--ii-text-md); }
.ii-seg-count { font-size: 13px; }
.ii-seg-busy { opacity: .55; pointer-events: none; }
.banner-card-slider a img,
.banner-card-slider .item img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1500 / 624;
object-fit: cover;
}
body.ii-allow-sticky .ii-crumbs { padding-top: 20px; }
body.ii-allow-sticky .ii-crumbs + .ii-pending-banner { margin-top: 0; margin-bottom: 20px; }
body.ii-allow-sticky .our-listing.ii-fixednav-top { padding-top: 20px; }
@media (max-width: 991px) {
body.ii-allow-sticky .our-listing.ii-fixednav-top { padding-top: 12px; }
}
.top-bar-block .nav-pills .nav-link {
background-color: transparent !important;
color: var(--ii-text-secondary) !important;
border-radius: 0;
border-bottom: 2px solid transparent;
transition: color var(--ii-dur-fast) var(--ii-ease),
border-color var(--ii-dur-fast) var(--ii-ease);
}
.top-bar-block .nav-pills .nav-link:hover { color: var(--ii-text) !important; }
.top-bar-block .nav-pills .nav-link.active,
.top-bar-block .nav-pills .show > .nav-link {
background-color: transparent !important;
color: var(--ii-text) !important;
border-bottom-color: var(--ii-text);
border-radius: 0;
}
.ii-seg-item.is-on {
background: var(--ii-text);
border-color: var(--ii-text);
color: var(--ii-bg-canvas);
}
.ii-seg-item.is-on .ii-seg-count { color: var(--ii-bg-canvas); opacity: .7; }
.banner-card-slider:not(.owl-loaded) {
display: flex;
gap: 10px;
width: 100%;
}
.banner-card-slider:not(.owl-loaded) > .item {
flex: 1 1 0;
min-width: 0;
}
.banner-card-slider:not(.owl-loaded) > .item:nth-child(n + 3) { display: none; }
@media (max-width: 767px) {
.banner-card-slider:not(.owl-loaded) > .item:nth-child(n + 2) { display: none; }
}
body.ii-ad-page .single_property_social_share .lsd_list h4 {
font-size: var(--ii-text-2xl);
font-weight: var(--ii-weight-bold);
line-height: var(--ii-leading-display);
}
body.ii-ad-page .single_property_social_share .lsd_list h4 b { font-weight: inherit; }
body.ii-ad-page .single_property_social_share .lsd_list h4 small {
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-medium);
line-height: var(--ii-leading-body);
color: var(--ii-text-secondary);
}
body.ii-ad-page .property_title {
font-size: var(--ii-text-2xl);
font-weight: var(--ii-weight-semibold);
line-height: var(--ii-leading-display);
overflow-wrap: anywhere;
}
@media (max-width: 991px) {
body.ii-ad-page .ii-top-heart { display: none; }
}
body.ii-ad-page h4.mb25,
body.ii-ad-page .single_property_title + * h4 {
font-size: var(--ii-text-lg);
font-weight: var(--ii-weight-semibold);
line-height: var(--ii-leading-display);
}
body.ii-ad-page .detailsName {
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-medium);
line-height: var(--ii-leading-body);
color: var(--ii-text-secondary);
}
body.ii-ad-page .detailsName + b,
body.ii-ad-page .detailsName ~ b {
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
line-height: var(--ii-leading-body);
}
body.ii-ad-page .read-more-btn,
body.ii-ad-page .text-primary {
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
line-height: var(--ii-leading-body);
}
body.ii-ad-page .ii-seller-handle,
body.ii-ad-page .single_property_social_share .mb-0 {
line-height: var(--ii-leading-body);
}
.listing-title-area .ii-crumbs {
flex-wrap: nowrap;
min-width: 0;
margin-bottom: var(--ii-space-3);
}
.listing-title-area .ii-crumbs > a,
.listing-title-area .ii-crumbs > .ii-crumb-sep {
flex: 0 0 auto;
white-space: nowrap;
}
.listing-title-area .ii-crumbs [aria-current="page"] {
flex: 0 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
header .title,
header .ace-responsive-menu .title {
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-medium);
}
header .AddListingInA span,
header .font-weight-bold {
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
}
:root header.header-nav.menu_style_home_one .ace-responsive-menu > li > a:not(.AddListingInA):hover,
:root header.header-nav.menu_style_home_one.style2 .ace-responsive-menu > li > a:not(.AddListingInA):hover {
color: var(--ii-accent-text);
}
:root[data-theme="dark"] header.header-nav.menu_style_home_one.style2 .ace-responsive-menu > li > a:not(.AddListingInA):hover {
color: var(--ii-accent-text);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) header.header-nav.menu_style_home_one.style2 .ace-responsive-menu > li > a:not(.AddListingInA):hover {
color: var(--ii-accent-text);
}
}
:root header.header-nav .ace-responsive-menu > li > a:focus-visible {
outline: 2px solid var(--ii-focus);
outline-offset: -4px;
border-radius: 8px;
}
:root header.header-nav .ace-responsive-menu > li > a.AddListingInA:focus-visible {
outline: 2px solid var(--ii-focus);
outline-offset: 2px;
}
.sidenav .off-canvas-header h3 {
font-size: var(--ii-text-xl);
font-weight: var(--ii-weight-semibold);
line-height: var(--ii-leading-display);
}
.sidenav .category-link {
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
}
.sidenav .subcategory-item {
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-regular);
}
header.header-nav.menu_style_home_one .ace-responsive-menu .sub-menu a,
header.header-nav.menu_style_home_one.style2 .ace-responsive-menu .sub-menu a {
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-regular);
}
header .font-weight-bold { font-weight: var(--ii-weight-semibold) !important; }
.mm-navbar .mm-navbar__title,
.mm-navbar .mm-navbar-title,
.mm-navbar__title,
.mm-navbar-title {
font-size: var(--ii-text-lg);
font-weight: var(--ii-weight-semibold);
}
.ii-stats { padding: var(--ii-space-4) var(--ii-space-4) var(--ii-space-5); }
.ii-stats-range {
display: flex;
align-items: center;
gap: var(--ii-space-3);
margin-bottom: var(--ii-space-4);
}
.ii-stats-range-label {
font-size: var(--ii-text-sm);
color: var(--ii-text-secondary);
}
.ii-stats-seg { flex: 0 0 auto; margin-bottom: 0; }
.ii-stats-seg .ii-seg-item {
cursor: pointer;
font-family: inherit;
appearance: none;
-webkit-appearance: none;
}
.ii-stats-tiles {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--ii-space-2);
margin-bottom: var(--ii-space-5);
}
.ii-stat {
background: var(--ii-bg-sunken);
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-control);
padding: var(--ii-space-3);
min-width: 0;
}
.ii-stat-head {
display: flex;
align-items: center;
gap: 5px;
font-size: var(--ii-text-sm);
color: var(--ii-text-secondary);
line-height: 1.3;
}
.ii-stat-head svg {
width: 14px;
height: 14px;
flex: 0 0 14px;
fill: currentColor;
}
.ii-stat-value {
font-size: var(--ii-text-2xl);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text);
line-height: 1.15;
margin-top: var(--ii-space-1);
font-variant-numeric: tabular-nums;
}
.ii-stat-note {
font-size: var(--ii-text-sm);
color: var(--ii-text-muted);
margin-top: 2px;
line-height: 1.3;
}
.ii-stats-chart { margin-bottom: var(--ii-space-4); }
.ii-stats-chart-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: var(--ii-space-3);
margin-bottom: var(--ii-space-2);
}
.ii-stats-chart-title {
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text);
}
.ii-insight-since {
font-size: var(--ii-text-sm);
color: var(--ii-text-muted);
text-align: right;
}
.ii-stats-foot {
font-size: var(--ii-text-sm);
color: var(--ii-text-muted);
line-height: 1.5;
margin: 0 0 var(--ii-space-4);
}
.ii-stats-actions {
display: flex;
gap: var(--ii-space-2);
flex-wrap: wrap;
}
.ii-stats-actions .ii-btn {
flex: 1 1 auto;
min-width: 140px;
text-align: center;
}
@media (max-width: 575px) {
.ii-stats { padding: var(--ii-space-3) var(--ii-space-3) var(--ii-space-4); }
.ii-stat { padding: var(--ii-space-2); }
.ii-stat-value { font-size: var(--ii-text-xl); }
.ii-stat-head { align-items: flex-start; }
.ii-stats-actions .ii-btn { min-width: 0; }
}
.ii-stats-empty {
margin: 0;
padding: var(--ii-space-5) var(--ii-space-4);
text-align: center;
font-size: var(--ii-text-md);
color: var(--ii-text-secondary);
background: var(--ii-bg-sunken);
border: 1px dashed var(--ii-border-strong);
border-radius: var(--ii-radius-control);
line-height: 1.5;
}
.ii-stats-empty span {
display: inline-block;
margin-top: var(--ii-space-1);
font-size: var(--ii-text-sm);
color: var(--ii-text-muted);
}
.insight_modal { max-width: 640px; }
.insight_modal .modal-content { max-height: none; }
.insight_modal .modal-body.ii-stats {
max-height: none;
overflow: visible;
}
@media (max-width: 575px) {
.insight_modal { max-width: none; margin: var(--ii-space-3); }
}
body.modal-open {
padding-right: 0 !important;
}
.account-tab-wapper.profile-top-wapper {
background: transparent;
padding: 0;
}
@media (min-width: 992px) {
.ii-page-account { max-width: 1010px !important; }
.ii-account-row {
margin-left: calc(var(--ii-grid-inset) * -1);
margin-right: calc(var(--ii-grid-inset) * -1);
}
.ii-account-row > .col-lg-4 > .ii-sidepanel { padding-top: 0; }
.ii-account-row .ii-acct-card { margin-top: 0; }
}
.ii-acct-title { font-size: var(--ii-text-xl); }
.ii-sidepanel { padding-top: 10px; }
@media (max-width: 991px) {
.ii-page-account .ii-crumbs {
margin-left: calc(var(--ii-page-gutter) - 15px);
}
}
.ii-acct-card {
--acct-pad: 32px;
--acct-control-h: 48px;
--acct-radius: 10px;
--acct-trailing-w: 120px;
--acct-gap: 20px;
padding: 0;
overflow: hidden;
}
.ii-acct-card .ii-acct-head {
padding-inline: var(--acct-pad);
padding-block: var(--acct-pad) 20px;
margin-block-end: 0;
}
.ii-acct-card .ii-acct-body,
.ii-acct-card .ii-acct-block {
padding-inline: var(--acct-pad);
padding-block: 22px;
border-block-start: 1px solid var(--ii-border);
}
.ii-acct-card .ii-acct-sec {
display: flex;
gap: 12px;
margin-block-end: 18px;
}
.ii-acct-card .ii-acct-sec-icon {
flex: 0 0 auto;
inline-size: 34px;
block-size: 34px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: var(--ii-accent-subtle);
color: var(--ii-accent);
}
.ii-acct-card .ii-acct-sec-text strong {
display: block;
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
}
.ii-acct-card .ii-acct-sec-text small {
display: block;
font-size: var(--ii-text-sm);
color: var(--ii-text-secondary);
max-inline-size: 62ch;
}
.ii-acct-card .ii-acct-field {
display: flex;
flex-direction: column;
min-inline-size: 0;
margin-block-end: var(--acct-gap);
}
.ii-acct-card .ii-acct-field:last-child { margin-block-end: 0; }
.ii-acct-card .ii-acct-flabel {
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-semibold);
margin-block-end: 7px;
}
.ii-acct-card .form-control,
.ii-acct-card .ii-acct-textarea,
.ii-acct-card select.form-control {
inline-size: 100%;
box-sizing: border-box;
block-size: var(--acct-control-h);
padding-inline: 14px;
border: 1px solid var(--ii-border);
border-radius: var(--acct-radius);
background: var(--ii-bg-surface);
color: var(--ii-text);
font: inherit;
}
.ii-acct-card .ii-acct-textarea {
block-size: 112px;
padding-block: 12px;
resize: vertical;
line-height: 1.55;
}
.ii-acct-card .ii-acct-emailrow,
.ii-acct-card .ii-acct-phone {
display: flex;
gap: 10px;
align-items: stretch;
min-inline-size: 0;
}
.ii-acct-card .ii-acct-emailrow > .ii-acct-inputwrap,
.ii-acct-card .ii-acct-phone > .ii-acct-phone-input {
flex: 1;
min-inline-size: 0;
}
.ii-acct-card .ii-acct-emailrow > .ii-acct-btn-ghost,
.ii-acct-card .ii-acct-phone > .ii-acct-btn-ghost {
flex: 0 0 var(--acct-trailing-w);
inline-size: var(--acct-trailing-w);
block-size: var(--acct-control-h);
border: 1px solid var(--ii-border-strong);
border-radius: var(--acct-radius);
background: var(--ii-bg-sunken);
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-bold);
box-shadow: 0 1px 2px rgba(23, 23, 26, .04);
}
.ii-acct-card .ii-acct-hint {
display: block;
margin-block-start: 7px;
font-size: var(--ii-text-sm);
color: var(--ii-text-muted);
}
.ii-acct-card .ii-acct-counter-row {
display: flex;
justify-content: space-between;
gap: 12px;
margin-block-start: 7px;
}
.ii-acct-card .ii-acct-counter-row .ii-acct-hint { margin-block-start: 0; }
.ii-acct-card .ii-acct-count {
position: static;
font-size: var(--ii-text-sm);
color: var(--ii-text-muted);
font-variant-numeric: tabular-nums;
white-space: nowrap;
text-align: end;
}
.ii-acct-card .ii-acct-count.is-near { color: var(--ii-accent); }
.ii-acct-card .ii-acct-err {
display: block;
margin-block-start: 7px;
font-size: var(--ii-text-sm);
color: var(--ii-danger, #C0392B);
}
.ii-acct-card .ii-acct-err:empty { display: none; }
.ii-acct-card .form-control.parsley-error,
.ii-acct-card .parsley-error .form-control { border-color: var(--ii-danger, #C0392B); }
.ii-acct-card .ii-acct-actions {
padding-inline: var(--acct-pad);
padding-block: 20px;
border-block-start: 1px solid var(--ii-border);
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
margin: 0;
}
.ii-acct-card .ii-acct-btn-ghost,
.ii-acct-card .ii-acct-btn-primary {
block-size: var(--acct-control-h);
border-radius: var(--acct-radius);
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
}
.ii-acct-card .ii-acct-actions .ii-acct-btn-ghost { padding-inline: 22px; }
.ii-acct-card .ii-acct-actions .ii-acct-btn-primary { padding-inline: 26px; }
@media (max-width: 640px) {
.ii-acct-card { --acct-pad: 20px; }
.ii-acct-card .ii-acct-emailrow,
.ii-acct-card .ii-acct-phone { flex-wrap: wrap; }
.ii-acct-card .ii-acct-emailrow > .ii-acct-btn-ghost,
.ii-acct-card .ii-acct-phone > .ii-acct-btn-ghost { flex: 1 0 100%; inline-size: 100%; }
.ii-acct-card .ii-acct-actions { flex-direction: column-reverse; align-items: stretch; }
.ii-acct-card .ii-acct-actions .ii-acct-btn-ghost,
.ii-acct-card .ii-acct-actions .ii-acct-btn-primary { inline-size: 100%; }
}
.ii-acct-card .my_profile_wapper,
.ii-acct-card .row {
margin-inline: 0;
padding-inline: 0;
}
.ii-acct-card .ii-acct-body,
.ii-acct-card .ii-acct-block {
padding-inline: 0;
}
.ii-acct-card .ii-acct-body > *,
.ii-acct-card .ii-acct-block > *,
.ii-acct-card form > .ii-acct-field,
.ii-acct-card .ii-acct-head,
.ii-acct-card .ii-acct-actions {
padding-inline: var(--acct-pad);
}
.ii-acct-card .ii-acct-body > * > .ii-acct-field,
.ii-acct-card .ii-acct-block > * > .ii-acct-field {
padding-inline: 0;
}
.ii-acct-card .ii-acct-emailrow .ii-acct-btn-ghost,
.ii-acct-card .ii-acct-phone .ii-acct-btn-ghost {
flex: 0 0 var(--acct-trailing-w);
inline-size: var(--acct-trailing-w);
block-size: var(--acct-control-h);
border-radius: var(--acct-radius);
}
.ii-acct-card .ii-acct-phone {
display: flex;
gap: 10px;
align-items: stretch;
min-inline-size: 0;
}
.ii-acct-card .ii-acct-phone-code {
flex: 0 0 auto;
display: flex;
align-items: center;
padding-inline: 14px;
background: var(--ii-bg-sunken);
color: var(--ii-text-secondary);
border: 1px solid var(--ii-border);
border-start-start-radius: var(--acct-radius);
border-end-start-radius: var(--acct-radius);
border-inline-end: 0;
font-size: var(--ii-text-md);
}
.ii-acct-card .ii-acct-phone-input {
flex: 1;
min-inline-size: 0;
border-start-start-radius: 0;
border-end-start-radius: 0;
}
.ii-acct-card .ii-acct-inputwrap { position: relative; flex: 1; min-inline-size: 0; display: flex; }
.ii-acct-card .ii-acct-haslead { padding-inline-start: 42px; }
@media (max-width: 640px) {
.ii-acct-card .ii-acct-emailrow .ii-acct-btn-ghost,
.ii-acct-card .ii-acct-phone .ii-acct-btn-ghost {
flex: 1 0 100%;
inline-size: 100%;
}
}
.ii-acct-card form {
flex: 1 1 100%;
inline-size: 100%;
min-inline-size: 0;
}
#pills-editProfile .ii-acct-card .form-control,
#pills-editProfile .ii-acct-card .ii-acct-textarea,
.ii-acct-card .form-control,
.ii-acct-card .ii-acct-textarea {
max-inline-size: none;
}
.ii-acct-card [class*="col-"] {
padding-inline: 0 !important;
}
.ii-acct-card .ii-acct-body,
.ii-acct-card .ii-acct-block,
.ii-acct-card .ii-acct-actions,
.ii-acct-card .tab-content-body,
.ii-acct-card .m-w-100 {
inline-size: 100%;
max-inline-size: none;
min-inline-size: 0;
}
.ii-acct-card {
--acct-pad: 40px;
}
@media (max-width: 640px) {
.ii-acct-card { --acct-pad: 24px; }
}
.ii-acct-card .ii-acct-select .form-control,
.ii-acct-card #iiRegion {
padding-inline-start: 42px;
padding-inline-end: 40px;
}
.ii-acct-card .ii-acct-select .form-control,
.ii-acct-card #iiRegion {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A5A5A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 16px 16px;
}
[dir="rtl"] .ii-acct-card .ii-acct-select .form-control,
[dir="rtl"] .ii-acct-card #iiRegion {
background-position: left 14px center;
}
:root {
--ii-stick-nav: 75px;
--ii-stick-search: 54px;
}
body.ii-nav-scrolls { --ii-stick-search: 62px; }
body.ii-home { --ii-stick-search: 55px; }
@media (max-width: 991px) {
#page.stylehome1 { border-bottom: 0; }
body.ii-home .mobile-header-set { margin-bottom: 0; }
body.ii-allow-sticky .ii-home-stick,
body.ii-allow-sticky.ii-nav-scrolls .our-listing .sticky-block,
body.ii-allow-sticky.ii-nav-scrolls .ii-filter-row {
background: var(--ii-bg-surface);
}
body.ii-allow-sticky .ii-home-stick,
body.ii-allow-sticky.ii-nav-scrolls .ii-filter-row {
border-bottom: 1px solid var(--ii-border);
}
body.ii-allow-sticky .ii-home-stick .row.search-bar {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 0 8px !important;
}
body.ii-nav-scrolls .our-listing .sticky-block .row.search-bar {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 8px 0 !important;
}
body.ii-nav-scrolls #page.stylehome1 { position: static; }
body.ii-nav-scrolls .mobile-header-set { display: none; }
body.ii-allow-sticky.ii-nav-scrolls .our-listing .sticky-block {
top: 0;
z-index: 45;
}
body.ii-nav-scrolls .ii-searchrow { display: flex; align-items: center; gap: 0; }
body.ii-nav-scrolls .ii-searchrow-logo {
display: block;
flex: 0 0 auto;
width: 0;
overflow: hidden;
opacity: 0;
transition: width var(--ii-dur-fast) var(--ii-ease),
opacity var(--ii-dur-fast) var(--ii-ease);
}
body.ii-nav-scrolls .ii-searchrow-logo img { height: 28px; width: auto; display: block; }
body.ii-stuck.ii-nav-scrolls .ii-searchrow-logo { width: 64px; opacity: 1; margin-right: 12px; }
body.ii-nav-scrolls .ii-searchbox,
body.ii-home .ii-searchbox {
display: flex;
align-items: stretch;
flex: 1 1 auto;
min-width: 0;
border-radius: 8px;
overflow: hidden;
background: var(--ii-bg-sunken);
border: 1px solid var(--ii-border);
}
body.ii-nav-scrolls .ii-searchbox .input-group,
body.ii-home .ii-searchbox .input-group,
body.ii-nav-scrolls .ii-searchbox .input-group:focus-within,
body.ii-home .ii-searchbox .input-group:focus-within,
body.ii-nav-scrolls .ii-searchbox .input-group:has(> #autocomplete-search),
body.ii-home .ii-searchbox .input-group:has(> #autocomplete-search),
body.ii-nav-scrolls .ii-searchbox .input-group:has(> #autocomplete-search):focus-within,
body.ii-home .ii-searchbox .input-group:has(> #autocomplete-search):focus-within {
flex: 1 1 auto;
min-width: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
body.ii-nav-scrolls .ii-searchbox .input-group .input-group-text,
body.ii-nav-scrolls .ii-searchbox .input-group #autocomplete-search,
body.ii-nav-scrolls .ii-searchbox .input-group .form-control,
body.ii-home .ii-searchbox .input-group .input-group-text,
body.ii-home .ii-searchbox .input-group #autocomplete-search,
body.ii-home .ii-searchbox .input-group .form-control {
height: 44px;
min-height: 44px;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
body.ii-nav-scrolls .ii-searchbox .input-group-text,
body.ii-home .ii-searchbox .input-group-text {
padding-left: 12px;
padding-right: 6px;
color: var(--ii-text-muted);
}
body.ii-nav-scrolls .ii-searchbox:focus-within,
body.ii-home .ii-searchbox:focus-within { border-color: var(--ii-border-strong); }
body.ii-nav-scrolls .ii-searchbox .highlight-on-focus:focus-within .input-group-text,
body.ii-home .ii-searchbox .highlight-on-focus:focus-within .input-group-text {
color: var(--ii-text);
}
body.ii-allow-sticky .ii-filter-row {
position: -webkit-sticky;
position: sticky;
top: calc(var(--ii-stick-nav) + var(--ii-stick-search) - 1px);
z-index: 39;
background: var(--ii-bg-canvas);
padding: 6px 0;
}
body.ii-allow-sticky.ii-nav-scrolls .ii-filter-row {
top: calc(var(--ii-stick-search) - 1px);
}
body.ii-allow-sticky .ii-filter-row .ii-filter-bar {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
flex-wrap: nowrap;
}
body.ii-allow-sticky .ii-filter-row .ii-filter-bar::-webkit-scrollbar {
display: none;
}
}
@media (max-width: 991px) {
.ii-acct-tabs { display: none !important; }
}
@media (max-width: 991px) {
input[type="text"], input[type="tel"], input[type="number"],
input[type="email"], input[type="search"], input[type="password"],
input[type="url"], input[type="date"], input:not([type]),
select, textarea {
font-size: 16px;
}
.copy-text input.text,
.ii-seg-sort,
.sasw_list .search_area input,
.sasw_list .search_area textarea,
.form_grid .contact_form input,
.form_grid .contact_form textarea.form-control,
.checkout_form .checkout_coupon form input.coupon_input,
.checkout_form .checkout_coupon form textarea,
.mbp_comment_form.style2 .comments_form .form-group input,
.bsp_reveiw_wrt .comments_form .form-group input,
.mbp_comment_form.style2 .comments_form .form-group textarea,
.bsp_reveiw_wrt .comments_form .form-group textarea {
font-size: 16px;
}
}
a.ii-seg-item { color: var(--ii-text-secondary); }
a.ii-seg-item:hover { color: var(--ii-text); }
.wallet-item-left .amoumt-item span { color: var(--ii-text); }
:root[data-theme="dark"] .user_setting .btn.dropdown-toggle {
background-color: transparent !important;
border-color: transparent !important;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .user_setting .btn.dropdown-toggle {
background-color: transparent !important;
border-color: transparent !important;
}
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu {
background-color: var(--ii-bg-raised);
border: 1px solid var(--ii-border);
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu:before {
background-color: var(--ii-bg-raised);
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li {
background-color: transparent;
}
header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li a {
border-bottom-color: var(--ii-border);
}
.sidenav {
background-color: var(--ii-bg-surface);
}
.listing_toogle_sidebar.sidenav {
background-color: var(--ii-bg-surface);
border-color: var(--ii-border);
}
.off-canvas-header h3,
.off-canvas-header a {
color: var(--ii-text-on-cta);
}
.login_register_box {
background-color: var(--ii-bg-surface);
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-card);
}
.login_form .btn-log,
.sign_up_form .btn-log {
background-color: var(--ii-cta);
color: var(--ii-text-on-cta);
}
.login_form .btn-fpswd {
color: var(--ii-accent-text);
}
.login_register_box .form-control {
border-color: var(--ii-border-control);
}
.modal .close,
.modal .close span {
color: var(--ii-text);
text-shadow: none;
}
.modal .close { opacity: .75; }
.modal .close:hover,
.modal .close:focus { opacity: 1; }
.modal .form-wapper {
background-color: transparent;
}
.modal .input-group-text {
background-color: var(--ii-bg-sunken);
border-color: var(--ii-border-strong);
color: var(--ii-text-secondary);
}
.modal button.caption-btn,
.modal button.caption-btn p {
background-color: var(--ii-cta) !important;
color: var(--ii-text-on-cta) !important;
}
.modal button.caption-btn p { background-color: transparent !important; }
.modal .copy-text {
background: var(--ii-bg-sunken);
border-color: var(--ii-border);
}
.modal .copy-text input.text {
background-color: transparent;
color: var(--ii-text);
}
.modal .copy-text button {
background: var(--ii-cta);
color: var(--ii-text-on-cta);
}
.verify-profile-block {
background: var(--ii-bg-sunken);
}
.profile-verify-file .file-upload .file-upload-select,
.profile-verify-file .file-upload .edit-file-upload-select {
background: var(--ii-bg-surface) !important;
color: var(--ii-text);
border: 1px solid var(--ii-border-control);
}
.profile-verify-file .file-upload .file-upload-select .file-select-button,
.profile-verify-file .file-upload .edit-file-upload-select .file-select-button {
background: var(--ii-cta);
color: var(--ii-text-on-cta);
}
.preloader {
background-color: var(--ii-bg-canvas);
}
.create-listing-form,
.my_dashboard_review {
background-color: var(--ii-bg-surface);
}
.select-category-bar .select-category-box {
background-color: var(--ii-bg-surface);
}
.verify-item-table thead {
background-color: var(--ii-bg-sunken);
color: var(--ii-text);
}
.emptyMsg {
background-color: var(--ii-bg-sunken);
color: var(--ii-text-secondary);
}
h5 small {
color: var(--ii-text-secondary);
}
.ii-empty-line small {
color: var(--ii-text-muted);
}
.ii-pending-banner span {
color: var(--ii-text-secondary);
}
.select-category-bar .select-category-box .title-bar {
color: var(--ii-text);
}
.D_vg {
color: var(--ii-text-secondary);
}
.D_abG {
background-color: var(--ii-accent);
}
.profile-top-wapper .media-head-right ul li a {
background-color: var(--ii-bg-sunken);
color: var(--ii-text);
}
.viewer-item span {
color: var(--ii-text);
}
.select-category-bar .select-category-dropdown {
background-color: var(--ii-bg-raised);
border-color: var(--ii-border);
}
.select-category-bar .select-category-dropdown span {
color: var(--ii-text);
}
.select-category-bar .select-category-dropdown li a {
background-color: transparent !important;
}
.ii-promo-explain {
margin: 0 0 14px;
padding: 10px 12px;
border-radius: 10px;
background: var(--ii-bg-sunken);
color: var(--ii-text-secondary);
font-size: var(--ii-text-sm, 14px);
line-height: 1.5;
}
.ii-promo-explain strong { color: var(--ii-text); }
.ii-promo-summary { display: flex; flex-direction: column; gap: 2px; }
.ii-promo-until,
.ii-promo-balance {
font-size: var(--ii-text-xs, 12px);
line-height: 1.4;
color: var(--ii-text-secondary);
}
.ii-promo-balance.is-short { color: var(--ii-warning); }
.ii-swal-warn {
margin: 10px 0 0;
padding: 8px 10px;
border-radius: 8px;
background: var(--ii-warning-subtle);
color: var(--ii-warning);
font-size: var(--ii-text-sm, 14px);
line-height: 1.45;
text-align: left;
}
.ii-promo-coupon { margin-top: 4px; }
.ii-promo-coupon > summary {
cursor: pointer;
list-style: none;
display: inline-block;
padding: 4px 0;
font-size: var(--ii-text-sm, 14px);
color: var(--ii-text-secondary);
text-decoration: underline;
}
.ii-promo-coupon > summary::-webkit-details-marker { display: none; }
.ii-promo-coupon > summary:hover { color: var(--ii-text); }
.ii-promo-coupon[open] > summary { margin-bottom: 4px; }
.ii-card-age.is-fresh {
color: var(--ii-success);
font-weight: var(--ii-weight-bold, 600);
}
.ii-card-facts {
margin: 2px 0 0;
font-size: var(--ii-text-xs, 12px);
line-height: 1.4;
color: var(--ii-text-secondary);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
:root[data-theme="dark"] .lsd_list .icon-bar img {
filter: invert(1) brightness(.96);
}
:root[data-theme="dark"] .banner-card-slider .owl-controls .owl-nav .owl-prev,
:root[data-theme="dark"] .banner-card-slider .owl-controls .owl-nav .owl-next,
:root[data-theme="dark"] .listing_single_property_slider .owl-controls .owl-nav .owl-prev,
:root[data-theme="dark"] .listing_single_property_slider .owl-controls .owl-nav .owl-next {
background-color: var(--ii-glass) !important;
border-color: var(--ii-glass-border) !important;
color: var(--ii-text) !important;
}
:root[data-theme="dark"] .owl-controls .owl-nav [class*="flaticon"] {
color: var(--ii-text) !important;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .lsd_list .icon-bar img {
filter: invert(1) brightness(.96);
}
:root:not([data-theme="light"]) .banner-card-slider .owl-controls .owl-nav .owl-prev,
:root:not([data-theme="light"]) .banner-card-slider .owl-controls .owl-nav .owl-next,
:root:not([data-theme="light"]) .listing_single_property_slider .owl-controls .owl-nav .owl-prev,
:root:not([data-theme="light"]) .listing_single_property_slider .owl-controls .owl-nav .owl-next {
background-color: var(--ii-glass) !important;
border-color: var(--ii-glass-border) !important;
color: var(--ii-text) !important;
}
:root:not([data-theme="light"]) .owl-controls .owl-nav [class*="flaticon"] {
color: var(--ii-text) !important;
}
}
.order_list li a {
color: var(--ii-text-secondary);
}
.category-item {
border-bottom: 1px solid var(--ii-border);
}
.select-category-bar .select-category-dropdown li.category-item:not(:last-child),
.select-category-bar .select-category-dropdown li.category-item .submenu-wapper li:not(:last-child) {
border-bottom: 1px solid var(--ii-border);
}
@media (max-width: 992px) {
.whatsapp-btn.sticky-listing { display: none !important; }
}
.ii-landing { background: var(--ii-bg-canvas); }
.ii-landing-crumbs {
display: flex; flex-wrap: wrap; align-items: center; gap: var(--ii-space-2);
font-size: var(--ii-text-xs);
color: var(--ii-text-muted);
margin-bottom: var(--ii-space-3);
}
.ii-landing-crumbs a { color: var(--ii-text-secondary); text-decoration: none; }
.ii-landing-crumbs a:hover { color: var(--ii-accent-text); }
.ii-landing-title {
font-size: var(--ii-text-xl);
font-weight: var(--ii-weight-bold);
line-height: var(--ii-leading-display);
letter-spacing: -0.015em;
color: var(--ii-text);
margin: 0 0 var(--ii-space-2);
}
.ii-landing-intro {
font-size: var(--ii-text-md);
line-height: var(--ii-leading-body);
color: var(--ii-text-secondary);
max-width: 62ch;
margin: 0 0 var(--ii-space-5);
}
.ii-landing-empty {
font-size: var(--ii-text-md);
color: var(--ii-text-secondary);
background: var(--ii-bg-surface);
border-radius: var(--ii-radius-card);
padding: var(--ii-space-5);
max-width: 62ch;
}
.ii-landing-empty a { color: var(--ii-accent-text); }
.ii-landing-pager { margin-top: var(--ii-space-5); }
.ii-landing-siblings { margin-top: var(--ii-space-6); }
.ii-landing-subtitle {
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text);
margin: 0 0 var(--ii-space-3);
}
.ii-landing-siblings ul {
list-style: none; padding: 0; margin: 0;
display: flex; flex-wrap: wrap; gap: var(--ii-space-2);
}
.ii-landing-siblings a {
display: inline-flex; align-items: center;
min-height: 36px; padding: 0 var(--ii-space-3);
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-pill);
background: var(--ii-bg-surface);
color: var(--ii-text-secondary);
font-size: var(--ii-text-xs);
text-decoration: none;
}
.ii-landing-siblings a:hover {
color: var(--ii-accent-text);
border-color: var(--ii-border-strong);
}
@media (min-width: 768px) {
.ii-landing-title { font-size: var(--ii-text-2xl, 28px); }
}
.ii-hubs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: var(--ii-space-5);
margin-top: var(--ii-space-5);
}
.ii-hubs-cat-title {
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text);
margin: 0 0 var(--ii-space-3);
padding-bottom: var(--ii-space-2);
border-bottom: 1px solid var(--ii-border);
}
.ii-hubs-list { list-style: none; padding: 0; margin: 0; }
.ii-hubs-list li + li { margin-top: 2px; }
.ii-hubs-list a {
display: flex; align-items: center; justify-content: space-between;
gap: var(--ii-space-3);
min-height: 44px;
padding: var(--ii-space-2) var(--ii-space-3);
border-radius: var(--ii-radius-md, 8px);
color: var(--ii-text);
text-decoration: none;
}
.ii-hubs-list a:hover {
background: var(--ii-bg-surface);
color: var(--ii-accent-text);
}
.ii-hubs-place { font-size: var(--ii-text-sm); }
.ii-savesearch {
margin-top: 28px;
padding-top: 22px;
border-top: 1px solid var(--ii-border);
text-align: left;
}
.ii-savesearch-title {
font-size: 15px; font-weight: 700; color: var(--ii-ink);
margin: 0 0 4px;
}
.ii-savesearch-note {
font-size: 13px; line-height: 1.5; color: var(--ii-text-secondary);
margin: 0 0 12px;
}
.ii-savesearch-row { display: flex; flex-wrap: wrap; gap: var(--ii-space-2, 8px); }
.ii-savesearch-label {
display: block; font-size: 12px; font-weight: 600;
color: var(--ii-text-secondary); margin-bottom: 6px;
}
.ii-savesearch-input {
flex: 1 1 190px; min-width: 0;
padding: 12px 14px;
font-size: 16px;
color: var(--ii-ink);
background: var(--ii-bg-surface);
border: 1.5px solid var(--ii-border-strong);
border-radius: var(--ii-radius-md, 10px);
}
.ii-savesearch-input:focus-visible {
outline: 2px solid var(--ii-accent);
outline-offset: 1px;
border-color: var(--ii-accent);
}
.ii-savesearch-btn {
flex: 0 0 auto;
padding: 12px 18px;
font-size: 15px; font-weight: 700;
color: var(--ii-text-on-cta);
background: var(--ii-cta);
border: 0; border-radius: var(--ii-radius-md, 10px);
cursor: pointer;
}
.ii-savesearch-btn:hover { background: var(--ii-cta-hover); }
.ii-savesearch-btn:focus-visible { outline: 2px solid var(--ii-ink); outline-offset: 2px; }
.ii-savesearch-fine {
font-size: 12px; line-height: 1.5; color: var(--ii-text-muted);
margin: 10px 0 0;
}
.ii-savesearch-error {
font-size: 13px; color: var(--ii-danger, #C62828);
margin: 8px 0 0;
}
.ii-savesearch-done {
font-size: 14px; line-height: 1.5; font-weight: 600;
color: var(--ii-success, #1B7F3B);
margin: 0;
}
.terms_condition_grid {
background: var(--ii-bg-surface);
border-color: var(--ii-border);
color: var(--ii-text);
}
.terms_condition_grid .grids p,
.terms_condition_grid .grids li,
.terms_condition_grid .grids td {
color: var(--ii-text-secondary);
}
.terms_condition_grid .grids h1,
.terms_condition_grid .grids h2,
.terms_condition_grid .grids h3,
.terms_condition_grid .grids h4,
.terms_condition_grid .grids h5,
.terms_condition_grid .grids h6,
.terms_condition_grid .grids strong {
color: var(--ii-text);
}
.terms_condition_grid .grids a {
color: var(--ii-accent-text);
}
html body :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
outline: 2px solid var(--ii-focus);
outline-offset: 2px;
}
:root .form-control:focus-visible,
:root .form-select:focus-visible,
:root input.form-control:focus-visible {
outline: 2px solid var(--ii-focus);
outline-offset: -1px;
}
:root a.ii-card-title:focus-visible {
outline: 2px solid var(--ii-focus);
outline-offset: 1px;
border-radius: 3px;
}
:root .btn:focus-visible {
outline: 2px solid var(--ii-focus);
outline-offset: 2px;
}
.ii-contact-safety {
margin: var(--ii-space-3) 0 0;
font-size: var(--ii-text-sm);
line-height: var(--ii-leading-body);
color: var(--ii-text-secondary);
}
.ii-contact-safety-title {
display: flex;
align-items: center;
gap: var(--ii-space-2);
margin: 0 0 var(--ii-space-1);
font-size: var(--ii-text-sm);
font-weight: var(--ii-weight-semibold);
line-height: var(--ii-leading-body);
color: var(--ii-text);
}
.ii-contact-safety-title svg {
flex: 0 0 16px;
width: 16px;
height: 16px;
fill: var(--ii-success);
}
.ii-contact-safety-list {
margin: 0;
padding: 0 0 0 calc(16px + var(--ii-space-2));
list-style: disc;
}
.ii-contact-safety-list li { margin: 0; list-style: inherit; }
.ii-contact-safety-link,
.ii-contact-safety-link:hover,
.ii-contact-safety-link:focus {
display: inline-block;
margin: var(--ii-space-1) 0 0 calc(16px + var(--ii-space-2));
color: var(--ii-text);
font-weight: var(--ii-weight-regular);
text-decoration: underline;
text-underline-offset: 2px;
}
.faq_according .card-body ul {
margin: 0 0 var(--ii-space-3);
padding-left: 20px;
list-style: disc;
}
.faq_according .card-body li {
margin: 0 0 var(--ii-space-1);
list-style: inherit;
}
.ii-signin-reasons,
.ii-signin-wall-wrap { display: none; }
@media (min-width: 992px) {
:root body.ii-signin header.header-nav,
:root body.ii-signin header.header-nav.stricky,
:root body.ii-signin header.header-nav.main-menu { box-shadow: inset 0 -1px 0 var(--ii-border); }
.ii-signin-reasons { display: grid; gap: 14px; margin: 26px 6px 0; padding: 0; list-style: none; }
.ii-signin-reasons li { display: flex; align-items: center; gap: 12px; margin: 0; list-style: none; font-size: var(--ii-text-md); line-height: var(--ii-leading-body); color: var(--ii-text-secondary); }
.ii-signin-reasons i { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--ii-art-accent-soft); }
.ii-signin-reasons svg { width: 17px; height: 17px; fill: var(--ii-accent-text); }
.ii-signin-wall-wrap { display: block; position: relative; min-width: 0; height: calc(100vh - 74px); min-height: 560px; max-height: 1400px; }
.ii-signin-wall { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; height: 100%; overflow: hidden; }
.ii-signin-wall-col { min-width: 0; overflow: hidden; }
.ii-signin-wall-col:nth-child(n+3) { display: none; }
.ii-signin-wall-track { display: flex; flex-direction: column; animation: ii-signin-wall-up 47.67s linear infinite; will-change: transform; backface-visibility: hidden; }
.ii-signin-wall-col.is-down .ii-signin-wall-track { animation-name: ii-signin-wall-down; }
.ii-signin-art { position: relative; flex: none; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; border-radius: 20px; }
.ii-signin-art.is-h1 { height: 230px; }
.ii-signin-art.is-h2 { height: 200px; }
.ii-signin-art.is-h3 { height: 214px; }
.ii-signin-art.is-h4 { height: 250px; }
.ii-signin-art.is-h5 { height: 232px; }
.ii-signin-art.is-h6 { height: 208px; }
.ii-signin-art.is-peach { background: var(--ii-art-tint-peach); }
.ii-signin-art.is-sand { background: var(--ii-art-tint-sand); }
.ii-signin-art.is-sky { background: var(--ii-art-tint-sky); }
.ii-signin-art.is-mint { background: var(--ii-art-tint-mint); }
.ii-signin-art.is-lilac { background: var(--ii-art-tint-lilac); }
.ii-signin-art.is-rose { background: var(--ii-art-tint-rose); }
.ii-signin-art svg { display: block; width: 80%; max-width: 220px; height: auto; margin-top: -24px; opacity: 0; transition: opacity .3s ease; }
.ii-signin-wall-wrap.is-drawn .ii-signin-art svg { opacity: 1; }
.ii-signin-art-price { position: absolute; left: 12px; bottom: 12px; padding: 5px 10px; border-radius: var(--ii-radius-pill); background: var(--ii-art-chip-bg); color: var(--ii-art-chip-text); font-size: var(--ii-text-xs); font-weight: var(--ii-weight-semibold); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ii-signin-wall-wrap.is-paused .ii-signin-wall-track,
.pa-col:focus-within ~ .ii-signin-wall-wrap .ii-signin-wall-track { animation-play-state: paused; }
.ii-signin-wall-pause { position: absolute; right: 20px; bottom: 20px; z-index: 1; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--ii-border); border-radius: 50%; background: var(--ii-bg-surface); color: var(--ii-text); box-shadow: var(--ii-shadow-md); cursor: pointer; }
.ii-signin-wall-pause svg { width: 16px; height: 16px; fill: currentColor; }
.ii-signin-wall-pause:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 2px; }
}
@media (min-width: 1280px) {
.ii-signin-wall { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ii-signin-wall-col:nth-child(3) { display: block; }
}
@media (min-width: 1900px) {
.ii-signin-wall { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ii-signin-wall-col:nth-child(4) { display: block; }
}
@media (min-width: 2500px) {
.ii-signin-wall { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ii-signin-wall-col:nth-child(5) { display: block; }
}
@keyframes ii-signin-wall-up { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -50%, 0); } }
@keyframes ii-signin-wall-down { from { transform: translate3d(0, -50%, 0); } to { transform: translate3d(0, 0, 0); } }
@media (prefers-reduced-motion: reduce) {
.ii-signin-wall-col .ii-signin-wall-track,
.ii-signin-wall-col.is-down .ii-signin-wall-track { animation: none; transform: none; }
.ii-signin-wall-pause { display: none; }
.ii-signin-art svg { transition: none; }
}
.ii-signin-wall .k-or { fill: var(--ii-art-orange); }
.ii-signin-wall .k-or2 { fill: var(--ii-art-orange-soft); }
.ii-signin-wall .k-bl { fill: var(--ii-art-blue); }
.ii-signin-wall .k-bl2 { fill: var(--ii-art-blue-soft); }
.ii-signin-wall .k-gr { fill: var(--ii-art-green); }
.ii-signin-wall .k-gr2 { fill: var(--ii-art-green-soft); }
.ii-signin-wall .k-ye { fill: var(--ii-art-yellow); }
.ii-signin-wall .k-ye2 { fill: var(--ii-art-sand); }
.ii-signin-wall .k-rd { fill: var(--ii-art-red); }
.ii-signin-wall .k-pu { fill: var(--ii-art-purple); }
.ii-signin-wall .k-pk { fill: var(--ii-art-pink); }
.ii-signin-wall .k-tl { fill: var(--ii-art-teal); }
.ii-signin-wall .k-tl2 { fill: var(--ii-art-teal-deep); }
.ii-signin-wall .k-wd { fill: var(--ii-art-wood); }
.ii-signin-wall .k-mt { fill: var(--ii-art-metal); }
.ii-signin-wall .k-dk { fill: var(--ii-art-ink); }
.ii-signin-wall .k-lt { fill: var(--ii-art-white); }
.ii-signin-wall .k-lt2 { fill: var(--ii-art-cream); }
.ii-signin-wall .k-sh { fill: var(--ii-art-shadow); }
.ii-signin-wall .s-bl,
.ii-signin-wall .s-bl path { fill: none; stroke: var(--ii-art-blue-soft); stroke-width: 4; stroke-linecap: round; }
.ii-signin-wall .s-mt,
.ii-signin-wall .s-mt path { fill: none; stroke: var(--ii-art-metal); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.ii-home-about,
.ii-page-about {
padding: var(--ii-space-6) 0 var(--ii-space-7);
border-top: 1px solid var(--ii-border);
}
.ii-home-about-title,
.ii-page-about-title {
margin: 0 0 var(--ii-space-2);
font-family: var(--ii-font-sans);
font-size: var(--ii-text-lg);
font-weight: var(--ii-weight-semibold);
line-height: 1.3;
color: var(--ii-text);
}
.ii-home-about p,
.ii-page-about p {
max-width: 70ch;
margin: 0 0 var(--ii-space-3);
font-size: var(--ii-text-sm);
line-height: 1.6;
color: var(--ii-text-muted);
}
.ii-page-about .ii-page-about-label {
margin: 0 0 var(--ii-space-2);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text);
}
.ii-home-about-links,
.ii-page-about-links {
display: flex;
flex-wrap: wrap;
gap: var(--ii-space-2) var(--ii-space-4);
margin: 0;
padding: 0;
list-style: none;
}
.ii-home-about-links a,
.ii-page-about-links a {
font-size: var(--ii-text-sm);
color: var(--ii-text);
text-decoration: underline;
text-underline-offset: 2px;
}
.ii-home-about-links a:hover,
.ii-page-about-links a:hover { color: var(--ii-accent, var(--ii-text)); }
.ii-home-about-links a:focus-visible,
.ii-page-about-links a:focus-visible { outline: 2px solid var(--ii-focus); outline-offset: 2px; border-radius: 2px; }
.ii-guide-cta-top { margin: 0 0 var(--ii-space-6); }
.ii-guide-body { max-width: 68ch; }
.ii-guide-h2 {
font-size: var(--ii-text-lg);
font-weight: var(--ii-weight-semibold);
line-height: var(--ii-leading-display);
color: var(--ii-text);
margin: var(--ii-space-6) 0 var(--ii-space-3);
}
.ii-guide-p {
font-size: var(--ii-text-md);
line-height: var(--ii-leading-body);
color: var(--ii-text-secondary);
margin: 0 0 var(--ii-space-3);
max-width: 68ch;
}
.ii-guide-p a,
.ii-page-about-guide a { color: var(--ii-accent-text); }
.ii-guide-list,
.ii-guide-steps {
font-size: var(--ii-text-md);
line-height: var(--ii-leading-body);
color: var(--ii-text-secondary);
margin: 0;
padding-left: 1.25em;
display: grid;
gap: var(--ii-space-2);
}
.ii-guide-list { list-style: disc outside; }
.ii-guide-steps { list-style: decimal outside; }
.ii-guide-list li,
.ii-guide-steps li { display: list-item; }
.ii-guide-steps strong { color: var(--ii-text); }
.ii-guide-cta {
margin-top: var(--ii-space-6);
padding: var(--ii-space-5);
background: var(--ii-bg-surface);
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-card);
max-width: 68ch;
}
.ii-guide-cta-title {
font-size: var(--ii-text-lg);
font-weight: var(--ii-weight-semibold);
color: var(--ii-text);
margin: 0 0 var(--ii-space-1);
}
.ii-guide-index {
list-style: none; padding: 0; margin: 0;
display: grid; gap: var(--ii-space-3);
max-width: 68ch;
}
.ii-guide-index li {
display: grid; gap: var(--ii-space-1);
padding: var(--ii-space-4);
background: var(--ii-bg-surface);
border: 1px solid var(--ii-border);
border-radius: var(--ii-radius-card);
}
.ii-guide-index a {
font-size: var(--ii-text-md);
font-weight: var(--ii-weight-semibold);
color: var(--ii-accent-text);
text-decoration: none;
}
.ii-guide-index a:hover { text-decoration: underline; }
.ii-guide-index span {
font-size: var(--ii-text-sm, 14px);
line-height: var(--ii-leading-body);
color: var(--ii-text-secondary);
}
.ii-page-about-guide { margin-top: var(--ii-space-2); }