/* Ev.me / IST·EV Turkey — Türkiye real-estate platform Author, architect and rights holder: Mohammad Zeinali Aliabadi mohammadzeinalialiabadi.com · IST·EV Turkey · Istanbul, Türkiye The design of this system, its data model, its decision engine and this file are the original work of the named author. Copying, redistribution or derivative use without written permission is not granted. */ /* ═══════════════════════════════════════ v315 · VAZIRMATN, FROM OUR OWN SERVER Measured on the live site (WebPageTest, 5 Aug 2026): four font files, 189 KB, 41% of the page's whole weight, all of it from fonts.gstatic.com — plus a handshake to fonts.googleapis.com before the stylesheet even arrives. The note in index.html has said since v312 that the real fix is to serve the font ourselves; this is the Persian and Arabic half of it, which is the half we already own the file for. It is the same variable file the panel has been serving since v350, so the two properties cannot drift apart. One copy, at the site root, referenced absolutely — ten language folders sharing one file rather than ten copies of 109 KB. font-display:swap is deliberate: text appears immediately in the fallback and swaps when the real face lands. Nothing is ever invisible. */ @font-face{ font-family:'Vazirmatn'; src:url('/assets/fonts/vazirmatn-var.woff2?v=344-tapu') format('woff2-variations'), url('/assets/fonts/vazirmatn-var.woff2?v=344-tapu') format('woff2'); font-weight:100 900; font-style:normal; font-display:swap; } /* Ev.me premium.css — MINIFIED BUILD. The documented source, with every measurement and the reasoning behind each rule, is premium.src.css in this same folder. Edit that one, never this one. */ :root{--evp-font:'Inter','Vazirmatn',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--evp-r-card:16px;--evp-r-ctl:12px;--evp-line:rgba(255,255,255,.10);--evp-shadow:0 10px 34px rgba(3,7,18,.28);--evp-shadow-soft:0 4px 16px rgba(3,7,18,.18)}html{-webkit-text-size-adjust:100%;background:#0A1020}html,body{background-color:#0A1020}body{overscroll-behavior-y:none}@media (prefers-color-scheme:light){html,body{background-color:#0A1020}}body{font-family:var(--evp-font)!important;font-variant-numeric:tabular-nums lining-nums;line-height:1.85;letter-spacing:.1px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}body *:not(script):not(style):not(pre):not(code):not(kbd){font-family:var(--evp-font)!important}pre,code,kbd{font-family:ui-monospace,'SF Mono',Consolas,monospace!important}[style*="Outfit"],[style*="outfit"]{font-family:var(--evp-font)!important}[style*="font-weight:800"],[style*="font-weight:900"],[style*="font-weight:800"],[style*="font-weight:900"]{font-weight:700!important}h1,h2,h3,h4{line-height:1.4;letter-spacing:0}h1{font-size:clamp(23px,3vw,32px);font-weight:700;margin-block:0 .45em}h2{font-size:clamp(19px,2.3vw,24px);font-weight:700;margin-block:1.5em .55em}h3{font-size:clamp(16px,1.8vw,18.5px);font-weight:600;margin-block:1.15em .5em}p{margin-block:.5em 1em}small{line-height:1.7}.grid2{gap:16px 20px!important}#cards{gap:22px!important}.mon-grid{gap:16px!important}table{border-collapse:separate;border-spacing:0}td,th{padding:12px 14px!important;line-height:1.7}th{font-weight:600}hr{border:none;border-top:1px solid var(--evp-line);margin-block:22px}.card,.glass{border-radius:var(--evp-r-card)!important;box-shadow:var(--evp-shadow-soft)}.card:hover,.glass:hover{box-shadow:var(--evp-shadow)}label{font-weight:500;font-size:13px;display:inline-block;margin-bottom:7px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select{min-height:46px;padding:11px 14px!important;border-radius:var(--evp-r-ctl)!important;font-size:14px}textarea{padding:12px 14px!important;border-radius:var(--evp-r-ctl)!important;min-height:96px;line-height:1.8}::placeholder{color:rgba(160,172,196,.65)!important;opacity:1}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid rgba(201,164,92,.55);outline-offset:1px}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:#C9A45C}.btn,button{border-radius:var(--evp-r-ctl)}.btn{min-height:44px;padding:10px 18px;font-weight:600;letter-spacing:.15px}.btn-sm{min-height:36px!important;padding:7px 13px!important;font-size:12.5px}.badge,.rooms,.ev-seis,[class*="pill"]{border-radius:999px!important}@media (max-width:640px){.btn,button:not(.btn-sm){min-height:48px}td,th{padding:10px 10px!important}h1{font-size:22px}body{line-height:1.8}}#langSw,#langsw,.langsw{display:none!important}html{overflow-x:clip}a,button,input,select,textarea,label,[role="button"],[onclick],.btn,.tab,.mm-item,.drw-item{touch-action:manipulation}body{-webkit-overflow-scrolling:touch}#appTabs,.app-tabs,.bottomnav{padding-bottom:env(safe-area-inset-bottom,0px)}.btn:active,button.btn:active,a.btn:active,.login-btn:active,.mm-item:active{opacity:.88}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:where(html){--bord:rgba(255,255,255,.12);--bord-g:rgba(201,164,92,.28);--glass2:rgba(255,255,255,.055)}@media (hover:none) and (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{font-size:16px!important}}::placeholder{color:rgba(203,213,232,.92)!important;opacity:1}.search-row input::placeholder{color:rgba(244,246,251,.72)!important}#in .skip,#in .snd{color:rgba(244,246,251,.78)!important}.rev-stars span{color:rgba(244,246,251,.55)}#in .skip{min-height:44px;min-width:96px;font-size:13px!important;inset-block-start:auto!important;inset-block-end:calc(20px + env(safe-area-inset-bottom,0px))!important;inset-inline-end:16px!important;display:inline-flex;align-items:center;justify-content:center;background:rgba(10,16,32,.55);border:1px solid rgba(235,211,160,.45)!important;border-radius:999px;backdrop-filter:blur(8px)}#in .snd{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}@media (hover:none) and (pointer:coarse){.btn-sm{min-height:44px!important;padding:10px 15px!important}a[role=button],.navlink,.mm-item,.drw-item{min-height:44px;display:inline-flex;align-items:center}}@media (max-width:640px){#appTabs a{font-size:11.5px!important;color:rgba(244,246,251,.78)}#appTabs a.on{color:var(--gold-hi)!important}#appTabs a span{overflow:visible!important;text-overflow:clip!important}}#appTabs a[href^="http"]{position:relative}#appTabs a[href^="http"]::after{content:"\2197";position:absolute;top:3px;inset-inline-end:7px;font-size:9px;line-height:1;opacity:.7}.btn-gold.is-secondary{background:transparent!important;color:var(--gold-hi)!important;border:1.5px solid var(--gold)!important;box-shadow:none!important;font-weight:600!important}.btn-gold.is-secondary:hover{background:rgba(201,164,92,.12)!important;border-color:var(--gold-hi)!important}.btn-gold:focus-visible,.login-btn:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px}body[data-ev-solo] #langSw{display:flex!important}.search-panel{min-height:132px}@media (max-width:640px){.search-panel{min-height:196px}}.hero .eyebrow{min-height:20px;display:block}.hero-sub{min-height:52px}@media (max-width:640px){.hero-sub{min-height:72px}}.hero .mark,.hero svg.brand-logo{min-height:34px} /* --- 11. THE COLOUR-CONTRAST FAILURE, NAMED AT LAST ---------------------- Three separate audits told me "low contrast" and three times I answered with token maths and said the palette was fine. The palette WAS fine. The failing element was one I added myself and never looked at: selector : footer#contact > p.foot-id > span.ev-ver text : "v278-perf · 2026-07-30" measured : #646874 on #0a1020 = 3.4:1 at 10.5px → fails AA (needs 4.5) A grey version stamp in the footer. Small, dim, and exactly the kind of thing a human reviewer skips and axe-core does not. */ .ev-ver, span.ev-ver{ color:rgba(244,246,251,.78) !important; } /* 10.77:1 */ /* MERIDIAN x LUMEN v326 - shared visual layer. Documented source with the reasoning for every rule is the matching block in premium.src.css. */ :where(html){--ml-ease:cubic-bezier(.2,.7,.2,1);--ml-line:rgba(255,255,255,.09);--ml-line-gold:rgba(201,164,92,.30);--ml-pencil:rgba(201,164,92,.10);--ml-lift-1:0 1px 2px rgba(3,7,18,.30),0 2px 6px -2px rgba(3,7,18,.34);--ml-lift-2:0 2px 4px rgba(3,7,18,.30),0 10px 24px -10px rgba(3,7,18,.62);--ml-lift-3:0 4px 8px rgba(3,7,18,.32),0 28px 56px -22px rgba(3,7,18,.80);--ml-spec:inset 0 1px 0 rgba(255,255,255,.14);--ml-spec-hi:inset 0 1px 0 rgba(255,255,255,.20);--ml-base-edge:inset 0 -1px 0 rgba(0,0,0,.32);--ml-rim:rgba(235,211,160,.14)}body{background-image:linear-gradient(90deg,transparent calc(50% - 620px),var(--ml-pencil) calc(50% - 620px),var(--ml-pencil) calc(50% - 619px),transparent calc(50% - 619px)),linear-gradient(90deg,transparent calc(50% - 1px),var(--ml-pencil) calc(50% - 1px),var(--ml-pencil) 50%,transparent 50%),linear-gradient(90deg,transparent calc(50% + 619px),var(--ml-pencil) calc(50% + 619px),var(--ml-pencil) calc(50% + 620px),transparent calc(50% + 620px));background-attachment:fixed;background-repeat:no-repeat}@media (max-width:1279px){body{background-image:none}}.nav{border-radius:4px !important}.glass{border-radius:4px !important}.card,.pcard,.acard{border-radius:3px !important}.acc{border-radius:3px !important}.btn-gold{border-radius:3px !important}.btn,button.btn,a.btn{border-radius:3px !important}.btn-ghost{border-radius:3px !important}.btn-dl{border-radius:3px !important}.lang-btn{border-radius:3px !important}.search-panel{border-radius:4px !important}.search-row input{border-radius:3px !important}.search-tabs button{border-radius:3px !important}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border-radius:3px !important}.pillar{border-radius:3px !important}.tcard{border-radius:3px !important}.card,.pcard,.acard,.pillar,.tcard{background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.018));border:1px solid var(--ml-line);box-shadow:var(--ml-spec),var(--ml-base-edge),var(--ml-lift-1);transition:border-color .28s var(--ml-ease),background .28s var(--ml-ease),box-shadow .3s var(--ml-ease);position:relative;overflow:hidden;isolation:isolate}.card:hover,.pcard:hover,.acard:hover,.pillar:hover,.tcard:hover{transform:none;border-color:var(--ml-line-gold);background:linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.026));box-shadow:var(--ml-spec-hi),var(--ml-base-edge),var(--ml-lift-2)}.card::before,.acard::before,.pillar::before,.tcard::before,.pcard .spine{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:2px;z-index:6;background:linear-gradient(180deg,var(--gold-hi,#EBD3A0),var(--gold,#C9A45C));transform:scaleY(.18);transform-origin:top;transition:transform .34s var(--ml-ease);pointer-events:none}.card:hover::before,.acard:hover::before,.pillar:hover::before,.tcard:hover::before,.pcard:hover .spine{transform:scaleY(1)}.pcard::after,.acard::after,.tcard::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),var(--ml-rim),transparent 62%);opacity:0;transition:opacity .32s var(--ml-ease)}@media (hover:hover) and (pointer:fine){.pcard:hover::after,.acard:hover::after,.tcard:hover::after{opacity:1}}@media (prefers-reduced-motion:reduce){.pcard::after,.acard::after,.tcard::after{display:none}.card::before,.acard::before,.pillar::before,.tcard::before,.pcard .spine{transition:none}}.tcard .who .av{border-radius:50% !important}.btn-gold{background:linear-gradient(180deg,var(--gold-hi,#EBD3A0) 0%,var(--gold,#C9A45C) 52%,#B8914A 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.18),0 2px 4px rgba(3,7,18,.34),0 12px 26px -12px rgba(201,164,92,.55);transition:filter .2s var(--ml-ease),box-shadow .25s var(--ml-ease),transform .2s var(--ml-ease)}.btn-gold:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(0,0,0,.18),0 4px 8px rgba(3,7,18,.34),0 20px 38px -14px rgba(201,164,92,.66)}.btn-gold:active{transform:translateY(0);filter:brightness(.98);box-shadow:inset 0 2px 5px rgba(0,0,0,.30)}.btn-gold.is-secondary{box-shadow:none !important}html[dir="rtl"] .btn-gold{letter-spacing:0;text-transform:none}.btn-ghost,.btn-dl{background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.03));border-color:rgba(201,164,92,.36);box-shadow:var(--ml-spec),var(--ml-base-edge),var(--ml-lift-1)}.btn-ghost:hover,.btn-dl:hover{background:linear-gradient(180deg,rgba(201,164,92,.20),rgba(201,164,92,.08));border-color:var(--gold,#C9A45C);box-shadow:var(--ml-spec-hi),var(--ml-base-edge),var(--ml-lift-2)}.lang-btn{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));box-shadow:var(--ml-spec),var(--ml-lift-1)}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{box-shadow:inset 0 1px 3px rgba(0,0,0,.42),inset 0 -1px 0 rgba(255,255,255,.05)}input:focus,select:focus,textarea:focus{box-shadow:inset 0 1px 3px rgba(0,0,0,.42),0 0 0 3px rgba(201,164,92,.20)}h1,h2{font-weight:250;text-wrap:balance}html[dir="rtl"] h1,html[dir="rtl"] h2{letter-spacing:0;font-weight:300}.hero h1{max-width:19ch}h1 .accent,h2 .accent{font-weight:600}.section-sub,.lede{text-wrap:balance}.eyebrow::before,.kicker::before{opacity:.75}.section-head{position:relative}.section-head::before{content:"";position:absolute;top:-1px;inset-inline-start:0;width:64px;height:1px;background:var(--ml-line-gold)}.sec-num{display:block;font-family:var(--font-latin,'Inter',sans-serif);font-size:10px;letter-spacing:.26em;font-weight:700;color:var(--gold-hi,#EBD3A0);margin-bottom:14px;font-feature-settings:"tnum" 1,"lnum" 1}.pmeta,.ameta{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-feature-settings:"tnum" 1,"lnum" 1}html[dir="rtl"] .pmeta,html[dir="rtl"] .ameta{letter-spacing:.02em;text-transform:none;font-size:12.5px}.stat span{letter-spacing:.22em}html[dir="rtl"] .stat span{letter-spacing:.02em;text-transform:none;font-size:12px}.stat b{text-shadow:0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(3,7,18,.5)}.sec-more{border-bottom:1px solid var(--ml-line-gold);padding-bottom:3px;letter-spacing:.2em;text-transform:uppercase}html[dir="rtl"] .sec-more{letter-spacing:.02em;text-transform:none}.vbadge{background:linear-gradient(180deg,var(--gold-hi,#EBD3A0),var(--gold,#C9A45C) 70%,#B8914A 100%);color:#0A1020;border:0;border-radius:2px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 6px -3px rgba(3,7,18,.7);backdrop-filter:none;-webkit-backdrop-filter:none;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}html[dir="rtl"] .vbadge{letter-spacing:.02em;text-transform:none;font-size:11px}.reveal{transform:translateY(8px);transition-duration:.34s;transition-timing-function:var(--ml-ease)} .login-btn{border-radius:3px !important;background:linear-gradient(180deg,#EBD3A0 0%,#C9A45C 52%,#B8914A 100%) !important;color:#0A1020 !important;border:0 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.18),0 2px 4px rgba(3,7,18,.34),0 12px 26px -12px rgba(201,164,92,.55) !important;transition:filter .2s var(--ml-ease),box-shadow .25s var(--ml-ease),transform .2s var(--ml-ease) !important}.login-btn:hover{filter:brightness(1.05) !important;transform:translateY(-1px) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(0,0,0,.18),0 4px 8px rgba(3,7,18,.34),0 20px 38px -14px rgba(201,164,92,.66) !important}.login-btn:active{transform:translateY(0) !important;filter:brightness(.98) !important;box-shadow:inset 0 2px 5px rgba(0,0,0,.30) !important}.msgr-btn{border-radius:3px !important;background:linear-gradient(180deg,#23B896 0%,#159C7E 52%,#0E6E5C 100%) !important;border:1px solid rgba(201,164,92,.42) !important;color:#EAFBF5 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.20),0 2px 4px rgba(3,7,18,.34),0 12px 26px -12px rgba(20,140,115,.55) !important;transition:filter .2s var(--ml-ease),box-shadow .25s var(--ml-ease),transform .2s var(--ml-ease) !important}.msgr-btn:hover{filter:brightness(1.06) !important;transform:translateY(-1px) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.20),0 4px 8px rgba(3,7,18,.34),0 20px 38px -14px rgba(20,140,115,.68) !important}.msgr-btn:active{transform:translateY(0) !important;filter:brightness(.98) !important;box-shadow:inset 0 2px 5px rgba(0,0,0,.30) !important}.msgr-btn .msgr-ic::after{border-radius:50% !important}.lang-btn{border-radius:3px !important;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 2px rgba(3,7,18,.30),0 2px 6px -2px rgba(3,7,18,.34) !important}.lang-btn:hover{background:linear-gradient(180deg,rgba(201,164,92,.20),rgba(201,164,92,.08)) !important;border-color:rgba(201,164,92,.55) !important}.lang-menu{border-radius:4px !important}.lang-menu button{border-radius:2px !important} .burger{border-radius:3px !important}.mm-panel{border-radius:4px !important}.mm-item{border-radius:2px !important}.mm-ic{border-radius:2px !important} .ad-hold,.ad-slot,.backhome,.bad,.cbtn,.chcard,.chclose,.cm-cta,.cm-ic,.contact,.cta,.drw-cta,.drw-item,.drw-x,.empty,.evpw-btn,.f,.gate,.hint,.icon,.in,.kc-act,.kc-btn,.kc-note,.loading,.logo,.mini,.mk,.mm-btn,.nav-search,.navlink,.navlink-strong,.note,.num,.player,.role,.sheet,.stat,.tvbox{border-radius:3px !important}body div:not([class]),body input:not([class]),body select:not([class]),body span:not([class]),body summary:not([class]),body textarea:not([class]){border-radius:3px !important} input:not([type=checkbox]):not([type=radio]):not([type=file]),select:not([multiple]),textarea:not([readonly]){border-radius:3px !important}body div[class=""],body input[class=""],body select[class=""],body span[class=""],body textarea[class=""]{border-radius:3px !important}.loading,.loading.glass{border-radius:3px !important} .langs button{border-radius:3px !important} /* 🔴 `button` was REMOVED from the two classless rules above. Several classless buttons are round BY DESIGN -- #aiFab (the 50% support FAB) and the 100px pill/circle buttons on index, join and tv -- and a blanket classless rule flattened them. Caught by diffing every element's computed radius against the original build, not by eye. Classless buttons that DO need squaring are handled by their own scoped rule (.langs button). */ .acard::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),var(--ml-rim),transparent 62%);opacity:0;transition:opacity .32s var(--ml-ease)}@media (hover:hover) and (pointer:fine){.acard:hover::after{opacity:1}}@media (prefers-reduced-motion:reduce){.acard::after{display:none}}.chcard,.ad-slot,.sheet,.gate,.msg,.trust,.ldr-c{background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.018));border:1px solid var(--ml-line);box-shadow:var(--ml-spec),var(--ml-base-edge),var(--ml-lift-1);transition:border-color .28s var(--ml-ease),background .28s var(--ml-ease),box-shadow .3s var(--ml-ease);position:relative;overflow:hidden;isolation:isolate}.chcard:hover,.ad-slot:hover,.trust:hover,.ldr-c:hover{transform:none;border-color:var(--ml-line-gold);background:linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.026));box-shadow:var(--ml-spec-hi),var(--ml-base-edge),var(--ml-lift-2)}.chcard::before,.ad-slot::before,.trust::before,.ldr-c::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:2px;z-index:6;background:linear-gradient(180deg,var(--gold-hi,#EBD3A0),var(--gold,#C9A45C));transform:scaleY(.18);transform-origin:top;transition:transform .34s var(--ml-ease);pointer-events:none}.chcard:hover::before,.ad-slot:hover::before,.trust:hover::before,.ldr-c:hover::before{transform:scaleY(1)}.chcard::after,.ad-slot::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),var(--ml-rim),transparent 62%);opacity:0;transition:opacity .32s var(--ml-ease)}@media (hover:hover) and (pointer:fine){.chcard:hover::after,.ad-slot:hover::after{opacity:1}}@media (prefers-reduced-motion:reduce){.chcard::after,.ad-slot::after{display:none}.chcard::before,.ad-slot::before,.trust::before,.ldr-c::before{transition:none}}.player{box-shadow:var(--ml-spec),var(--ml-base-edge),var(--ml-lift-2)}.b-gold,.cbtn.gold,.chcats button.on,.poster .play,.printbar button,.nav-btn-gold,.cm-cta{background:linear-gradient(180deg,var(--gold-hi,#EBD3A0) 0%,var(--gold,#C9A45C) 52%,#B8914A 100%) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.18),0 2px 4px rgba(3,7,18,.34),0 12px 26px -12px rgba(201,164,92,.55) !important;transition:filter .2s var(--ml-ease),box-shadow .25s var(--ml-ease),transform .2s var(--ml-ease) !important}.b-gold:hover,.cbtn.gold:hover,.poster .play:hover,.printbar button:hover,.nav-btn-gold:hover,.cm-cta:hover{filter:brightness(1.05) !important;transform:translateY(-1px) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(0,0,0,.18),0 4px 8px rgba(3,7,18,.34),0 20px 38px -14px rgba(201,164,92,.66) !important}.poster .play,.back,.chtop{border-radius:3px !important} /* ---- the REAL agency card (.acard2) -------------------------------------- His screenshot showed the agency shelf untouched while property cards had already changed. Cause: the homepage renders `
`, not `.acard` — every earlier rule targeted the wrong class. This brings .acard2 and all its inner parts onto the same footing as .pcard. 🔴 .acard2::before is ALREADY USED for a radial gold glow, so the spine is a real injected , and ::after (verified free) carries the pointer-tracked rim. Same split as .pcard. */ .acard2{ border-radius:3px !important; background:linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.018)) !important; border:1px solid var(--ml-line) !important; box-shadow:var(--ml-spec), var(--ml-base-edge), var(--ml-lift-1) !important; transition:border-color .28s var(--ml-ease), background .28s var(--ml-ease), box-shadow .3s var(--ml-ease) !important; } .acard2::before{ border-radius:3px !important; } /* keep the glow, square it */ .acard2:hover{ transform:none !important; /* the grid stays still */ border-color:var(--ml-line-gold) !important; background:linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.026)) !important; box-shadow:var(--ml-spec-hi), var(--ml-base-edge), var(--ml-lift-2) !important; } .acard2 .spine{ content:""; position:absolute; inset-block:0; inset-inline-start:0; width:2px; z-index:6; background:linear-gradient(180deg,var(--gold-hi,#EBD3A0),var(--gold,#C9A45C)); transform:scaleY(.18); transform-origin:top; transition:transform .34s var(--ml-ease); pointer-events:none; } .acard2:hover .spine{ transform:scaleY(1); } .acard2::after{ content:""; position:absolute; inset:0; z-index:5; pointer-events:none; background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%), var(--ml-rim), transparent 62%); opacity:0; transition:opacity .32s var(--ml-ease); } @media (hover:hover) and (pointer:fine){ .acard2:hover::after{ opacity:1; } } @media (prefers-reduced-motion:reduce){ .acard2::after{ display:none; } .acard2 .spine{ transition:none; } } /* inner parts — squared to match the plate. .ac-face is an avatar and stays round; .ac-tick is the verification check and stays round. */ .ac-hit{ border-radius:3px !important; } .ac-logo{ border-radius:3px !important; } .acard2 .alogo,.acard .alogo{ border-radius:3px !important; } .ac-cta{ border-radius:3px !important; } .acard2 .ac-code{ border-radius:2px !important; } .ac-vb{ border-radius:2px !important; } .ac-f{ border-radius:2px !important; } .acard2 .ac-face{ border-radius:50% !important; } /* the Call button: same green material as the Messenger button in the nav, so the two greens on the site read as one family */ .ac-call,.acard2 .evcall-btn{ border-radius:3px !important; background:linear-gradient(180deg,#23B896 0%,#159C7E 52%,#0E6E5C 100%) !important; border:1px solid rgba(201,164,92,.42) !important; color:#EAFBF5 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(0,0,0,.20), 0 2px 4px rgba(3,7,18,.34), 0 12px 26px -12px rgba(20,140,115,.55) !important; transition:filter .2s var(--ml-ease), box-shadow .25s var(--ml-ease), transform .2s var(--ml-ease) !important; } .ac-call:hover,.acard2 .evcall-btn:hover{ filter:brightness(1.06); transform:translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.20), 0 4px 8px rgba(3,7,18,.34), 0 20px 38px -14px rgba(20,140,115,.68) !important; } .ac-call:active,.acard2 .evcall-btn:active{ transform:translateY(0); filter:brightness(.98); box-shadow:inset 0 2px 5px rgba(0,0,0,.30) !important; } /* the Messenger install control is an so it can carry an href, but it is a BUTTON to the eye and must not wear a link underline next to its twin. */#msgrBtn{ text-decoration:none !important; }#msgrBtn:hover,#msgrBtn:focus{ text-decoration:none !important; } /* ---- VERIFIED badge ------------------------------------------------------- It was mint-on-green (#8ef0be on rgba(56,181,126,…)) with a 100px pill — a leftover from the pre-MERIDIAN palette. Beside squared gold plates it read as a sticker from another product. Verification is the platform's central claim, so the mark becomes the brand gold, squared like every other plate, and set as a small stamp rather than a bubble. */ .vbadge{ color:#2A2008 !important; background:linear-gradient(180deg,#EBD3A0,#C9A45C 70%,#B8914A) !important; border:0 !important; border-radius:2px !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 2px 6px -3px rgba(3,7,18,.7) !important; font-weight:700 !important; }