:root {
  --navy: #101a24;
  --navy-2: #172532;
  --navy-3: #233544;
  --gold: #b77a13;
  --gold-2: #d09a32;
  --gold-soft: #f7efe0;
  --cream: #faf8f4;
  --white: #fff;
  --ink: #15202a;
  --muted: #68737d;
  --line: #e5e7e8;
  --success: #248455;
  --danger: #c34141;
  --shadow-sm: 0 8px 24px rgba(13, 24, 34, .07);
  --shadow-lg: 0 24px 64px rgba(13, 24, 34, .14);
  --radius: 18px;
  --radius-sm: 12px;
  --container: 1220px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font: 400 16px/1.65 "DM Sans", sans-serif; -webkit-font-smoothing: antialiased; }
::selection { color: #fff; background: var(--gold); }
body.menu-open { overflow: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.container { width: min(var(--container), calc(100% - 40px)); margin-inline: auto; }
.narrow-container { max-width: 850px; }
.skip-link { position: fixed; z-index: 9999; top: 8px; left: 8px; transform: translateY(-150%); background: var(--white); padding: 10px 16px; border-radius: 8px; }
.skip-link:focus { transform: none; }
.eyebrow { display: block; margin-bottom: 7px; color: var(--gold); font: 700 12px/1.2 "Manrope", sans-serif; letter-spacing: .14em; text-transform: uppercase; }
h1, h2, h3 { font-family: "Manrope", sans-serif; line-height: 1.15; letter-spacing: -.035em; }
h1, h2, h3, p { margin-top: 0; }
.button { min-height: 48px; padding: 0 22px; border: 1px solid transparent; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-weight: 700; cursor: pointer; transition: .2s ease; }
.button:hover { transform: translateY(-1px); }
.button-gold { color: #fff; background: linear-gradient(135deg, var(--gold), var(--gold-2)); box-shadow: 0 9px 22px rgba(183,122,19,.2); }
.button-gold:hover { box-shadow: 0 12px 28px rgba(183,122,19,.28); }
.button-dark { color: #fff; background: var(--navy); }
.button-light { color: var(--navy); background: #fff; }
.button-outline { color: var(--navy); border-color: var(--line); background: #fff; }
.button-small { min-height: 42px; padding-inline: 17px; font-size: 14px; }
.button-block { width: 100%; }
.button svg { width: 18px; }
.text-link { display: inline-flex; align-items: center; gap: 7px; color: var(--gold); font-weight: 700; white-space: nowrap; }
.text-link svg { width: 16px; }
.icon-button { width: 42px; height: 42px; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: #fff; display: inline-grid; place-items: center; cursor: pointer; }

/* Header dhe marka */
.site-header { position: sticky; z-index: 100; top: 0; height: 78px; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(17,29,39,.07); box-shadow: 0 8px 30px rgba(16,26,36,.035); backdrop-filter: blur(18px); }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.brand .custom-logo-link { display: flex; align-items: center; }
.brand .custom-logo { width: auto; max-width: 220px; height: 54px; object-fit: contain; }
.brand-logo-crop { position: relative; width: 43px; height: 58px; overflow: hidden; display: block; flex: 0 0 43px; }
.brand-logo-crop img { position: absolute; top: -6px; left: -33px; width: 103px; max-width: none; height: auto; }
.brand-mark { position: relative; width: 43px; height: 47px; color: var(--gold); border: 2px solid currentColor; border-top: 0; border-radius: 4px 4px 22px 22px; display: inline-grid; place-items: center; transform: skew(-5deg); }
.brand-mark::before { content: ""; position: absolute; top: -5px; left: 3px; right: 11px; border-top: 2px solid currentColor; transform: rotate(-24deg); transform-origin: left; }
.brand-mark i { position: absolute; top: 5px; right: 5px; width: 13px; height: 26px; background: var(--navy); clip-path: polygon(30% 0,100% 25%,100% 100%,0 100%,0 32%); }
.brand-mark b { font: 800 19px "Manrope", sans-serif; transform: skew(5deg); }
.brand-copy { display: grid; line-height: 1; }
.brand-copy strong { font: 600 21px/1.1 "Manrope", sans-serif; letter-spacing: .21em; }
.brand-copy strong span { color: var(--gold); }
.brand-copy small { margin-top: 6px; font-size: 7.5px; font-weight: 800; letter-spacing: .13em; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: 30px; margin-left: auto; }
.desktop-nav a { position: relative; padding: 28px 0; color: #35404a; font-size: 14px; font-weight: 600; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 20px; height: 2px; background: var(--gold); transition: .2s; }
.desktop-nav a:hover::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.menu-toggle { display: none; }
.mobile-menu { position: fixed; z-index: 99; inset: 78px 0 auto; padding: 18px 20px 28px; background: #fff; box-shadow: var(--shadow-lg); }
.mobile-menu a { display: block; padding: 14px 2px; border-bottom: 1px solid var(--line); font-weight: 600; }

/* Ballina */
.hero { position: relative; overflow: hidden; color: #fff; background: #0c1720; }
.hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(7,15,21,.98) 0%,rgba(10,21,29,.88) 37%,rgba(10,21,29,.40) 72%,rgba(10,21,29,.28) 100%), linear-gradient(0deg,rgba(7,15,21,.55),transparent 48%), url('../images/hero-prishtina-premium.png') center center / cover no-repeat; }
.hero::after { content: ""; position: absolute; top: 0; right: 0; width: 42%; height: 100%; opacity: .14; background: linear-gradient(135deg, transparent 0 32%, var(--gold) 32.3% 33%, transparent 33.3% 45%, #fff 45.3% 46%, transparent 46.3%); }
.hero-pattern { position: absolute; inset: 0; opacity: .05; background-image: radial-gradient(#fff 1px, transparent 1px); background-size: 22px 22px; }
.hero-inner { position: relative; z-index: 2; padding: 92px 0 62px; }
.hero-copy { max-width: 760px; }
.hero-kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 18px; color: #e7cc97; font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.hero-kicker i { width: 24px; height: 1px; background: var(--gold-2); }
.hero h1 { margin-bottom: 18px; font-size: clamp(45px, 6vw, 78px); line-height: 1.04; letter-spacing: -.055em; }
.hero h1 em { color: #d7a64b; font-style: normal; }
.hero-copy > p { max-width: 610px; margin-bottom: 34px; color: #c7d0d6; font-size: 18px; }
.hero-search { position: relative; max-width: 1120px; padding: 18px; color: var(--ink); background: rgba(255,255,255,.985); border: 1px solid rgba(208,154,50,.28); border-radius: 20px; box-shadow: 0 28px 75px rgba(0,0,0,.30); }
.hero-search::before { content: ""; position: absolute; inset: 0 22% auto; height: 2px; background: linear-gradient(90deg,transparent,var(--gold-2),transparent); }
.search-tabs { display: flex; gap: 8px; margin-bottom: 14px; }
.search-tabs input, .segmented input, .choice-cards input, .property-type-choices input { position: absolute; opacity: 0; pointer-events: none; }
.search-tabs span { padding: 8px 16px; border-radius: 8px; display: block; color: var(--muted); font-size: 13px; font-weight: 700; cursor: pointer; }
.search-tabs input:checked + span { color: #fff; background: var(--navy); }
.hero-search-grid { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 12px; }
.hero-search-grid label { padding: 0 14px; border: 1px solid var(--line); border-radius: 10px; display: grid; align-content: center; }
.hero-search-grid label > span { margin-top: 5px; color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.hero-search-grid select { width: 100%; height: 36px; padding: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-weight: 600; }
.search-submit { min-width: 170px; }
.trust-row { max-width: 840px; margin-top: 25px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.trust-row > span { min-width: 0; padding: 11px 13px; border: 1px solid rgba(255,255,255,.11); border-radius: 12px; display: flex; align-items: center; gap: 9px; background: rgba(255,255,255,.055); backdrop-filter: blur(7px); }
.trust-row b { width: 29px; height: 29px; flex: 0 0 29px; border: 1px solid rgba(208,154,50,.75); border-radius: 50%; display: inline-grid; place-items: center; color: var(--gold-2); font-size: 12px; }
.trust-row > span > span { min-width: 0; display: grid; line-height: 1.25; }
.trust-row strong { color: #fff; font-size: 11px; letter-spacing: .01em; }
.trust-row small { margin-top: 2px; overflow: hidden; color: #9fb0ba; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.market-strip { position: relative; z-index: 4; color: #fff; background: var(--navy); border-top: 1px solid rgba(255,255,255,.07); }
.market-strip-inner { min-height: 86px; display: grid; grid-template-columns: auto 1px auto 1px auto 1fr; align-items: center; gap: 28px; }
.market-strip-inner > div { display: flex; align-items: baseline; gap: 8px; }
.market-strip-inner strong { color: var(--gold-2); font: 800 25px "Manrope",sans-serif; }
.market-strip-inner span { color: #c1ccd2; font-size: 11px; }
.market-strip-inner > i { width: 1px; height: 31px; background: rgba(255,255,255,.13); }
.market-strip-inner > a { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; color: #fff; font-size: 12px; font-weight: 800; }
.market-strip-inner > a svg { width: 15px; color: var(--gold-2); }
.home-ad { margin-top: 30px; }
.page-section { padding: 88px 0; }
.latest-section { position: relative; background: radial-gradient(circle at 96% 5%, rgba(183,122,19,.07), transparent 21%), var(--cream); }
.section-heading { margin-bottom: 36px; display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.section-heading h1, .section-heading h2 { margin-bottom: 8px; font-size: clamp(32px, 4vw, 47px); }
.section-heading p { margin-bottom: 0; color: var(--muted); }
.section-heading.centered { justify-content: center; text-align: center; }
.property-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.property-card { position: relative; overflow: hidden; min-width: 0; color: var(--ink); background: #fff; border: 1px solid #e3e6e8; border-radius: 20px; box-shadow: 0 9px 28px rgba(14,26,36,.055); transition: transform .25s, box-shadow .25s, border-color .25s; }
.property-card::after { content: ""; position: absolute; inset: auto 28% 0; height: 2px; opacity: 0; background: linear-gradient(90deg,transparent,var(--gold),transparent); transition: .25s; }
.property-card:hover { transform: translateY(-6px); border-color: rgba(183,122,19,.28); box-shadow: 0 24px 55px rgba(14,26,36,.13); }
.property-card:hover::after { inset-inline: 12%; opacity: 1; }
.property-image { position: relative; height: 258px; overflow: hidden; display: block; background: #e9ecee; }
.property-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.property-card:hover .property-image img { transform: scale(1.035); }
.property-placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: var(--gold); background: linear-gradient(135deg, #e9ecec, #f7f4ed); }
.property-placeholder .brand-mark { transform: scale(1.5) skew(-5deg); opacity: .55; }
.listing-label { position: absolute; z-index: 2; top: 15px; left: 15px; padding: 6px 10px; color: #fff; background: var(--gold); border-radius: 6px; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.listing-label.label-rent { background: var(--navy); }
.listing-label.static { position: static; display: inline-flex; }
.featured-label { position: absolute; z-index: 3; bottom: 12px; left: 15px; padding: 7px 11px; color: #fff; background: linear-gradient(135deg,var(--gold),var(--gold-2)); border-radius: 99px; box-shadow: 0 8px 20px rgba(131,83,8,.24); font-size: 9px; font-weight: 800; letter-spacing: .06em; }
.property-image::after, .gallery-item::after { content: "ULPIANA-P"; position: absolute; z-index: 2; right: 10px; bottom: 10px; padding: 5px 8px; border: 1px solid rgba(255,255,255,.45); border-radius: 6px; color: #fff; background: rgba(8,21,30,.55); text-shadow: 0 1px 2px rgba(0,0,0,.35); font-size: 8px; font-weight: 800; letter-spacing: .08em; pointer-events: none; }
.availability-label { position: absolute; z-index: 2; inset: 0; display: grid; place-items: center; color: #fff; background: rgba(12,22,30,.56); font: 800 18px "Manrope",sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.favorite-button { position: absolute; z-index: 3; top: 14px; right: 14px; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; display: grid; place-items: center; color: var(--navy); background: rgba(255,255,255,.92); box-shadow: 0 3px 12px rgba(0,0,0,.1); cursor: pointer; }
.favorite-button.is-favorite svg, .favorite-button-wide.is-favorite svg { fill: #b83838; stroke: #b83838; }
.property-content { padding: 22px; }
.property-type { margin-bottom: 5px; color: var(--gold); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.property-content h3 { min-height: 44px; margin-bottom: 8px; font-size: 18px; }
.property-content h3 a:hover { color: var(--gold); }
.property-location { display: flex; align-items: center; gap: 5px; margin-bottom: 14px; color: var(--muted); font-size: 13px; }
.property-location svg { width: 14px; flex: 0 0 14px; }
.property-specs { min-height: 30px; padding-bottom: 15px; border-bottom: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 14px; color: #4b5760; font-size: 12px; }
.property-specs span { display: inline-flex; align-items: center; gap: 5px; }
.property-specs svg { width: 16px; color: var(--gold); }
.property-card-footer { padding-top: 15px; display: flex; align-items: center; justify-content: space-between; }
.property-card-footer strong { color: var(--gold); font: 800 18px "Manrope", sans-serif; }
.property-card-footer a { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--navy); }
.property-card-footer svg { width: 15px; }
.categories-section { background: #fff; }
.category-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.category-card { position: relative; min-height: 230px; padding: 26px 22px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(150deg,#fff,#fbfaf7); box-shadow: 0 8px 25px rgba(16,26,36,.035); transition: .25s; }
.category-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(150deg, transparent, rgba(183,122,19,.08)); opacity: 0; transition: .25s; }
.category-card:hover { color: #fff; background: linear-gradient(145deg,var(--navy),#203643); border-color: var(--navy); transform: translateY(-5px); box-shadow: 0 20px 45px rgba(16,26,36,.17); }
.category-card:hover::before { opacity: 1; }
.category-number { position: absolute; top: 18px; right: 18px; color: #dadddf; font: 800 34px "Manrope", sans-serif; }
.category-card h3 { margin-bottom: 8px; font-size: 24px; }
.category-card p { min-height: 50px; margin-bottom: 12px; color: var(--muted); font-size: 13px; }
.category-card:hover p { color: #bdc7ce; }
.category-card small { color: var(--gold); font-weight: 700; }
.category-card > svg { position: absolute; top: 24px; left: 22px; color: var(--gold); }
.featured-section { color: #fff; background: var(--navy); }
.section-heading.light h2 { color: #fff; }
.facebook-home-section { position: relative; overflow: hidden; background: linear-gradient(180deg,#f4f6f7,#fff); }
.facebook-home-section::before { content: "f"; position: absolute; right: -30px; top: -145px; color: rgba(24,119,242,.035); font: 800 520px/1 "Manrope",sans-serif; }
.facebook-home-section .container { position: relative; z-index: 1; }
.facebook-heading { align-items: center; }
.facebook-page-link { min-width: 220px; padding: 11px 14px; border: 1px solid #dce2e6; border-radius: 13px; display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 10px; background: #fff; box-shadow: 0 8px 25px rgba(14,26,36,.055); transition: .2s ease; }
.facebook-page-link:hover { border-color: rgba(24,119,242,.35); transform: translateY(-2px); box-shadow: 0 14px 32px rgba(14,26,36,.1); }
.facebook-page-link > b, .facebook-help-icon { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; color: #fff; background: #1877f2; font: 800 25px/1 Arial,sans-serif; }
.facebook-page-link > span { display: grid; font-size: 12px; font-weight: 800; }
.facebook-page-link small { color: var(--muted); font-size: 8px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.facebook-page-link > i { color: #1877f2; font-style: normal; }
.facebook-post-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.facebook-post-card { min-width: 0; overflow: hidden; border: 1px solid #e0e4e6; border-radius: 20px; background: #fff; box-shadow: 0 12px 34px rgba(14,26,36,.075); transition: transform .25s ease, box-shadow .25s ease; }
.facebook-post-card:hover { transform: translateY(-5px); box-shadow: 0 23px 50px rgba(14,26,36,.13); }
.facebook-post-image { position: relative; height: 248px; overflow: hidden; display: block; background: linear-gradient(145deg,#e9edef,#f7f4ed); }
.facebook-post-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.facebook-post-card:hover .facebook-post-image img { transform: scale(1.035); }
.facebook-post-placeholder { width: 100%; height: 100%; display: grid; place-items: center; }
.facebook-post-placeholder .brand-mark { transform: scale(1.75); opacity: .65; }
.facebook-source { position: absolute; left: 14px; bottom: 13px; padding: 6px 10px; border-radius: 8px; display: inline-flex; align-items: center; gap: 6px; color: #fff; background: rgba(10,27,42,.88); backdrop-filter: blur(7px); font: 800 13px Arial,sans-serif; }
.facebook-source b { font: 700 9px "DM Sans",sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.facebook-post-content { min-height: 178px; padding: 20px 21px 18px; display: flex; flex-direction: column; }
.facebook-post-content time { margin-bottom: 8px; color: #1877f2; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.facebook-post-content p { margin: 0 0 17px; color: #39464f; font-size: 13px; line-height: 1.55; }
.facebook-post-content > a { margin-top: auto; padding-top: 13px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; color: var(--navy); font-size: 11px; font-weight: 800; }
.facebook-post-content > a span { color: #1877f2; font-size: 15px; }
.facebook-follow-card { min-height: 190px; padding: 28px 32px; overflow: hidden; border: 1px solid rgba(24,119,242,.18); border-radius: 22px; display: grid; grid-template-columns: 74px minmax(0,1fr) auto; align-items: center; gap: 24px; color: #fff; background: radial-gradient(circle at 90% 15%,rgba(54,143,255,.32),transparent 29%),linear-gradient(125deg,#101d29,#173b66); box-shadow: 0 20px 55px rgba(14,35,57,.16); }
.facebook-follow-logo { width: 74px; height: 74px; border-radius: 19px; display: grid; place-items: center; color: #fff; background: #1877f2; box-shadow: 0 13px 30px rgba(24,119,242,.3); font: 800 47px/1 Arial,sans-serif; }
.facebook-follow-card > span:nth-child(2) { min-width: 0; display: grid; }
.facebook-follow-card small { color: #7eb4f9; font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.facebook-follow-card strong { margin: 5px 0 4px; font: 700 22px "Manrope",sans-serif; }
.facebook-follow-card em { color: #becbd7; font-size: 12px; font-style: normal; }
.facebook-follow-card > b { padding: 12px 16px; border: 1px solid rgba(255,255,255,.25); border-radius: 10px; white-space: nowrap; font-size: 11px; }
.facebook-follow-card > b i { margin-left: 8px; color: #7eb4f9; font-style: normal; }
.social-video-section { position: relative; overflow: hidden; background: linear-gradient(180deg,#f4f5f5,#fff); }
.social-video-section::before { content: "PLAY"; position: absolute; right: -42px; top: 22px; color: rgba(15,27,37,.025); font: 800 150px/1 "Manrope",sans-serif; letter-spacing: -.08em; }
.social-video-section .container { position: relative; z-index: 1; }
.social-video-heading { align-items: center; justify-content: center; }
.social-video-heading .facebook-page-link { width: min(100%, 560px); }
.social-video-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.social-video-card { min-width: 0; overflow: hidden; border: 1px solid #dfe3e5; border-radius: 20px; color: var(--ink); background: #fff; box-shadow: 0 13px 38px rgba(14,26,36,.085); transition: transform .25s ease, box-shadow .25s ease; }
.social-video-card[hidden] { display: none!important; }
.social-video-card:hover { transform: translateY(-5px); box-shadow: 0 24px 52px rgba(14,26,36,.14); }
.social-video-card.is-featured { border-color: rgba(183,122,19,.48); box-shadow: 0 18px 45px rgba(183,122,19,.16); }
.social-video-player { position: relative; aspect-ratio: 16 / 9; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 70% 20%,#2a4252 0,transparent 34%),linear-gradient(145deg,#08141e,#142b3b); transition: aspect-ratio .25s ease; }
.social-video-player.is-landscape { aspect-ratio: 16 / 9; }
.social-video-player.is-square { aspect-ratio: 1 / 1; }
.social-video-player.is-portrait { aspect-ratio: 9 / 16; }
.social-video-player::after { content: "ULPIANA-P"; position: absolute; z-index: 2; left: 12px; top: 12px; padding: 5px 8px; border: 1px solid rgba(255,255,255,.2); border-radius: 6px; color: #fff; background: rgba(10,22,31,.78); font-size: 8px; font-weight: 800; letter-spacing: .08em; pointer-events: none; }
.social-cover-fallback { position: absolute; inset: 0; z-index: 0; display: grid; place-items: center; align-content: center; gap: 10px; color: #f2c35c; background: linear-gradient(145deg,rgba(5,16,24,.78),rgba(12,32,46,.58)),url('../images/hero-prishtina-premium.png') center/cover; font: 800 12px "Manrope",sans-serif; letter-spacing: .18em; }
.social-cover-fallback img { width: 38%; max-height: 48%; object-fit: contain; mix-blend-mode: screen; opacity: .72; filter: saturate(.75) contrast(1.15); }
.social-cover-image { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; display: block; object-fit: cover; }
.social-cover-image[hidden] { display: none; }
.social-play-button { position: absolute; z-index: 4; inset: 0; width: 100%; border: 0; display: grid; place-items: center; align-content: center; gap: 9px; color: #fff; background: linear-gradient(180deg,transparent 48%,rgba(4,13,20,.38)); cursor: pointer; }
.social-play-button span { width: 66px; height: 66px; padding-left: 4px; border: 2px solid rgba(255,255,255,.9); border-radius: 50%; display: grid; place-items: center; background: rgba(8,20,29,.64); box-shadow: 0 12px 32px rgba(0,0,0,.28); font-size: 22px; transition: transform .2s,background .2s; }
.social-play-button small { padding: 7px 11px; border-radius: 99px; background: rgba(8,20,29,.75); font-size: 9px; font-weight: 800; letter-spacing: .06em; }
.social-play-button:hover span { transform: scale(1.06); background: var(--gold); }
.social-photo-player a, .social-photo-player img { width: 100%; height: 100%; display: block; }
.social-photo-player img { object-fit: cover; transition: transform .35s ease; }
.social-photo-player:hover img { transform: scale(1.025); }
.social-featured-badge { position: absolute; z-index: 3; right: 12px; top: 12px; padding: 7px 10px; border-radius: 99px; color: #fff; background: linear-gradient(135deg,var(--gold),var(--gold-2)); box-shadow: 0 8px 20px rgba(0,0,0,.2); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.social-video-copy { padding: 18px 19px 19px; }
.social-card-top { margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.social-card-top span { color: var(--gold); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.social-card-top b { padding: 4px 7px; border-radius: 5px; color: #fff; background: var(--navy); font-size: 8px; text-transform: uppercase; }
.social-video-copy h3 { min-height: 47px; margin-bottom: 14px; font-size: 16px; line-height: 1.4; }
.social-property-meta { margin: -4px 0 13px; padding: 0; display: flex; flex-wrap: wrap; gap: 7px; list-style: none; }
.social-property-meta li { padding: 5px 8px; border-radius: 7px; color: #52616d; background: #f3f5f6; font-size: 9px; font-weight: 700; }
.social-description { margin: 0 0 7px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: var(--muted); font-size: 11px; line-height: 1.65; white-space: pre-line; }
.social-description.is-expanded { display: block; overflow: visible; }
.social-description-more { margin: 0 0 12px; padding: 0; border: 0; color: var(--gold); background: transparent; font-size: 10px; font-weight: 800; cursor: pointer; }
.social-video-copy > a { padding-top: 12px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; color: #1877f2; font-size: 10px; font-weight: 800; }
.social-video-copy > a i { font-size: 15px; font-style: normal; }
.social-video-more { min-width: 220px; margin: 30px auto 0; display: flex; justify-content: center; }
.cta-section { padding: 65px 0; color: #fff; background: linear-gradient(120deg, #172431, #223746); }
.cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.cta-inner h2 { margin-bottom: 9px; font-size: clamp(30px,4vw,48px); }
.cta-inner p { margin: 0; color: #bcc8cf; }
.cta-actions { display: flex; gap: 12px; }

/* Arkiva */
.archive-hero { padding: 64px 0 55px; color: #fff; background: var(--navy); }
.archive-hero.compact { padding-block: 48px; }
.archive-hero h1 { margin-bottom: 5px; font-size: clamp(38px,5vw,58px); }
.archive-hero p { margin: 0; color: #bcc7ce; }
.archive-section { padding: 45px 0 90px; background: var(--cream); }
.archive-layout { display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 30px; align-items: start; }
.filter-panel { position: sticky; top: 100px; padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.filter-backdrop { display: none; }
.active-filter-chips { margin: -6px 0 20px; display: flex; flex-wrap: wrap; gap: 8px; }
.active-filter-chips a { padding: 8px 11px; border: 1px solid #d9dee1; border-radius: 99px; color: var(--ink); background: #fff; font-size: 10px; font-weight: 700; }
.active-filter-chips a:not(.clear-chip):hover { border-color: var(--gold); color: var(--gold); }
.active-filter-chips .clear-chip { color: #a33; background: #fff6f6; }
.filter-header { margin-bottom: 22px; display: flex; align-items: center; justify-content: space-between; }
.filter-header h2 { margin: 0; font-size: 20px; }
.filter-close { display: none; border: 0; background: none; font-size: 28px; }
.field { position: relative; margin-bottom: 18px; }
.field label, .field > label, .field legend { margin-bottom: 7px; display: block; color: #3d4851; font-size: 13px; font-weight: 700; }
fieldset.field { padding: 0; border: 0; }
.field input:not([type=checkbox]):not([type=radio]), .field select, .field textarea { width: 100%; min-height: 47px; padding: 10px 13px; border: 1px solid #dfe2e4; border-radius: 9px; outline: 0; color: var(--ink); background: #fff; transition: .2s; }
.field textarea { resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(183,122,19,.1); }
.field small { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; }
.segmented { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; }
.segmented label { margin: 0; }
.segmented span { min-height: 38px; padding: 8px 4px; border: 1px solid var(--line); border-radius: 7px; display: grid; place-items: center; text-align: center; font-size: 11px; cursor: pointer; }
.segmented input:checked + span { color: #fff; background: var(--navy); border-color: var(--navy); }
.input-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.reset-filters { margin-top: 13px; display: block; color: var(--gold); text-align: center; font-size: 13px; font-weight: 700; }
.results-toolbar { min-height: 50px; display: flex; align-items: center; justify-content: space-between; }
.results-toolbar p { margin: 0; color: var(--muted); }
.results-toolbar strong { color: var(--ink); }
.filter-toggle { display: none; }
.archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.pagination { margin-top: 40px; display: flex; justify-content: center; gap: 7px; }
.pagination .page-numbers { min-width: 42px; height: 42px; padding: 0 8px; border: 1px solid var(--line); border-radius: 8px; display: grid; place-items: center; background: #fff; font-weight: 700; }
.pagination .current { color: #fff; background: var(--navy); border-color: var(--navy); }
.empty-state { width: 100%; padding: 55px 24px; text-align: center; }
.property-grid-empty { grid-column: 1 / -1; border: 1px dashed #d8dcde; border-radius: var(--radius); background: #fff; }
.empty-icon { width: 58px; height: 58px; margin: 0 auto 18px; border-radius: 50%; display: grid; place-items: center; color: var(--gold); background: var(--gold-soft); }
.empty-icon svg { width: 25px; }
.empty-state h2, .empty-state h3 { margin-bottom: 8px; }
.empty-state p { max-width: 480px; margin: 0 auto 20px; color: var(--muted); }

/* Reklamat */
.ad-unit { position: relative; overflow: hidden; border: 1px dashed rgba(183,122,19,.55); border-radius: 12px; background: #f9f1e2; }
.ad-unit img { width: 100%; height: 100%; object-fit: cover; }
.ad-unit > span, .ad-unit a > span { position: absolute; right: 7px; bottom: 5px; padding: 2px 5px; color: #fff; background: rgba(0,0,0,.55); border-radius: 3px; font-size: 8px; text-transform: uppercase; }
.ad-banner { max-height: 180px; }
.ad-sidebar { height: 260px; margin-top: 25px; }
.ad-inline { min-height: 230px; grid-column: 1 / -1; }
.ad-unit.ad-inline, .ad-unit.ad-sidebar { background: linear-gradient(145deg,#fff,#f8f6f1); border-style: solid; border-color: rgba(183,122,19,.22); box-shadow: 0 12px 34px rgba(16,26,36,.07); }
.ad-unit.ad-inline img, .ad-unit.ad-sidebar img { padding: 26px; object-fit: contain; }
.advertise-cta { position: relative; overflow: hidden; padding: 30px 34px; border: 1px solid rgba(208,154,50,.35); border-radius: 18px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 24px; color: #fff; background: radial-gradient(circle at 86% 12%,rgba(208,154,50,.22),transparent 28%), linear-gradient(125deg,#101b25,#1d3341); box-shadow: 0 18px 45px rgba(15,26,36,.16); }
.advertise-cta::before { content: "AD"; position: absolute; right: 20px; bottom: -34px; color: rgba(255,255,255,.035); font: 800 130px/1 "Manrope",sans-serif; letter-spacing: -.08em; }
.advertise-icon { position: relative; z-index: 1; width: 64px; height: 64px; border: 1px solid rgba(208,154,50,.52); border-radius: 16px; display: grid; place-items: center; color: var(--navy); background: linear-gradient(135deg,#e0b258,#b97b16); box-shadow: 0 12px 28px rgba(183,122,19,.24); font-size: 27px; }
.advertise-copy { position: relative; z-index: 1; }
.advertise-copy > span { color: #d7a64b; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.advertise-copy h3 { margin: 4px 0 6px; font-size: 28px; letter-spacing: .02em; }
.advertise-copy p { max-width: 520px; margin: 0; color: #b9c6cd; font-size: 12px; }
.advertise-actions { position: relative; z-index: 1; min-width: 210px; display: grid; gap: 10px; }
.advertise-actions > a:first-child { display: grid; padding: 12px 16px; border: 1px solid rgba(208,154,50,.36); border-radius: 12px; color: #fff; text-align: center; line-height: 1.3; background: rgba(255,255,255,.055); transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.advertise-actions > a:first-child:hover { border-color: rgba(224,178,88,.72); background: rgba(255,255,255,.09); transform: translateY(-1px); }
.advertise-actions small { color: #aebbc3; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.advertise-actions strong { color: #fff; font: 700 17px "Manrope",sans-serif; }
.ad-popup { position: fixed; z-index: 1000; inset: 0; padding: 20px; display: grid; place-items: center; background: rgba(7,15,22,.72); backdrop-filter: blur(4px); }
.ad-popup-card { position: relative; width: min(520px,100%); padding: 16px; background: #fff; border-radius: 18px; box-shadow: 0 30px 90px rgba(0,0,0,.35); }
.ad-popup-card img { max-height: 520px; width: 100%; object-fit: contain; border-radius: 10px; }
.ad-popup-card small { display: block; margin-top: 7px; color: var(--muted); text-align: center; }
.ad-popup-close { position: absolute; z-index: 2; top: 6px; right: 6px; width: 38px; height: 38px; border: 0; border-radius: 50%; color: #fff; background: var(--navy); font-size: 25px; cursor: pointer; }

/* Asistenti i pronave */
.screen-reader-text { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.property-chat { position: fixed; z-index: 350; right: 22px; bottom: 22px; }
.chat-launcher { position: relative; min-width: 245px; min-height: 62px; padding: 9px 16px 9px 10px; border: 0; border-radius: 999px; display: flex; align-items: center; gap: 10px; color: #fff; background: var(--navy); box-shadow: 0 16px 42px rgba(10,20,29,.28); cursor: pointer; }
.chat-launcher-icon { width: 43px; height: 43px; border-radius: 50%; display: grid; place-items: center; color: var(--navy); background: linear-gradient(135deg,#d5a74d,#b77a13); font-size: 20px; }
.chat-launcher-copy { display: grid; text-align: left; line-height: 1.25; }
.chat-launcher-copy strong { font-size: 13px; }
.chat-launcher-copy small { color: #bfc9cf; font-size: 9px; }
.chat-online { position: absolute; top: 7px; left: 42px; width: 11px; height: 11px; border: 2px solid var(--navy); border-radius: 50%; background: #4bc87d; }
.chat-panel { position: absolute; right: 0; bottom: 0; width: min(370px,calc(100vw - 28px)); height: min(590px,calc(100vh - 45px)); overflow: hidden; border: 1px solid rgba(15,27,37,.12); border-radius: 20px; display: grid; grid-template-rows: auto 1fr auto auto; background: #fff; box-shadow: 0 25px 80px rgba(7,16,24,.3); }
.chat-panel[hidden], .ad-popup[hidden], .mobile-menu[hidden] { display: none!important; }
.chat-header { min-height: 72px; padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; color: #fff; background: var(--navy); }
.chat-header > div { display: flex; gap: 10px; align-items: center; }
.chat-avatar { width: 42px; height: 42px; border: 1px solid var(--gold-2); border-radius: 50%; display: grid; place-items: center; color: var(--gold-2); font: 800 19px "Manrope",sans-serif; }
.chat-header > div > span:last-child { display: grid; }
.chat-header strong { font-size: 13px; }
.chat-header small { color: #bfc9cf; font-size: 9px; }
.chat-header small i { width: 7px; height: 7px; margin-right: 4px; border-radius: 50%; display: inline-block; background: #4bc87d; }
.chat-close { width: 35px; height: 35px; border: 0; border-radius: 50%; color: #fff; background: rgba(255,255,255,.09); font-size: 23px; cursor: pointer; }
.chat-messages { min-height: 0; padding: 17px 14px; overflow-y: auto; background: #f7f8f8; }
.chat-message { margin: 0 0 10px; display: flex; }
.chat-message span { max-width: 86%; padding: 10px 12px; border-radius: 4px 13px 13px 13px; color: #35414a; background: #fff; box-shadow: 0 3px 10px rgba(15,27,37,.05); font-size: 12px; line-height: 1.45; }
.chat-message.user { justify-content: flex-end; }
.chat-message.user span { color: #fff; background: var(--gold); border-radius: 13px 4px 13px 13px; }
.chat-quick-replies { margin: 4px 0 14px; display: flex; flex-wrap: wrap; gap: 6px; }
.chat-quick-replies button { min-height: 32px; padding: 5px 9px; border: 1px solid rgba(183,122,19,.38); border-radius: 99px; color: #865806; background: #fff; font-size: 10px; font-weight: 700; cursor: pointer; }
.chat-result { margin-bottom: 8px; padding: 8px; border: 1px solid var(--line); border-radius: 10px; display: grid; grid-template-columns: 64px 1fr; gap: 9px; background: #fff; }
.chat-result img, .chat-result-placeholder { width: 64px; height: 58px; border-radius: 7px; object-fit: cover; display: grid; place-items: center; color: var(--gold); background: var(--gold-soft); }
.chat-result > span:last-child { min-width: 0; display: grid; align-content: center; line-height: 1.25; }
.chat-result strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.chat-result small { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.chat-result b { margin-top: 3px; color: var(--gold); font-size: 11px; }
.chat-whatsapp { margin: 0 14px 9px; min-height: 40px; padding: 8px 12px; border-radius: 8px; display: grid; place-items: center; color: #fff; background: #258b57; font-size: 11px; font-weight: 800; }
.chat-whatsapp[hidden] { display: none; }
.chat-form { min-height: 60px; padding: 9px 10px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 41px; gap: 8px; background: #fff; }
.chat-form input { width: 100%; min-width: 0; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; outline: 0; font-size: 11px; }
.chat-form input:focus { border-color: var(--gold); }
.chat-form button { width: 41px; height: 41px; border: 0; border-radius: 9px; color: #fff; background: var(--gold); font-size: 19px; cursor: pointer; }

.gallery-lightbox { position: fixed; z-index: 900; inset: 0; padding: 55px 25px 25px; display: grid; place-items: center; background: rgba(3,10,15,.94); }
.gallery-lightbox img { max-width: 100%; max-height: calc(100vh - 80px); object-fit: contain; }
.gallery-lightbox button { position: absolute; top: 14px; right: 18px; width: 40px; height: 40px; border: 0; border-radius: 50%; color: #fff; background: rgba(255,255,255,.12); font-size: 28px; cursor: pointer; }

/* Detajet e pronës */
.single-top { padding: 30px 0 0; background: var(--cream); }
.breadcrumbs { padding: 5px 0 24px; display: flex; gap: 9px; color: var(--muted); font-size: 12px; white-space: nowrap; overflow: hidden; }
.breadcrumbs span:last-child { overflow: hidden; text-overflow: ellipsis; }
.single-title-row { padding-bottom: 28px; display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.single-title-row h1 { margin: 13px 0 8px; font-size: clamp(31px,4vw,51px); }
.single-title-row .property-location { margin: 0; font-size: 15px; }
.single-price { text-align: right; flex: 0 0 auto; }
.single-price small { display: block; color: var(--muted); }
.single-price strong { color: var(--gold); font: 800 clamp(25px,3vw,38px) "Manrope",sans-serif; }
.property-gallery { position: relative; height: 570px; display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 9px; overflow: hidden; border-radius: 20px 20px 0 0; background: #e8ebed; }
.gallery-item { width: 100%; height: 100%; padding: 0; border: 0; overflow: hidden; cursor: zoom-in; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; }
.gallery-item-1 { grid-row: 1 / 3; }
.gallery-single { grid-template-columns: 1fr; }
.gallery-single .gallery-item-1 { grid-column: 1; }
.gallery-placeholder { grid-column: 1/-1; grid-row: 1/-1; }
.show-all-photos { position: absolute; right: 18px; bottom: 18px; min-height: 40px; box-shadow: var(--shadow-sm); }
.single-content-section { padding: 55px 0 85px; }
.single-layout { display: grid; grid-template-columns: minmax(0,1fr) 350px; gap: 48px; align-items: start; }
.property-overview { padding: 23px; border: 1px solid var(--line); border-radius: var(--radius); display: grid; grid-template-columns: repeat(4,1fr); }
.property-overview > div { padding: 7px 18px; border-right: 1px solid var(--line); display: grid; grid-template-columns: 36px 1fr; gap: 0 10px; align-items: center; }
.property-overview > div:last-child { border: 0; }
.property-overview span { grid-row: 1 / 3; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; color: var(--gold); background: var(--gold-soft); }
.property-overview span svg { width: 18px; }
.property-overview small { color: var(--muted); }
.property-overview strong { font-family: "Manrope"; }
.detail-section { padding: 34px 0; border-bottom: 1px solid var(--line); }
.detail-section h2 { font-size: 25px; }
.prose { color: #4f5a63; }
.prose > *:last-child { margin-bottom: 0; }
.details-list { display: grid; grid-template-columns: 1fr 1fr; margin: 0; }
.details-list div { padding: 13px 0; border-bottom: 1px solid #edf0f1; display: flex; justify-content: space-between; gap: 16px; }
.details-list div:nth-child(odd) { margin-right: 30px; }
.details-list dt { color: var(--muted); }
.details-list dd { margin: 0; font-weight: 700; }
.feature-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.feature-list span { padding: 12px; border-radius: 8px; background: var(--cream); }
.feature-list b { color: var(--gold); }
.contact-card { position: sticky; top: 100px; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-lg); }
.contact-card h2 { margin-bottom: 10px; font-size: 27px; }
.contact-card p { color: var(--muted); font-size: 14px; }
.contact-card .button { margin-top: 10px; }
.button-whatsapp { color: #fff; background: #258b57; }
.favorite-button-wide { width: 100%; min-height: 48px; margin: 10px 0 18px; border: 1px solid var(--line); border-radius: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; background: #fff; font-weight: 700; cursor: pointer; }
.contact-card > small { display: block; color: var(--muted); text-align: center; }
.mobile-contact-dock { display: none; }
.similar-section { background: var(--cream); }

/* Autentikimi */
.page-template-template-login .site-header, .page-template-template-login .site-footer, .page-template-template-login .mobile-bottom-nav { display: none; }
.auth-section { min-height: 100vh; padding: 35px; display: grid; place-items: center; background: var(--cream); }
.auth-shell { width: min(1080px,100%); min-height: 690px; overflow: hidden; display: grid; grid-template-columns: 1.05fr .95fr; background: #fff; border-radius: 24px; box-shadow: var(--shadow-lg); }
.auth-brand-panel { position: relative; padding: 60px; color: #fff; display: grid; align-items: end; background: radial-gradient(circle at 70% 20%, rgba(208,154,50,.25), transparent 25%), linear-gradient(145deg,var(--navy),#1d3140); }
.auth-brand-panel::after { content: ""; position: absolute; inset: 0; opacity: .08; background-image: radial-gradient(#fff 1px,transparent 1px); background-size: 18px 18px; }
.auth-brand-content { position: relative; z-index: 2; }
.auth-logo { width: 138px; height: 106px; margin-bottom: 26px; padding: 6px; border-radius: 12px; object-fit: contain; background: #fff; box-shadow: 0 12px 35px rgba(0,0,0,.18); }
.brand-mark-large { width: 78px; height: 87px; margin-bottom: 30px; transform: scale(1.1) skew(-5deg); }
.auth-brand-panel h1 { margin-bottom: 15px; font-size: 42px; }
.auth-brand-panel p { color: #c4cfd6; }
.auth-brand-panel ul { margin: 30px 0 0; padding: 0; list-style: none; display: grid; gap: 9px; color: #dde4e8; }
.auth-form-panel { padding: 60px; display: grid; align-items: center; }
.auth-form-wrap { width: 100%; max-width: 380px; margin-inline: auto; }
.auth-shell-simple { width: min(540px,100%); min-height: 0; display: block; }
.auth-shell-simple .auth-form-panel { min-height: 630px; padding: 48px 60px; }
.auth-form-logo { width: 190px; height: auto; margin: 0 auto 30px; display: block; object-fit: contain; }
.auth-shell-simple .auth-form-wrap h2 { text-align: center; }
.auth-back { margin-bottom: 45px; display: inline-block; color: var(--muted); font-size: 13px; }
.auth-form-wrap h2 { margin-bottom: 8px; font-size: 36px; }
.auth-form-wrap > p { color: var(--muted); }
.auth-form { margin-top: 28px; }
.password-toggle { position: absolute; right: 8px; bottom: 8px; height: 31px; border: 0; background: transparent; color: var(--gold); font-size: 12px; font-weight: 700; cursor: pointer; }
.password-field input { padding-right: 62px!important; }
.auth-options { margin: -3px 0 20px; display: flex; justify-content: space-between; gap: 15px; font-size: 12px; }
.auth-options a { color: var(--gold); font-weight: 700; }
.auth-note { margin-top: 22px!important; padding: 12px; border-radius: 8px; background: var(--cream); text-align: center; font-size: 11px; }
.notice { margin: 18px 0; padding: 13px 16px; border-radius: 9px; font-size: 14px; }
.notice-error { color: #8d2929; background: #fff0f0; border: 1px solid #f3cece; }
.notice-success { color: #17633e; background: #edf9f2; border: 1px solid #cbe8d7; }
.notice-warning { color: #755208; background: #fff8e8; border: 1px solid #efdda9; }

/* Paneli */
.ulpiana-dashboard-page .site-header, .ulpiana-dashboard-page .site-footer, .ulpiana-dashboard-page .mobile-bottom-nav { display: none; }
.ulpiana-dashboard-page { background: #f5f6f7; }
.dashboard-shell { min-height: 100vh; display: grid; grid-template-columns: 255px minmax(0,1fr); }
.dashboard-sidebar { position: sticky; z-index: 20; top: 0; height: 100vh; padding: 28px 20px; color: #fff; display: flex; flex-direction: column; background: var(--navy); }
.dashboard-brand { padding: 0 8px 30px; color: #fff; }
.dashboard-brand .brand-copy small { color: #aeb9c0; }
.dashboard-brand .brand-mark i { background: #fff; }
.dashboard-nav { display: grid; gap: 5px; }
.dashboard-nav a, .dashboard-logout { min-height: 49px; padding: 0 13px; border-radius: 9px; display: flex; align-items: center; gap: 12px; color: #b9c3ca; font-size: 14px; font-weight: 600; }
.dashboard-nav a:hover, .dashboard-nav a.is-active { color: #fff; background: rgba(255,255,255,.09); }
.dashboard-nav a.is-active { box-shadow: inset 3px 0 var(--gold); }
.dashboard-nav svg, .dashboard-logout svg { width: 19px; }
.nav-glyph { width: 20px; text-align: center; }
.dashboard-logout { margin-top: auto; border-top: 1px solid rgba(255,255,255,.1); border-radius: 0; }
.dashboard-main { min-width: 0; }
.dashboard-topbar { height: 74px; padding: 0 34px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: flex-end; gap: 13px; background: #fff; }
.dashboard-topbar > div { display: grid; text-align: right; line-height: 1.3; }
.dashboard-topbar small { color: var(--muted); font-size: 11px; }
.dashboard-menu-toggle { display: none; margin-right: auto; }
.admin-avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--gold); font-weight: 800; }
.dashboard-content { width: min(1240px,calc(100% - 64px)); margin-inline: auto; padding: 44px 0 70px; }
.dashboard-heading { margin-bottom: 28px; display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.dashboard-heading h1 { margin-bottom: 7px; font-size: clamp(30px,4vw,44px); }
.dashboard-heading p { margin: 0; color: var(--muted); }
.stat-grid { margin-bottom: 26px; display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.stat-card { position: relative; padding: 22px; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 14px; }
.stat-card span { color: var(--muted); font-size: 12px; }
.stat-card strong { margin-top: 4px; display: block; font: 800 33px "Manrope",sans-serif; }
.stat-icon { position: absolute; top: 18px; right: 18px; width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: var(--gold-soft); font-style: normal; }
.dashboard-columns { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(270px,.7fr); gap: 22px; align-items: start; }
.dashboard-card { background: #fff; border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 4px 15px rgba(18,30,39,.03); }
.card-heading { padding: 22px 24px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.card-heading h2 { margin-bottom: 3px; font-size: 20px; }
.card-heading p { margin: 0; color: var(--muted); font-size: 12px; }
.dashboard-list-item { padding: 14px 22px; border-bottom: 1px solid #eef0f1; display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 13px; }
.dashboard-list-item:last-child { border: 0; }
.mini-thumb { width: 52px; height: 45px; overflow: hidden; border-radius: 7px; display: grid; place-items: center; background: var(--cream); }
.mini-thumb img { width: 100%; height: 100%; object-fit: cover; }
.mini-thumb svg { color: var(--gold); }
.dashboard-list-item > span:nth-child(2) { min-width: 0; display: grid; }
.dashboard-list-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.dashboard-list-item small { color: var(--muted); font-size: 11px; }
.status-badge { padding: 4px 8px; border-radius: 5px; display: inline-flex; align-items: center; color: #555; background: #edf0f1; font-size: 9px; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.status-active { color: #177049; background: #e7f6ed; }
.status-sold, .status-rented { color: #8c5c08; background: #faf0d9; }
.status-inactive { color: #7a4343; background: #f8eaea; }
.quick-actions { overflow: hidden; }
.quick-actions > a { padding: 18px 22px; border-bottom: 1px solid var(--line); display: flex; gap: 13px; align-items: center; }
.quick-actions > a:last-child { border: 0; }
.quick-actions > a > span { width: 38px; height: 38px; border-radius: 9px; display: grid; place-items: center; color: var(--gold); background: var(--gold-soft); font-size: 20px; }
.quick-actions > a div { display: grid; }
.quick-actions > a strong { font-size: 13px; }
.quick-actions > a small { color: var(--muted); font-size: 11px; }
.nav-glyph-facebook { border-radius: 5px; color: #fff!important; background: #1877f2; font: 800 15px/1 Arial,sans-serif; }
.facebook-admin-layout { margin-bottom: 28px; display: grid; grid-template-columns: minmax(0,1.55fr) minmax(260px,.65fr); gap: 22px; align-items: start; }
.facebook-connect-card { overflow: hidden; }
.connection-status { display: inline-flex; align-items: center; gap: 6px; color: #7a5c19; font-size: 10px; font-weight: 800; }
.connection-status i { width: 8px; height: 8px; border-radius: 50%; background: #d9a638; box-shadow: 0 0 0 4px rgba(217,166,56,.12); }
.connection-status.is-connected { color: #177049; }
.connection-status.is-connected i { background: #31b46f; box-shadow: 0 0 0 4px rgba(49,180,111,.12); }
.facebook-help-card { padding: 26px; background: linear-gradient(145deg,#fff,#f4f8fd); }
.facebook-help-card h2 { margin: 17px 0 8px; font-size: 20px; }
.facebook-help-card p { color: var(--muted); font-size: 12px; line-height: 1.55; }
.facebook-help-card ul { margin: 17px 0 0; padding: 15px 0 0; border-top: 1px solid var(--line); display: grid; gap: 8px; list-style: none; color: #39464f; font-size: 11px; }
.facebook-help-card li::before { content: "✓"; margin-right: 8px; color: #1877f2; font-weight: 800; }
.facebook-admin-preview { margin-top: 30px; }
.facebook-admin-preview .facebook-post-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.empty-mini { padding: 28px; color: var(--muted); text-align: center; }

/* Menaxhimi */
.manage-toolbar { margin-bottom: 18px; display: flex; justify-content: space-between; gap: 20px; }
.filter-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.filter-chips a { padding: 8px 13px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: 12px; font-weight: 700; }
.filter-chips a.is-active { color: #fff; background: var(--navy); border-color: var(--navy); }
.manage-toolbar form { position: relative; }
.manage-toolbar input { min-height: 40px; padding: 8px 42px 8px 13px; border: 1px solid var(--line); border-radius: 8px; outline: 0; }
.manage-toolbar button { position: absolute; right: 0; top: 0; width: 40px; height: 40px; border: 0; background: transparent; }
.manage-list-card { overflow: visible; }
.manage-item { min-height: 105px; padding: 16px 20px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 105px minmax(0,1fr) auto; gap: 18px; align-items: center; }
.manage-item:last-child { border: 0; }
.manage-thumb { width: 105px; height: 75px; overflow: hidden; border-radius: 9px; background: var(--cream); }
.manage-thumb img { width: 100%; height: 100%; object-fit: cover; }
.manage-thumb > span { height: 100%; display: grid; place-items: center; color: var(--gold); }
.manage-info > div { display: flex; gap: 7px; }
.manage-info h2 { margin: 7px 0 4px; font-size: 16px; }
.manage-info p { margin: 0; color: var(--muted); font-size: 12px; }
.manage-actions { display: flex; align-items: center; gap: 8px; }
.manage-actions details { position: relative; }
.manage-actions summary { list-style: none; font-size: 22px; }
.manage-actions summary::-webkit-details-marker { display: none; }
.action-menu { position: absolute; z-index: 10; top: 48px; right: 0; width: 215px; padding: 7px; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow-lg); }
.action-menu a { padding: 9px 10px; border-radius: 6px; display: block; font-size: 12px; }
.action-menu a:hover { background: var(--cream); }
.danger-link { color: var(--danger)!important; }

/* Formulari i shpalljes */
.listing-form-content { max-width: 1180px; }
.listing-form-layout { display: grid; grid-template-columns: minmax(0,1fr) 270px; gap: 22px; align-items: start; }
.listing-form { min-width: 0; padding: 0 34px 28px; }
.form-stepper { height: 93px; margin: 0 -34px 30px; padding: 0 34px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: center; }
.form-stepper button { min-width: 82px; padding: 0; border: 0; display: grid; gap: 4px; place-items: center; color: #9aa2a8; background: none; cursor: pointer; }
.form-stepper button span { width: 30px; height: 30px; border: 1px solid #d6dade; border-radius: 50%; display: grid; place-items: center; font-weight: 800; }
.form-stepper button small { font-size: 10px; font-weight: 700; }
.form-stepper button.is-active { color: var(--gold); }
.form-stepper button.is-active span { color: #fff; background: var(--gold); border-color: var(--gold); }
.form-stepper i { width: 70px; height: 1px; margin: 0 4px 17px; background: #dfe2e4; }
.form-step { display: none; }
.form-step.is-active { display: block; animation: formStep .22s ease; }
@keyframes formStep { from { opacity: 0; transform: translateX(8px); } }
.form-section-heading { margin-bottom: 28px; }
.form-section-heading > span { color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.form-section-heading h2 { margin: 5px 0 6px; font-size: 27px; }
.form-section-heading p { margin: 0; color: var(--muted); font-size: 13px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.span-2 { grid-column: span 2; }
.choice-cards { display: grid; gap: 10px; }
.choice-cards.two { grid-template-columns: 1fr 1fr; }
.choice-cards label { margin: 0; }
.choice-cards label > span { min-height: 70px; padding: 13px 16px; border: 1px solid var(--line); border-radius: 10px; display: grid; align-content: center; cursor: pointer; }
.choice-cards b { font-size: 14px; }
.choice-cards small { color: var(--muted); font-size: 11px; }
.choice-cards input:checked + span { border-color: var(--gold); background: var(--gold-soft); box-shadow: inset 0 0 0 1px var(--gold); }
.property-type-choices { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; }
.property-type-choices label { margin: 0; }
.property-type-choices span { min-height: 58px; padding: 8px 5px; border: 1px solid var(--line); border-radius: 9px; display: grid; place-items: center; text-align: center; font-size: 12px; cursor: pointer; }
.property-type-choices input:checked + span { color: var(--gold); border-color: var(--gold); background: var(--gold-soft); }
.toggle-field { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 700; cursor: pointer; }
.toggle-field input { position: absolute; opacity: 0; }
.toggle-field > span { position: relative; width: 42px; height: 24px; border-radius: 99px; background: #d7dcdf; transition: .2s; }
.toggle-field > span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: .2s; }
.toggle-field input:checked + span { background: var(--gold); }
.toggle-field input:checked + span::after { transform: translateX(18px); }
.form-toggle { min-height: 69px; padding-top: 18px; }
.land-callout { margin-bottom: 18px; padding: 15px; border-radius: 10px; display: flex; gap: 12px; background: #f0f7ef; }
.land-callout > span { font-size: 24px; }
.land-callout strong { display: block; }
.land-callout p { margin: 2px 0 0; color: var(--muted); font-size: 11px; }
.checkbox-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.checkbox-grid label { min-height: 43px; margin: 0; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; display: flex; gap: 8px; align-items: center; font-size: 12px; cursor: pointer; }
.checkbox-grid input { position: absolute; opacity: 0; }
.checkbox-grid label span { width: 18px; height: 18px; border: 1px solid #ccd2d5; border-radius: 4px; display: grid; place-items: center; color: transparent; font-size: 11px; }
.checkbox-grid input:checked + span { color: #fff; background: var(--gold); border-color: var(--gold); }
.form-actions { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; }
.photo-dropzone { min-height: 175px; padding: 22px; border: 2px dashed #d7dbde; border-radius: 12px; display: grid; place-items: center; align-content: center; text-align: center; background: var(--cream); cursor: pointer; transition: .2s; }
.photo-dropzone.is-dragging { border-color: var(--gold); background: var(--gold-soft); }
.photo-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.upload-icon { width: 44px; height: 44px; margin-bottom: 9px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--gold); font-size: 22px; }
.photo-dropzone strong { font-size: 15px; }
.photo-dropzone small { color: var(--muted); font-size: 11px; }
.photo-preview-grid { margin-top: 16px; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.photo-preview { position: relative; height: 135px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #eee; cursor: grab; }
.photo-preview img { width: 100%; height: 100%; object-fit: cover; }
.photo-preview-actions { position: absolute; inset: auto 6px 6px; display: flex; gap: 5px; justify-content: space-between; }
.photo-preview-actions button { min-height: 27px; padding: 4px 7px; border: 0; border-radius: 5px; color: #fff; background: rgba(13,24,34,.82); font-size: 9px; font-weight: 700; cursor: pointer; }
.photo-preview-actions .is-featured { color: var(--navy); background: #fff; }
.photo-preview-actions .remove-photo { width: 27px; padding: 0; color: #fff; background: rgba(183,50,50,.88); font-size: 18px; }
.drag-handle { position: absolute; top: 6px; right: 6px; width: 26px; height: 26px; border-radius: 5px; display: grid; place-items: center; color: #fff; background: rgba(13,24,34,.7); font-size: 12px; }
.photo-helper { margin-top: 9px; color: var(--muted); font-size: 11px; text-align: center; }
.publish-options { margin-top: 22px; padding: 15px; border-radius: 10px; background: var(--gold-soft); }
.publish-options label { display: flex; gap: 11px; align-items: center; }
.publish-options input { width: 18px; height: 18px; accent-color: var(--gold); }
.publish-options span { display: grid; }
.publish-options small { color: var(--muted); font-size: 10px; }
.form-tips { display: grid; gap: 16px; }
.form-tips .dashboard-card { padding: 22px; }
.form-tips h3 { margin-bottom: 14px; font-size: 17px; }
.form-tips ul { margin: 0; padding-left: 18px; color: var(--muted); font-size: 12px; }
.form-tips li { margin-bottom: 8px; }
.tips-icon { width: 38px; height: 38px; margin-bottom: 14px; border-radius: 50%; display: grid; place-items: center; color: var(--gold); background: var(--gold-soft); }
.progress-card small { color: var(--muted); }
.progress-card strong { display: block; font: 800 30px "Manrope",sans-serif; }
.progress-card > div { height: 7px; margin: 6px 0 10px; overflow: hidden; border-radius: 99px; background: #e6e9eb; }
.progress-card i { display: block; width: 25%; height: 100%; background: var(--gold); transition: width .25s; }
.progress-card p { margin: 0; color: var(--muted); font-size: 10px; }

/* Reklamat në panel */
.ad-form-card { margin-bottom: 22px; padding-bottom: 22px; }
.dashboard-form { padding: 22px 24px 0; }
.ads-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.ad-admin-card { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 14px; }
.ad-admin-image { height: 150px; display: grid; place-items: center; color: var(--muted); background: #eef0f1; }
.ad-admin-image img { width: 100%; height: 100%; object-fit: cover; }
.ad-admin-content { padding: 17px; }
.ad-admin-content > div:first-child { display: flex; justify-content: space-between; align-items: center; }
.ad-admin-content small { color: var(--muted); }
.ad-admin-content h3 { margin: 12px 0; font-size: 16px; }
.admin-card-actions { padding-top: 10px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 11px; font-size: 11px; font-weight: 700; }
.social-form-card { margin-bottom: 22px; padding-bottom: 22px; }
.social-admin-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.social-admin-grid .empty-state { grid-column: 1 / -1; }
.social-video-placeholder { display: grid; place-items: center; gap: 7px; color: #fff; font-size: 35px; }
.social-video-placeholder small { color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.listing-completeness { width: 100%; height: 4px; margin-top: 6px; overflow: hidden; border-radius: 99px; display: block; background: #e7ebed; }
.listing-completeness b { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,var(--gold),var(--gold-2)); }
.listing-preview-modal { position: fixed; z-index: 1000; inset: 0; padding: 24px; overflow-y: auto; display: grid; place-items: center; }
.listing-preview-modal[hidden] { display: none; }
.listing-preview-backdrop { position: fixed; inset: 0; border: 0; background: rgba(4,15,23,.72); backdrop-filter: blur(7px); }
.listing-preview-modal article { position: relative; z-index: 1; width: min(520px,100%); overflow: hidden; border-radius: 23px; background: #fff; box-shadow: 0 30px 80px rgba(0,0,0,.3); }
.listing-preview-modal header { padding: 17px 20px; display: flex; align-items: center; justify-content: space-between; color: #fff; background: var(--navy); }
.listing-preview-modal header div { display: grid; }
.listing-preview-modal header small { color: #dbac46; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.listing-preview-modal header button { width: 38px; height: 38px; border: 0; border-radius: 50%; color: #fff; background: rgba(255,255,255,.12); font-size: 24px; cursor: pointer; }
.listing-preview-image { height: 285px; display: grid; place-items: center; color: var(--muted); background: #eef1f2; }
.listing-preview-image img { width: 100%; height: 100%; object-fit: cover; }
.listing-preview-copy { padding: 22px; }
.listing-preview-copy > div { display: flex; justify-content: space-between; color: var(--gold); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.listing-preview-copy > div b { padding: 5px 8px; border-radius: 5px; color: #fff; background: var(--navy); }
.listing-preview-copy h2 { margin: 13px 0 7px; font-size: 23px; }
.listing-preview-copy p { color: var(--muted); font-size: 13px; }
.listing-preview-copy > strong { display: block; margin: 14px 0; color: var(--gold); font-size: 25px; }
.social-admin-card .ad-admin-image { background: linear-gradient(145deg,#0d1923,#1a3142); }

/* Faqe të zakonshme dhe footer */
.page-header { margin-bottom: 25px; }
.page-header h1 { font-size: 44px; }
.content-card { padding: 35px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.site-footer { padding: 70px 0 25px; color: #c1cbd1; background: #0d1720; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px; }
.brand-light { color: #fff; }
.brand-light .brand-mark i { background: #fff; }
.footer-official-logo { width: 220px; min-height: 168px; padding: 9px; border: 1px solid rgba(208,154,50,.28); border-radius: 16px; display: grid; place-items: center; background: #fff; box-shadow: 0 18px 45px rgba(0,0,0,.2); }
.footer-official-logo img { width: 100%; height: auto; object-fit: contain; }
.footer-grid > div:first-child p { max-width: 390px; margin-top: 23px; }
.footer-grid h3 { color: #fff; font-size: 15px; }
.footer-grid > div:not(:first-child) { display: flex; flex-direction: column; gap: 9px; font-size: 13px; }
.footer-grid a:hover { color: var(--gold-2); }
.footer-bottom { margin-top: 50px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.09); display: flex; justify-content: space-between; font-size: 11px; }
.mobile-bottom-nav { display: none; }

@media (max-width: 1100px) {
  .desktop-nav { gap: 18px; }
  .category-grid { grid-template-columns: repeat(3,1fr); }
  .category-card:last-child { grid-column: span 2; }
  .property-gallery { height: 470px; }
  .social-admin-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .single-layout { grid-template-columns: minmax(0,1fr) 310px; gap: 28px; }
  .property-overview { grid-template-columns: 1fr 1fr; gap: 15px 0; }
  .property-overview > div:nth-child(2) { border-right: 0; }
  .dashboard-shell { grid-template-columns: 220px minmax(0,1fr); }
  .dashboard-content { width: calc(100% - 40px); }
  .listing-form-layout { grid-template-columns: minmax(0,1fr); }
  .form-tips { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
  body { padding-bottom: 68px; }
  .desktop-nav, .header-actions .desktop-only { display: none; }
  .menu-toggle { display: inline-grid; }
  .site-header { height: 70px; }
  .mobile-menu { top: 70px; }
  .brand-copy strong { font-size: 16px; }
  .hero-inner { padding-top: 70px; }
  .hero-search-grid { grid-template-columns: 1fr 1fr; }
  .search-submit { min-height: 58px; }
  .property-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .archive-layout { grid-template-columns: 1fr; }
  .filter-panel { position: fixed; z-index: 301; inset: auto 0 0; width: 100%; max-height: min(88vh,760px); overflow-y: auto; border-radius: 24px 24px 0 0; transform: translateY(105%); transition: transform .25s; }
  .filter-panel.is-open { transform: none; }
  .filter-backdrop { position: fixed; z-index: 300; inset: 0; width: 100%; border: 0; display: block; visibility: hidden; opacity: 0; background: rgba(4,14,22,.58); transition: opacity .25s,visibility .25s; }
  .filter-backdrop.is-open { visibility: visible; opacity: 1; }
  .filter-close, .filter-toggle { display: inline-flex; }
  .archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .property-gallery { height: 390px; }
  .single-layout { grid-template-columns: 1fr; }
  .contact-card { position: static; }
	.single-property { padding-bottom: 126px; }
	.mobile-contact-dock { position: fixed; z-index: 185; right: 12px; bottom: 76px; left: 12px; padding: 7px; border: 1px solid rgba(255,255,255,.7); border-radius: 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; background: rgba(255,255,255,.94); box-shadow: 0 13px 35px rgba(7,20,29,.2); backdrop-filter: blur(14px); }
	.mobile-contact-dock a { min-height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; gap: 7px; color: #fff; background: var(--navy); font-size: 12px; font-weight: 800; }
	.mobile-contact-dock a:last-child { background: #19a55a; }
	.mobile-contact-dock svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
  .dashboard-shell { display: block; }
  .dashboard-sidebar { position: fixed; z-index: 500; inset: 0 auto 0 0; width: 270px; transform: translateX(-105%); transition: transform .25s; box-shadow: var(--shadow-lg); }
  .dashboard-sidebar.is-open { transform: none; }
  .dashboard-menu-toggle { display: inline-grid; }
  .dashboard-topbar { padding-inline: 20px; }
  .dashboard-topbar > div { margin-left: auto; }
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .ads-grid { grid-template-columns: repeat(2,1fr); }
  .ulpiana-dashboard-page { padding-bottom: 0; }
  .mobile-bottom-nav { position: fixed; z-index: 90; left: 0; right: 0; bottom: 0; height: calc(66px + env(safe-area-inset-bottom)); padding: 7px 9px env(safe-area-inset-bottom); border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(5,1fr); background: rgba(255,255,255,.97); backdrop-filter: blur(12px); }
  .mobile-bottom-nav a { min-width: 0; display: grid; place-items: center; align-content: center; gap: 2px; color: #7c858c; font-size: 9px; }
  .mobile-bottom-nav a svg { width: 20px; height: 20px; }
  .mobile-bottom-nav a.is-active { color: var(--gold); }
  .mobile-bottom-nav .nav-post svg { width: 34px; height: 34px; padding: 8px; border-radius: 50%; color: #fff; background: var(--gold); transform: translateY(-5px); }
  .site-footer { padding-bottom: 88px; }
  .property-chat { right: 13px; bottom: 78px; }
  .market-strip-inner { gap: 17px; }
}

@media (max-width: 720px) {
  .container { width: min(100% - 28px,var(--container)); }
  .header-inner { gap: 12px; }
  .brand-mark { width: 35px; height: 39px; }
  .brand-copy strong { font-size: 18px; letter-spacing: .16em; }
  .brand-copy small { margin-top: 5px; font-size: 6.5px; letter-spacing: .1em; }
  .brand-logo-crop { width: 40px; height: 55px; flex-basis: 40px; }
  .brand-logo-crop img { top: -6px; left: -31px; width: 98px; }
  .hero-inner { padding: 50px 0 42px; }
  .hero h1 { font-size: 43px; }
  .hero-copy > p { font-size: 15px; }
  .hero-search { margin-inline: -2px; padding: 12px; border-radius: 14px; }
  .hero-search-grid { grid-template-columns: 1fr; }
  .hero-search-grid label { min-height: 59px; }
  .trust-row { width: 100%; max-width: none; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
  .trust-row > span { min-height: 67px; padding: 8px; justify-content: center; text-align: center; flex-direction: column; gap: 5px; }
  .trust-row b { width: 25px; height: 25px; flex-basis: 25px; }
  .trust-row small { display: none; }
  .trust-row strong { font-size: 9px; line-height: 1.15; }
  .market-strip-inner { min-height: 94px; grid-template-columns: repeat(3,1fr); gap: 8px; text-align: center; }
  .market-strip-inner > div { justify-content: center; flex-direction: column; gap: 0; }
  .market-strip-inner strong { font-size: 21px; }
  .market-strip-inner span { font-size: 9px; line-height: 1.2; }
  .market-strip-inner > i, .market-strip-inner > a { display: none; }
  .page-section { padding: 60px 0; }
  .section-heading { align-items: start; }
  .section-heading h2 { font-size: 34px; }
  .category-grid { grid-template-columns: 1fr 1fr; }
  .category-card, .category-card:last-child { min-height: 190px; grid-column: auto; }
  .cta-inner { align-items: start; flex-direction: column; }
  .cta-actions { width: 100%; flex-direction: column; }
  .archive-hero { padding: 45px 0 38px; }
  .archive-section { padding-top: 25px; }
  .single-title-row { align-items: start; flex-direction: column; }
  .single-price { text-align: left; }
  .property-gallery { margin-inline: -14px; height: 430px; border-radius: 0; grid-template-columns: 2fr 1fr; }
  .gallery-item-4, .gallery-item-5 { display: none; }
  .property-overview { padding: 15px 5px; }
  .property-overview > div { padding-inline: 12px; grid-template-columns: 31px 1fr; }
  .property-overview span { width: 31px; height: 31px; }
  .details-list { grid-template-columns: 1fr; }
  .details-list div:nth-child(odd) { margin: 0; }
  .feature-list { grid-template-columns: 1fr 1fr; }
  .auth-section { min-height: 100vh; padding: 0; align-items: stretch; }
  .auth-shell { min-height: 100vh; grid-template-columns: 1fr; border-radius: 0; }
  .auth-brand-panel { min-height: 280px; padding: 35px 28px; }
  .auth-brand-panel h1 { font-size: 29px; }
  .auth-brand-panel ul { display: none; }
  .brand-mark-large { width: 48px; height: 53px; margin-bottom: 17px; }
  .auth-form-panel { padding: 38px 28px 45px; }
  .auth-shell-simple .auth-form-panel { min-height: 100vh; padding: 28px 28px 42px; }
  .auth-form-logo { width: 170px; margin-bottom: 24px; }
  .auth-back { margin-bottom: 30px; }
  .dashboard-content { width: calc(100% - 28px); padding-top: 28px; }
  .dashboard-heading { align-items: stretch; flex-direction: column; }
  .dashboard-heading .button { width: 100%; }
  .dashboard-columns { grid-template-columns: 1fr; }
  .manage-toolbar { flex-direction: column; }
  .manage-toolbar input { width: 100%; }
  .manage-item { grid-template-columns: 78px minmax(0,1fr) auto; gap: 11px; }
  .manage-thumb { width: 78px; height: 67px; }
  .manage-actions > .button { display: none; }
  .manage-info p { max-width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .listing-form { padding-inline: 18px; }
  .form-stepper { margin-inline: -18px; padding-inline: 12px; }
  .form-stepper button { min-width: 50px; }
  .form-stepper i { width: 40px; }
  .form-stepper small { display: none; }
  .property-type-choices { grid-template-columns: repeat(3,1fr); }
  .photo-preview-grid { grid-template-columns: repeat(2,1fr); }
  .form-tips { grid-template-columns: 1fr; }
  .ads-grid { grid-template-columns: 1fr; }
  .advertise-cta { min-height: 0; padding: 24px 20px; grid-template-columns: 52px 1fr; gap: 14px; }
  .advertise-icon { width: 52px; height: 52px; border-radius: 13px; }
  .advertise-copy h3 { font-size: 22px; }
  .advertise-copy p { font-size: 10px; }
  .advertise-actions { min-width: 0; grid-column: 1 / -1; grid-template-columns: 1fr; align-items: center; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 35px; }
  .footer-grid > div:first-child { grid-column: span 2; }
}

@media (min-width: 520px) and (max-width: 720px) {
  .property-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .property-image { height: 185px; }
  .property-content { padding: 15px; }
  .property-content h3 { font-size: 15px; }
  .property-card-footer strong { font-size: 15px; }
}

@media (max-width: 519px) {
  .desktop-only { display: none!important; }
  .property-grid, .archive-grid { grid-template-columns: 1fr; }
  .property-image { height: 205px; }
  .property-content { padding: 18px; }
  .property-content h3 { min-height: 0; margin-bottom: 7px; font-size: 17px; line-height: 1.3; }
  .property-location { margin-bottom: 11px; }
  .property-specs { padding-bottom: 12px; }
  .property-card-footer { padding-top: 12px; }
  .featured-section .property-grid { gap: 16px; }
  .hero-search::before { inset-inline: 12%; }
  .hero::before { background: linear-gradient(180deg,rgba(7,15,21,.75),rgba(7,15,21,.94)), url('../images/hero-prishtina-premium.png') 66% center / cover no-repeat; }
  .section-heading { flex-direction: column; }
  .category-grid { gap: 10px; }
  .category-card { min-height: 170px; padding: 18px 14px; }
  .category-card h3 { font-size: 20px; }
  .category-card p { font-size: 11px; }
  .category-number { font-size: 25px; }
  .property-gallery { height: 350px; grid-template-columns: 1fr; grid-template-rows: 1fr; }
  .gallery-item:not(:first-child) { display: none; }
  .property-overview { grid-template-columns: 1fr 1fr; }
  .property-overview > div { grid-template-columns: 1fr; text-align: center; place-items: center; }
  .property-overview span { grid-row: auto; }
  .contact-card { padding: 23px; }
  .stat-grid { gap: 10px; }
  .stat-card { padding: 17px; }
  .stat-card strong { font-size: 27px; }
  .stat-icon { display: none; }
  .dashboard-topbar { height: 64px; }
  .dashboard-topbar > div small { display: none; }
  .dashboard-list-item { padding-inline: 14px; grid-template-columns: 45px minmax(0,1fr); }
  .dashboard-list-item .status-badge { display: none; }
  .mini-thumb { width: 45px; }
  .manage-item { grid-template-columns: 68px minmax(0,1fr) 40px; padding: 13px 10px; }
  .manage-thumb { width: 68px; height: 62px; }
  .manage-info > div .listing-label { display: none; }
  .manage-info h2 { font-size: 13px; }
  .manage-info p { font-size: 10px; }
  .form-grid { grid-template-columns: 1fr; }
  .span-2 { grid-column: auto; }
  .choice-cards.two { grid-template-columns: 1fr 1fr; }
  .checkbox-grid { grid-template-columns: 1fr 1fr; }
  .form-actions { gap: 8px; }
  .form-actions .button { flex: 1; padding-inline: 10px; }
  .photo-preview { height: 120px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-grid > div:first-child { grid-column: auto; }
  .footer-bottom { flex-direction: column; gap: 7px; }
  .chat-launcher { min-width: 0; width: 56px; height: 56px; padding: 7px; }
  .chat-launcher-icon { width: 42px; height: 42px; }
  .chat-launcher-copy { display: none; }
  .chat-online { left: 39px; top: 4px; }
  .chat-panel { position: fixed; left: 8px; right: 8px; bottom: calc(73px + env(safe-area-inset-bottom)); width: auto; height: min(570px,calc(100vh - 92px - env(safe-area-inset-bottom))); border-radius: 17px; }
}

@media (max-width: 980px) {
  .facebook-post-grid, .facebook-admin-preview .facebook-post-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .facebook-admin-layout { grid-template-columns: 1fr; }
  .social-video-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 720px) {
  .facebook-home-section { padding-block: 62px; }
  .facebook-heading { align-items: stretch; }
  .facebook-page-link { min-width: 0; width: 100%; }
  .facebook-post-grid, .facebook-admin-preview .facebook-post-grid { grid-template-columns: 1fr; gap: 16px; }
  .facebook-post-image { height: 225px; }
  .facebook-follow-card { padding: 22px 20px; grid-template-columns: 56px minmax(0,1fr); gap: 15px; }
  .facebook-follow-logo { width: 56px; height: 56px; border-radius: 15px; font-size: 36px; }
  .facebook-follow-card strong { font-size: 16px; }
  .facebook-follow-card > b { grid-column: 1 / -1; text-align: center; }
  .facebook-admin-layout { gap: 15px; }
  .social-video-section { padding-block: 62px; }
  .social-video-heading { align-items: stretch; }
  .social-video-grid { grid-template-columns: 1fr; gap: 16px; }
  .social-video-card { border-radius: 17px; }
  .social-video-player { aspect-ratio: 16 / 9; }
  .social-video-player.is-portrait { aspect-ratio: 9 / 16; max-height: 650px; }
  .social-video-copy h3 { min-height: 0; font-size: 15px; }
  .social-video-more { width: 100%; }
	.sticky-form-actions { flex-wrap: wrap; }
	.sticky-form-actions .button { flex: 1 1 calc(50% - 8px); }
	.sticky-form-actions .button[type="submit"] { flex-basis: 100%; }
	.listing-preview-modal { padding: 12px; }
	.listing-preview-image { height: 230px; }
  .social-admin-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto!important; animation-duration: .01ms!important; transition-duration: .01ms!important; }
}