:root{
  --navy:#071b33;
  --navy2:#0b2b4d;
  --gold:#b98a37;
  --gold2:#d8b86a;
  --white:#ffffff;
  --cream:#f7f3eb;
  --text:#1d2733;
  --muted:#667085;
  --line:#e6e2d9;
  --shadow:0 18px 45px rgba(7,27,51,.18);
  --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.5}
a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:50;background:rgba(7,27,51,.96);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:12px 6vw;border-bottom:1px solid rgba(216,184,106,.25)}
.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:1px solid rgba(216,184,106,.5)}.brand strong{display:block;font-size:1.05rem;letter-spacing:.04em}.brand small{display:block;color:var(--gold2);font-size:.78rem}.nav{display:flex;align-items:center;gap:20px;color:#fff;font-size:.94rem}.nav a{opacity:.92}.nav a:hover{color:var(--gold2)}.nav-cta{background:var(--gold);padding:10px 16px;border-radius:999px;color:#071b33!important;font-weight:700}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}

.landing-hero{position:relative;background:var(--cream);color:#fff}.hero-slider{position:relative;min-height:560px;overflow:hidden;display:flex;align-items:center}.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 4s ease}.hero-slide.active{opacity:1;transform:scale(1)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,37,.78),rgba(7,27,51,.42),rgba(7,27,51,.25))}.hero-copy{position:relative;z-index:2;width:min(1000px,88vw);margin:0 auto;padding:84px 0 150px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--gold2);font-size:.72rem;font-weight:800;margin:0 0 10px}.hero-copy h1{font-size:clamp(2.15rem,4.4vw,4.15rem);line-height:1.02;margin:0 0 14px;max-width:720px;letter-spacing:-.045em}.hero-copy p{max-width:570px;font-size:1.05rem;color:rgba(255,255,255,.9);margin:0 0 22px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.outline-btn{border:1px solid rgba(255,255,255,.75);border-radius:12px;padding:13px 18px;color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.hero-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(7,27,51,.38);color:#fff;font-size:28px;cursor:pointer}.hero-prev{left:24px}.hero-next{right:24px}.hero-dots{position:absolute;z-index:3;left:50%;bottom:112px;transform:translateX(-50%);display:flex;gap:8px}.hero-dot{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.55);cursor:pointer}.hero-dot.active{background:var(--gold2);width:26px;border-radius:999px}.home-search-wrap{position:relative;z-index:5;width:min(1060px,88vw);margin:-86px auto 0;padding-bottom:34px}.search-panel{background:#fff;color:var(--text);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.search-tabs{display:flex;background:var(--cream);border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;padding:15px 22px;font-weight:800;color:var(--navy);cursor:pointer}.tab.active{background:var(--navy);color:#fff}.search-mode{display:none;grid-template-columns:repeat(6,1fr);gap:12px;padding:20px}.search-mode.active{display:grid}.search-mode label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--muted);font-weight:700}.search-mode input,.search-mode select{height:44px;border:1px solid var(--line);border-radius:11px;padding:0 12px;font:inherit;color:var(--text);background:#fff}.service-search{grid-template-columns:2fr 2fr 1fr}.primary-btn,.secondary-btn{border:0;border-radius:12px;padding:13px 18px;background:var(--gold);color:var(--navy);font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;align-self:end}.secondary-btn{background:var(--navy);color:#fff}
.quick-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--navy);color:#fff;padding:0 6vw}.quick-strip article{padding:26px;border-right:1px solid rgba(255,255,255,.12)}.quick-strip strong{display:block;color:var(--gold2)}.quick-strip span{color:rgba(255,255,255,.75)}.section{padding:80px 6vw}.shade{background:var(--cream)}.section-head{max-width:820px;margin:0 0 32px}.section-head h2{font-size:clamp(2rem,3vw,3rem);margin:0 0 10px;color:var(--navy)}.section-head p{color:var(--muted);font-size:1.05rem}.row-head{display:flex;justify-content:space-between;gap:20px;align-items:end;max-width:none}.featured-stage{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.slider-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:30px;cursor:pointer}.featured-card{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-height:420px}.featured-card img{width:100%;height:100%;object-fit:cover}.featured-info{padding:42px}.badge{display:inline-flex;background:rgba(185,138,55,.16);color:var(--gold);border:1px solid rgba(185,138,55,.35);border-radius:999px;padding:6px 12px;font-weight:800;font-size:.78rem;text-transform:uppercase}.featured-info h3{font-size:2.1rem;color:var(--navy);margin:16px 0 10px}.price{font-weight:900;color:var(--gold);font-size:1.3rem}.meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.meta span{background:var(--cream);border-radius:999px;padding:8px 12px;font-size:.88rem}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.property-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(7,27,51,.08);border:1px solid var(--line)}.property-card img{width:100%;height:210px;object-fit:cover}.property-body{padding:20px}.property-body h3{margin:10px 0;color:var(--navy)}.card-actions{display:flex;gap:10px;margin-top:16px}.small-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer}.result-meta{margin-bottom:18px;color:var(--muted);font-weight:800}.accordion{display:grid;gap:14px}.service-item{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.service-title{width:100%;padding:22px;background:#fff;border:0;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:900;color:var(--navy);cursor:pointer;font-size:1.05rem}.service-title span:first-child{display:flex;align-items:center;gap:12px}.service-panel{display:none;padding:0 22px 22px;color:var(--muted)}.service-item.open .service-panel{display:block}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.steps{display:grid;gap:14px}.steps div{display:grid;grid-template-columns:80px 1fr;align-items:center;background:var(--cream);border-radius:14px;overflow:hidden}.steps strong{background:var(--navy);color:var(--gold2);height:100%;display:flex;align-items:center;justify-content:center}.steps span{padding:18px;font-weight:800}.reports-grid,.office-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.report-card,.office-card,.why-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(7,27,51,.06)}.report-card h3,.office-card h3{color:var(--navy);margin-top:0}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:start}.about h2{font-size:2.4rem;color:var(--navy)}.why-card ul{margin:0;padding-left:20px}.contact-section{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:70px 6vw;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}.contact-section h2{font-size:2.6rem;margin:0 0 12px}.contact-section p{color:rgba(255,255,255,.76)}.contact-card{display:grid;gap:12px;min-width:260px}.contact-card a{background:#fff;color:var(--navy);border-radius:12px;padding:14px 18px;font-weight:900;text-align:center}.contact-card a:last-child{background:var(--gold)}footer{display:flex;justify-content:space-between;gap:20px;background:#031225;color:#fff;padding:24px 6vw}footer span{display:block;color:var(--gold2)}.modal{width:min(980px,92vw);border:0;border-radius:20px;padding:0;box-shadow:var(--shadow)}.modal::backdrop{background:rgba(3,18,37,.75)}.modal-close{position:absolute;right:14px;top:12px;background:#fff;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;z-index:3;cursor:pointer}.modal-grid{display:grid;grid-template-columns:1fr 1fr}.modal-gallery img{width:100%;height:430px;object-fit:cover}.modal-text{padding:36px}.modal-text h2{color:var(--navy);margin-top:0}.features{display:grid;gap:8px;padding-left:18px}
@media(max-width:980px){.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--navy);padding:20px 6vw;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-toggle{display:block}.search-mode,.service-search{grid-template-columns:1fr 1fr}.property-grid,.reports-grid,.office-grid{grid-template-columns:1fr 1fr}.featured-card,.split,.about,.contact-section,.modal-grid{grid-template-columns:1fr}.featured-card img,.modal-gallery img{height:300px}.quick-strip{grid-template-columns:1fr}}
@media(max-width:640px){.hero-slider{min-height:520px}.hero-copy{padding:62px 0 130px}.hero-copy h1{font-size:2.25rem}.hero-arrow{display:none}.hero-dots{bottom:96px}.home-search-wrap{width:92vw;margin-top:-78px}.search-mode,.service-search{grid-template-columns:1fr}.property-grid,.reports-grid,.office-grid{grid-template-columns:1fr}.row-head{display:block}.section{padding:60px 5vw}.featured-stage{grid-template-columns:1fr}.slider-btn{display:none}footer{display:block}}

/* --- ATSHAD HOLDINGS property-platform refinements --- */
.centered{margin-left:auto;margin-right:auto;text-align:center}.compact-head{margin-bottom:24px}.center-action{text-align:center;margin-top:32px}.view-all-btn{display:inline-flex;background:#008a3d;color:#fff;border-radius:6px;padding:18px 42px;font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.project-card{background:#fff;border-radius:0;box-shadow:0 12px 35px rgba(7,27,51,.10);overflow:hidden;border:1px solid #eee}.project-image{height:260px;background-size:cover;background-position:center;position:relative}.corner-ribbon{position:absolute;left:0;top:0;background:#b20816;color:#fff;font-weight:900;padding:10px 18px;border-bottom-right-radius:14px;text-transform:uppercase;font-size:.78rem;letter-spacing:.04em}.project-body{padding:26px 28px 30px}.project-body h3{color:#950b13;font-size:1.18rem;line-height:1.25;margin:0 0 6px}.stars{color:#f2bd34;letter-spacing:2px;margin-bottom:20px}.project-facts,.property-facts{border-top:1px solid #eee;padding-top:16px;margin-top:12px}.project-facts p,.property-facts p{margin:5px 0}.read-more{border:0;background:transparent;color:#950b13;font-size:.95rem;font-weight:900;padding:14px 0 0;cursor:pointer}.locations-section{background:#fff;padding-top:42px}.location-tabs{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:1100px;margin:0 auto}.location-pill{border:2px solid #008a3d;background:#fff;color:#008a3d;border-radius:999px;padding:12px 24px;font-weight:900;cursor:pointer;font-size:1rem}.location-pill:hover,.location-pill.hot{background:#008a3d;color:#fff}.location-pill span{display:inline-flex;background:red;color:#fff;border-radius:999px;font-size:.62rem;padding:3px 7px;margin-left:8px;vertical-align:middle}.agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.agent-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(7,27,51,.08);display:grid;gap:16px}.agent-card img{width:92px;height:92px;border-radius:50%;object-fit:cover;border:3px solid rgba(185,138,55,.35)}.agent-card h3{margin:0;color:var(--navy)}.agent-role{font-weight:900;color:var(--gold);margin:4px 0 10px}.agent-actions{display:flex;gap:10px;margin-top:16px}.agent-actions a{background:var(--navy);color:#fff;border-radius:10px;padding:10px 14px;font-weight:900}.agent-actions a:last-child{background:var(--gold);color:var(--navy)}.site-footer{display:block;background:#031225;color:#fff;padding:34px 6vw}.footer-main{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:22px}.footer-main strong{font-size:1.2rem}.footer-main span{display:block;color:var(--gold2)}.footer-main p{color:rgba(255,255,255,.68)}.footer-links{display:flex;gap:16px;flex-wrap:wrap;align-items:start}.footer-links a{color:rgba(255,255,255,.82);font-weight:800}.footer-reports{padding-top:24px}.footer-reports h3{margin:0 0 16px}.footer-reports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.footer-reports-grid .report-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}.footer-reports-grid .report-card h3{color:#fff}.footer-reports-grid .report-card p{color:rgba(255,255,255,.76)}
@media(max-width:980px){.featured-grid,.agents-grid,.footer-reports-grid{grid-template-columns:1fr 1fr}.footer-main{display:block}.footer-links{margin-top:18px}}
@media(max-width:640px){.featured-grid,.agents-grid,.footer-reports-grid{grid-template-columns:1fr}.project-image{height:230px}.location-pill{width:100%;justify-content:center}.view-all-btn{width:100%;justify-content:center}.footer-links{display:grid}}

/* --- Compact process, contact form and quick assistant update --- */
.process-compact{padding-top:54px;padding-bottom:54px;background:#fff}.process-compact .section-head h2{font-size:clamp(1.7rem,2.4vw,2.5rem)}.process-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1180px;margin:24px auto 0}.process-strip article{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:18px 14px;text-align:center;box-shadow:0 8px 20px rgba(7,27,51,.05)}.process-strip strong{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--gold2);font-size:.88rem;margin-bottom:10px}.process-strip span{display:block;font-weight:900;color:var(--navy);font-size:.92rem;line-height:1.25}
.contact-with-form{grid-template-columns:.85fr 1.15fr;align-items:start;padding:76px 8vw}.contact-copy{max-width:540px}.compact-contact-card{display:flex;flex-wrap:wrap;min-width:0;margin-top:22px}.compact-contact-card a{min-width:130px}.enquiry-form{background:#fff;color:var(--text);border-radius:22px;padding:30px;box-shadow:var(--shadow);display:grid;gap:16px}.enquiry-form label{display:grid;gap:7px;font-weight:800;color:var(--navy)}.enquiry-form label span{color:var(--muted);font-weight:600}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;font:inherit;background:#fff;color:var(--text)}.enquiry-form textarea{resize:vertical}.hidden-field{display:none}.form-submit{justify-self:start;border:0;background:#b20816;color:#fff;border-radius:10px;padding:14px 34px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;cursor:pointer}.form-submit:hover{filter:brightness(.95)}
.chatbot-widget{position:fixed;right:22px;bottom:22px;z-index:80}.chat-launcher{border:0;background:#008a3d;color:#fff;border-radius:20px 20px 20px 4px;padding:14px 18px;box-shadow:0 14px 35px rgba(0,0,0,.22);font-weight:900;line-height:1.25;cursor:pointer;position:relative}.chat-launcher:after{content:'👩🏽';position:absolute;right:-16px;bottom:-16px;width:56px;height:56px;border-radius:50%;background:#008a3d;display:flex;align-items:center;justify-content:center;font-size:30px;border:4px solid #fff}.chat-window{display:none;width:min(360px,92vw);background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(3,18,37,.28);overflow:hidden;border:1px solid var(--line)}.chat-window.open{display:block}.chat-header{display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;padding:16px 18px}.chat-header strong{display:block}.chat-header small{display:block;color:var(--gold2)}.chat-header button{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.chat-body{padding:18px;background:#fbfaf7}.bot-message,.user-message{padding:12px 14px;border-radius:14px;margin-bottom:10px;font-size:.92rem}.bot-message{background:#fff;border:1px solid var(--line);color:var(--text)}.user-message{background:#e8f6ee;color:#064f26;text-align:right}.chat-options{display:grid;gap:8px;margin-top:12px}.chat-options button{border:1px solid #d6eadf;background:#fff;color:#008a3d;border-radius:999px;padding:10px 12px;font-weight:900;cursor:pointer;text-align:left}.chat-options button:hover{background:#e8f6ee}.chat-link{display:inline-flex;background:var(--gold);color:var(--navy);padding:10px 14px;border-radius:999px;font-weight:900;margin-top:8px}
@media(max-width:980px){.process-strip{grid-template-columns:repeat(3,1fr)}.contact-with-form{grid-template-columns:1fr}.chatbot-widget{right:14px;bottom:14px}.chat-launcher{padding:12px 56px 12px 14px}.chat-launcher:after{right:8px;bottom:6px;width:42px;height:42px;font-size:24px}}
@media(max-width:640px){.process-strip{grid-template-columns:1fr 1fr}.process-compact{padding-top:42px;padding-bottom:42px}.enquiry-form{padding:22px}.compact-contact-card{display:grid}.chat-window{width:calc(100vw - 28px)}}


/* --- Careers, information centre, property directory and Atanus assistant update --- */
.property-directory-section{background:#fff;padding-top:56px;padding-bottom:56px}.property-directory{max-width:1120px;margin:0 auto;display:grid;gap:10px}.directory-row{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:1.5fr .8fr .7fr .8fr;gap:14px;align-items:center;text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(7,27,51,.04)}.directory-row:hover{border-color:var(--gold);transform:translateY(-1px)}.directory-row strong{display:block;color:var(--navy)}.directory-row small{display:block;color:var(--muted);margin-top:4px}.directory-row b{color:var(--gold)}
.careers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:34px}.career-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(7,27,51,.06)}.career-card h3{color:var(--navy);margin:14px 0 8px}.career-card ul{padding-left:20px;color:var(--muted)}.career-form{max-width:1100px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 14px 38px rgba(7,27,51,.08);display:grid;gap:16px}.career-form h3{margin:0;color:var(--navy);font-size:1.55rem}.form-note{margin:0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.career-form label{display:grid;gap:7px;font-weight:800;color:var(--navy)}.career-form label span{font-weight:600;color:var(--muted)}.career-form input,.career-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;font:inherit;background:#fff;color:var(--text)}
.info-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px}.info-tab{border:2px solid var(--navy);background:#fff;color:var(--navy);border-radius:999px;padding:12px 18px;font-weight:900;cursor:pointer}.info-tab.active,.info-tab:hover{background:var(--navy);color:#fff}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(7,27,51,.06)}.info-card img{width:100%;height:190px;object-fit:cover}.info-card div{padding:22px}.info-card h3{color:var(--navy);margin:12px 0 8px}.info-card p{color:var(--muted)}.testimonial-card{padding:28px}.testimonial-card p{font-size:1.05rem;color:var(--text)}.testimonial-card small{color:var(--muted)}
.chat-launcher{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border:2px solid var(--gold);padding:14px 74px 14px 18px}.chat-launcher:after{content:'👨🏾';background:var(--gold);color:var(--navy);right:8px;bottom:7px;width:48px;height:48px;font-size:27px;border:3px solid #fff}.chat-header{background:linear-gradient(135deg,var(--navy),var(--navy2));border-bottom:3px solid var(--gold)}.chat-options button{border:1px solid rgba(185,138,55,.35);background:#fff;color:var(--navy)}.chat-options button:hover{background:var(--cream)}.user-message{background:var(--cream);color:var(--navy)}
@media(max-width:980px){.directory-row{grid-template-columns:1fr 1fr}.careers-grid,.info-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}}
@media(max-width:640px){.directory-row{grid-template-columns:1fr}.careers-grid,.info-grid{grid-template-columns:1fr}.info-tab{width:100%}}

/* --- Update: cleaner property rows, property enquiry modal and gated career applications --- */
.property-category-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px}.property-category{border:1px solid rgba(185,138,55,.55);background:#fff;color:var(--navy);border-radius:999px;padding:11px 18px;font-weight:900;cursor:pointer}.property-category.active,.property-category:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.property-list{display:grid;grid-template-columns:1fr;gap:34px}.property-row-card{background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:none;display:grid;grid-template-columns:360px 1fr;gap:34px;padding:0;align-items:start}.property-row-card img{width:100%;height:235px;object-fit:cover;border-radius:0}.property-row-body{padding:8px 8px 18px 0}.property-row-title{font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#151a22;margin-bottom:24px}.property-row-title span{color:#1d2735}.property-row-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 26px;margin-bottom:24px}.property-row-facts span{display:flex;gap:10px;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:.85rem;color:#1f2630}.property-row-facts strong{min-width:70px;color:#111827}.property-row-body p{max-width:980px;color:#424957;line-height:1.65}.property-row-actions{display:flex;gap:14px;margin-top:24px}.outline-small{border:1px solid var(--navy);background:#fff;color:var(--navy);padding:12px 34px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;cursor:pointer}.outline-small:hover,.outline-small.enquire{background:var(--navy);color:#fff}.modal-actions{margin-top:22px}.modal-facts{grid-template-columns:1fr;margin:20px 0}.form-modal{max-width:720px;width:min(720px,94vw);padding:0}.form-modal::backdrop,.job-modal::backdrop,.modal::backdrop{background:rgba(3,18,37,.68)}.modal-enquiry-form,.modal-career-form{background:#fff;padding:42px 46px;color:var(--text);display:grid;gap:16px}.modal-enquiry-form h2,.modal-career-form h2{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.16em;text-align:center;font-size:clamp(2rem,4vw,3.6rem);font-weight:500;margin:0;color:#101827}.modal-enquiry-form>p{text-align:center;max-width:560px;margin:0 auto 12px;color:#333}.modal-enquiry-form label,.modal-career-form label{display:grid;gap:7px;font-style:italic;color:#4b5563;font-weight:500}.modal-enquiry-form input,.modal-enquiry-form select,.modal-enquiry-form textarea,.modal-career-form input,.modal-career-form select,.modal-career-form textarea{border:2px solid #283243;border-radius:0;padding:15px 16px;font:inherit;background:#fff;color:#111827}.split-fields{display:grid;grid-template-columns:.75fr 1fr;gap:18px}.form-submit.full{width:100%;justify-content:center;text-align:center;background:var(--navy);color:#fff;border-radius:0;padding:18px 24px}.job-modal{max-width:760px;width:min(760px,94vw);padding:0}.job-detail{background:#fff;padding:40px;color:var(--text)}.job-detail h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:12px 0;color:var(--navy)}.job-detail h3{color:var(--navy);margin-top:24px}.career-card .primary-btn{border:0;cursor:pointer;margin-top:12px}.career-form.modal-career-form{display:grid;margin:0;border:0;border-radius:0;box-shadow:none;max-width:none}.career-form.modal-career-form h2{text-align:left;font-family:inherit;letter-spacing:normal;text-transform:none;font-weight:900;color:var(--navy);font-size:2rem}.career-form.modal-career-form input[readonly]{background:#f4f1ea;color:#111827;font-weight:900}
@media(max-width:900px){.property-row-card{grid-template-columns:1fr;gap:0}.property-row-body{padding:22px}.property-row-facts{grid-template-columns:1fr}.property-row-card img{height:260px}.split-fields{grid-template-columns:1fr}.modal-enquiry-form,.modal-career-form,.job-detail{padding:30px 22px}}


/* --- Update: land tab, trust highlights, WhatsApp expert strip, reviews, latest blog, social links --- */
.trust-mini-section{padding:58px 6%;background:#fff}.trust-mini-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:center}.trust-visual{position:relative;min-height:360px;border-radius:26px;overflow:hidden;background:#f4f1ea}.trust-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.95)}.mini-check{position:absolute;display:flex;gap:10px;align-items:center;border-radius:999px;padding:11px 18px;font-weight:900;box-shadow:0 16px 40px rgba(3,18,37,.16);backdrop-filter:blur(8px);font-size:.95rem}.mini-check span{white-space:nowrap}.mini-check.one{top:38px;right:28px;background:var(--navy);color:#fff;border:1px solid var(--gold)}.mini-check.two{bottom:36px;left:32px;background:rgba(255,255,255,.9);color:var(--navy)}.trust-copy h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.05;color:var(--navy);max-width:720px}.trust-copy p{color:var(--muted);font-size:1.05rem;line-height:1.75}.tiny-checks{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.tiny-checks span{font-size:.82rem;border:1px solid rgba(185,138,55,.4);background:#fffaf0;color:var(--navy);padding:6px 10px;border-radius:999px;font-weight:800}.expert-strip{max-width:1180px;margin:0 auto 42px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(7,27,51,.06)}.expert-box{display:flex;gap:18px;align-items:center;padding:22px 34px;border-right:1px solid var(--line)}.phone-circle{width:62px;height:62px;border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:1.7rem}.expert-box small{display:block;color:#5b6472;font-weight:800;font-size:1.05rem}.expert-box strong{display:block;color:var(--navy);font-size:1.6rem;letter-spacing:.04em}.whatsapp-strip{display:flex;align-items:center;justify-content:center;min-height:106px;background:var(--navy);color:#fff;font-weight:900;font-size:1.15rem;letter-spacing:.04em}.whatsapp-strip:hover{background:var(--gold);color:var(--navy)}
.reviews-section{background:#eef8ff}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1180px;margin:0 auto}.review-card{background:#fff;min-height:230px;border:1px solid #e4eef5;box-shadow:0 10px 24px rgba(7,27,51,.06);padding:26px;position:relative}.review-card:after{content:'';position:absolute;left:42px;bottom:-17px;border:18px solid transparent;border-top-color:#fff;border-left-color:#fff}.review-stars{color:#f7bf20;font-size:1rem;letter-spacing:2px}.google-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#4285f4;color:#fff;font-size:.7rem;margin-left:6px}.review-card p{color:#596171;line-height:1.65}.review-author{display:flex;align-items:center;gap:12px;margin-top:24px}.review-avatar{width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.review-author strong{display:block;color:var(--navy)}.review-author small{display:block;color:#596171}.review-score{font-weight:900;color:var(--navy)}
.latest-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1180px;margin:0 auto}.blog-card{background:#fff;border:1px solid var(--line);overflow:hidden}.blog-card img{width:100%;height:230px;object-fit:cover;display:block}.blog-body{padding:24px}.blog-meta{display:flex;gap:13px;align-items:center;text-transform:uppercase;font-size:.8rem;letter-spacing:.1em;font-weight:900;color:#5570cc}.blog-card h3{font-size:1.35rem;line-height:1.25;color:var(--navy);margin:14px 0 18px}.blog-read{display:inline-flex;border:1px solid var(--line);padding:11px 14px 11px 20px;font-weight:900;color:#555}.blog-read span{background:#b20816;color:#fff;margin-left:12px;padding:0 9px}.footer-social{padding:28px 6%;border-top:1px solid rgba(255,255,255,.12)}.footer-social h3{margin:0 0 14px;color:#fff}.social-links{display:flex;gap:18px;align-items:center}.social-links a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);font-weight:900}.social-links a:hover{background:var(--gold);color:var(--navy)}
@media(max-width:980px){.trust-mini-grid{grid-template-columns:1fr}.expert-strip{grid-template-columns:1fr}.expert-box{border-right:0;border-bottom:1px solid var(--line)}.reviews-grid,.latest-blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.trust-visual{min-height:300px}.mini-check{font-size:.78rem;padding:8px 10px}.reviews-grid,.latest-blog-grid{grid-template-columns:1fr}.expert-box strong{font-size:1.25rem}.whatsapp-strip{min-height:82px}}


/* --- Myles chatbot, compact top contact strip and KES/USD budget update --- */
.top-contact-strip{position:sticky;top:78px;z-index:45;display:grid;grid-template-columns:1fr 1fr;max-width:1120px;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(7,27,51,.08);transform:translateY(0)}
.top-contact-card{display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 20px;color:var(--navy);border-right:1px solid var(--line);background:#fff}
.top-contact-card.whatsapp{background:var(--navy);color:#fff;border-right:0;justify-content:center}
.top-contact-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cream);color:var(--navy);font-size:1.3rem;font-weight:900;flex:0 0 auto}
.top-contact-card.whatsapp .top-contact-icon{background:rgba(255,255,255,.12);color:var(--gold2)}
.top-contact-card small{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.09em;color:#697386;font-weight:900;line-height:1.1}
.top-contact-card.whatsapp small{color:rgba(255,255,255,.72)}
.top-contact-card strong{display:block;font-size:1.04rem;letter-spacing:.03em;line-height:1.2}
.landing-hero{margin-top:-1px}.hero-slider{min-height:530px}.hero-copy{padding-top:68px}
.search-mode{grid-template-columns:1fr 1fr 1fr 1.25fr .75fr 1fr .9fr}.budget-label{position:relative}.budget-conversion{display:block;color:var(--gold);font-size:.66rem;line-height:1.15;margin-top:2px;font-weight:800;min-height:16px}.search-mode input,.search-mode select{height:40px}.search-mode label{font-size:.73rem}.primary-btn{min-height:40px;padding:10px 16px}.search-panel{border-radius:14px}
.chatbot-widget{right:22px;bottom:22px}.chat-launcher{display:flex;align-items:center;gap:10px;border:1px solid rgba(216,184,106,.35);background:linear-gradient(135deg,var(--navy),#102d4e);color:#fff;border-radius:20px 20px 20px 6px;padding:10px 16px 10px 10px;box-shadow:0 16px 42px rgba(3,18,37,.25);min-width:215px;text-align:left}.chat-launcher img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid var(--gold2);background:#fff}.chat-launcher span{font-weight:900;line-height:1.22}.chat-launcher:after{content:none!important}.chat-header{background:linear-gradient(135deg,var(--navy),#102d4e);border-bottom:3px solid var(--gold)}.chat-title{display:flex;align-items:center;gap:10px}.chat-title img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--gold2);background:#fff}.chat-options button{border-color:rgba(185,138,55,.35);color:var(--navy)}.chat-options button:hover{background:#fff7e6}.bot-message{border-color:rgba(185,138,55,.35)}
@media(max-width:980px){.top-contact-strip{top:78px;margin:0;max-width:none}.search-mode{grid-template-columns:1fr 1fr}.budget-conversion{min-height:auto}.hero-slider{min-height:510px}}
@media(max-width:640px){.top-contact-strip{grid-template-columns:1fr;position:relative;top:auto}.top-contact-card{min-height:54px;padding:8px 14px}.top-contact-card.whatsapp{justify-content:flex-start}.top-contact-card strong{font-size:.98rem}.hero-copy{padding-top:52px}.search-mode{grid-template-columns:1fr}.chat-launcher{min-width:0;padding:8px 12px 8px 8px}.chat-launcher img{width:44px;height:44px}.chat-window{width:calc(100vw - 28px)}}

/* --- Coral-inspired listing card update: uniform featured + latest rent cards --- */
.listing-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1180px;margin:0 auto}.listing-card{background:#fff;border:1px solid #e9edf3;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px rgba(7,27,51,.08);display:flex;flex-direction:column;min-height:100%}.listing-media{height:245px;background-size:cover;background-position:center;position:relative}.listing-media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,0));pointer-events:none}.listing-chip{position:absolute;top:18px;z-index:2;background:var(--navy);color:#fff;border-radius:4px;padding:6px 11px;font-size:.74rem;font-weight:900;letter-spacing:.03em}.listing-chip.featured{left:18px;background:var(--gold2);color:#251b00}.listing-chip.status{right:92px}.listing-chip.type{right:18px}.listing-location{position:absolute;left:18px;bottom:18px;z-index:2;color:#fff;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.45);max-width:68%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-photos{position:absolute;right:18px;bottom:18px;z-index:2;color:#fff;font-weight:900}.listing-body{padding:22px 24px 18px;display:flex;flex-direction:column;flex:1}.listing-body h3{font-size:1.22rem;line-height:1.25;margin:0 0 10px;color:var(--navy);min-height:62px}.listing-price{margin:0 0 12px;color:var(--navy);font-size:1.2rem;font-weight:900}.listing-description{color:#2e3643;font-size:.95rem;line-height:1.55;margin:0 0 16px;min-height:68px}.listing-specs{display:flex;gap:18px;align-items:center;min-height:28px;margin-top:auto;color:#1c2430;font-weight:800}.listing-specs span{display:inline-flex;gap:6px;align-items:center}.listing-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf1f5;margin-top:16px;padding-top:16px}.agent-mini{font-weight:900;color:var(--navy);font-size:.88rem}.listing-action{border:1px solid #e2e7ee;background:#fff;color:var(--navy);border-radius:6px;padding:9px 12px;font-weight:900;cursor:pointer}.listing-action:hover{background:var(--navy);color:#fff}.latest-rent-section{padding-top:70px}.latest-rent-section .secondary-btn{background:var(--navy);color:#fff;border-color:var(--navy);padding:16px 40px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1180px;margin:0 auto}.view-all-btn{background:var(--navy);border-radius:6px}.section-head.centered h2:after{content:"";display:block;width:150px;height:3px;background:var(--gold2);margin:24px auto 0}
@media(max-width:980px){.listing-card-grid,.featured-grid{grid-template-columns:1fr 1fr}.listing-media{height:220px}}
@media(max-width:640px){.listing-card-grid,.featured-grid{grid-template-columns:1fr}.listing-body h3,.listing-description{min-height:0}.listing-media{height:230px}.listing-chip.status{right:86px}}


/* --- Responsive Myles FAQ bot update --- */
.chat-window{max-height:min(74vh,640px);overflow:hidden;display:none;flex-direction:column}
.chat-window.open{display:flex}
.chat-body{overflow-y:auto;max-height:520px;padding-bottom:14px}
.quick-faq-list{display:grid;gap:8px;margin-top:12px}
.quick-faq-list button{width:100%;text-align:left;border:1px solid rgba(185,138,55,.35);background:#fff;color:var(--navy);border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer;font-size:.9rem;line-height:1.25}
.quick-faq-list button:hover{background:#fff7e6;border-color:var(--gold)}
.chat-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px;position:sticky;bottom:0;background:#fff;padding-top:10px}
.chat-input-row input{border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;color:var(--text)}
.chat-input-row button{border:0;background:var(--navy);color:#fff;border-radius:10px;padding:0 14px;font-weight:900;cursor:pointer}

.user-message{margin:12px 0 8px auto;background:var(--navy);color:#fff;border-radius:14px 14px 4px 14px;padding:10px 12px;max-width:84%;font-size:.9rem}
.bot-message{margin:8px 0;background:#fffaf0;color:var(--text);border:1px solid rgba(185,138,55,.35);border-radius:14px 14px 14px 4px;padding:11px 12px;line-height:1.45;font-size:.92rem}
.chat-link{color:var(--navy);font-weight:900;text-decoration:underline}
@media(max-width:640px){.chat-body{max-height:62vh}.quick-faq-list button{font-size:.84rem;padding:9px 10px}}

/* === Full interactivity upgrade: quick actions, sorting, save/compare, viewing, listing and service forms === */
.property-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 24px;flex-wrap:wrap}

.sort-control{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:800;color:var(--navy,#071b33)}
.sort-control select{min-width:190px;border:1px solid rgba(7,27,51,.16);border-radius:12px;padding:10px 14px;background:#fff;font-weight:700}
.property-row-card{position:relative;transition:transform .2s ease, box-shadow .2s ease}
.property-row-card:hover{transform:translateY(-2px);box-shadow:0 22px 42px rgba(7,27,51,.10)}
.property-card-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tool-btn,.outline-small{border:1px solid rgba(7,27,51,.18);background:#fff;color:var(--navy,#071b33);border-radius:9px;padding:8px 10px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.84rem}
.tool-btn:hover,.outline-small:hover{background:var(--navy,#071b33);color:#fff}
.tool-btn.saved{background:#fff8d8;border-color:#d8b74a;color:#071b33}
.status-pill{display:inline-flex;padding:5px 9px;border-radius:99px;background:#e8f7ef;color:#087a3c;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-left:7px}
.status-pill.sold,.status-pill.let{background:#ffe7e7;color:#a72020}
.status-pill.booked,.status-pill.under-offer{background:#fff3d4;color:#8b5d00}
.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.modal-map{margin-top:12px;padding:12px;border:1px solid rgba(7,27,51,.12);border-radius:14px;background:#f8fafc}
.modal-map a{font-weight:900;color:var(--navy,#071b33)}
.similar-properties{margin-top:22px;border-top:1px solid rgba(7,27,51,.1);padding-top:18px}
.similar-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.similar-card{border:1px solid rgba(7,27,51,.1);border-radius:14px;padding:12px;background:#fff;cursor:pointer;text-align:left;color:inherit}
.similar-card img{width:100%;height:90px;object-fit:cover;border-radius:10px;margin-bottom:8px}
.similar-card strong{display:block;font-size:.9rem}.similar-card small{display:block;color:#687386;margin-top:4px}
.compare-tray{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(120%);z-index:80;background:var(--navy,#071b33);color:#fff;border-radius:999px;padding:10px 14px;box-shadow:0 20px 45px rgba(0,0,0,.22);display:flex;align-items:center;gap:10px;transition:.25s ease}
.compare-tray.visible{transform:translateX(-50%) translateY(0)}
.compare-tray button{border:0;border-radius:999px;padding:8px 13px;font-weight:900;cursor:pointer}.compare-tray button:first-of-type{background:var(--gold,#c6a44b);color:#071b33}.compare-tray button:last-of-type{background:#fff;color:#071b33}
.compare-table{width:100%;border-collapse:collapse;margin-top:16px;background:#fff;border-radius:14px;overflow:hidden}.compare-table th,.compare-table td{padding:12px;border-bottom:1px solid rgba(7,27,51,.10);text-align:left;vertical-align:top}.compare-table th{background:#f6f3eb;color:#071b33}.compare-table img{width:110px;height:75px;object-fit:cover;border-radius:10px}
.list-property-section{background:#fbf9f2}.property-owner-form{max-width:980px;margin:0 auto;background:#fff;border:1px solid rgba(7,27,51,.08);border-radius:22px;padding:28px;box-shadow:0 20px 55px rgba(7,27,51,.08)}
.quick-action-note{font-size:.86rem;color:#687386;margin-top:6px}
.service-item .service-panel .secondary-btn{margin-top:12px}
.footer-sitemap{display:grid!important;grid-template-columns:repeat(2,minmax(130px,1fr));gap:9px 18px}.footer-sitemap a{font-size:.9rem}
.mobile-quick-bar{position:fixed;left:0;right:0;bottom:0;z-index:99;background:#071b33;display:none;grid-template-columns:repeat(4,1fr);box-shadow:0 -8px 24px rgba(0,0,0,.16)}
.mobile-quick-bar a{color:#fff;text-decoration:none;text-align:center;padding:12px 8px;font-weight:900;font-size:.78rem;border-right:1px solid rgba(255,255,255,.13)}.mobile-quick-bar a:nth-child(2){background:#c6a44b;color:#071b33}
.book-viewing-btn{background:#c6a44b!important;color:#071b33!important;border-color:#c6a44b!important}.whatsapp-btn{background:#0b8f4d!important;color:#fff!important;border-color:#0b8f4d!important}.compare-btn.active{background:#071b33;color:#fff}.save-btn.active{background:#fff4bf;color:#071b33;border-color:#c6a44b}
@media(max-width:760px){.mobile-quick-bar{display:grid}.chatbot-widget{bottom:62px}.compare-tray{bottom:66px;width:calc(100% - 24px);border-radius:18px;justify-content:space-between}.property-results-toolbar{align-items:stretch}.sort-control{width:100%;justify-content:space-between}.sort-control select{flex:1}.property-owner-form{padding:18px}.footer-sitemap{grid-template-columns:1fr}body{padding-bottom:54px}}


/* 2026-06 refinement update */
.trust-mini-grid{grid-template-columns:.78fr 1.22fr;gap:34px;align-items:center}
.trust-visual{max-width:430px;min-height:280px;justify-self:center;border-radius:22px}
.trust-visual img{object-position:center top}
.trust-copy h2{max-width:640px}
.trust-copy p{max-width:760px}
.top-contact-strip{max-width:1040px;top:74px;border-radius:0 0 14px 14px;overflow:hidden}
.top-contact-card{min-height:56px;padding:8px 16px}
.top-contact-card strong{font-size:.98rem}
.search-mode{align-items:end}
@media(max-width:980px){.trust-mini-grid{grid-template-columns:1fr}.trust-visual{max-width:100%;min-height:250px}}


/* Hard fix: ensure the property support image appears clearly */
.trust-visual{
  display:block !important;
  background:#f4f1ea url('assets/property-manager-final.jpg') center/cover no-repeat !important;
}
.trust-visual img{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}


/* Final compact support section fix: image + text, less whitespace */
.trust-mini-section{
  padding:34px 6% 40px !important;
  background:#fff !important;
}
.trust-mini-grid{
  max-width:1120px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:420px 1fr !important;
  gap:36px !important;
  align-items:center !important;
}
.trust-visual{
  display:block !important;
  position:relative !important;
  max-width:420px !important;
  width:100% !important;
  min-height:300px !important;
  height:300px !important;
  justify-self:start !important;

  border-radius:24px !important;
  overflow:hidden !important;
  background:#f4f1ea url('assets/property-manager-final.jpg') center/cover no-repeat !important;
  box-shadow:0 18px 45px rgba(7,27,51,.10) !important;
}
.trust-visual img{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.trust-copy{
  text-align:left !important;

  max-width:720px !important;
}
.trust-copy .eyebrow{
  text-align:left !important;
}
.trust-copy h2{
  font-size:clamp(1.95rem,3vw,3rem) !important;
  line-height:1.08 !important;
  max-width:680px !important;
  margin-top:0 !important;
}
.trust-copy p{
  max-width:720px !important;
  font-size:.98rem !important;
  line-height:1.7 !important;
}
.tiny-checks{
  gap:8px !important;
  margin-top:16px !important;
}
.tiny-checks span{
  font-size:.78rem !important;
  padding:6px 10px !important;
}
@media(max-width:900px){
  .trust-mini-grid{
    grid-template-columns:1fr !important;
  }
  .trust-visual{
    max-width:100% !important;
    height:280px !important;
    min-height:280px !important;
  }
}


/* Wishlist / selected properties */
.nav-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 5px;
  margin-left:4px;
  border-radius:999px;
  background:var(--gold);
  color:var(--navy);
  font-size:.7rem;
  font-weight:900;
}
.wishlist-section .empty-wishlist{
  grid-column:1/-1;
  background:#fff;
  border:1px dashed var(--gold);
  border-radius:18px;
  padding:28px;
  text-align:center;
}
.wishlist-btn{
  border:1px solid var(--line);
  background:#fff;
  color:var(--navy);
  border-radius:10px;
  padding:9px 12px;
  font-weight:900;
  cursor:pointer;
}
.wishlist-btn.saved{
  background:var(--gold);
  border-color:var(--gold);
  color:var(--navy);
}
.listing-footer .wishlist-btn{

  margin-right:8px;
}
.property-row-actions .wishlist-btn{
  border:1px solid var(--gold);
  text-transform:uppercase;
  letter-spacing:.12em;
}
#mobileWishlistLink span{
  font-weight:900;
}
.modal-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}


/* Optional registration / account access */
.auth-nav-btn{
  border:1px solid rgba(185,138,55,.55);
  background:transparent;
  color:#fff;
  border-radius:999px;
  padding:9px 13px;
  font-weight:900;

  cursor:pointer;
  max-width:210px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.auth-nav-btn:hover{
  background:var(--gold);
  color:var(--navy);
}
.auth-prompt-modal{
  max-width:560px;
}
.auth-prompt-content{
  background:#fff;
  padding:34px;
  text-align:center;
}
.auth-prompt-content h2{
  color:var(--navy);
  font-size:2rem;
  margin:0 0 12px;
}
.auth-prompt-content p{
  color:var(--muted);
  line-height:1.65;
  margin:0 auto 18px;
  max-width:430px;
}
.auth-benefits{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  margin:18px 0 24px;
}
.auth-benefits span{
  border:1px solid rgba(185,138,55,.45);
  border-radius:999px;
  padding:7px 10px;
  font-size:.82rem;
  font-weight:800;
  color:var(--navy);
  background:#fffaf0;
}
.auth-prompt-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
@media(max-width:760px){
  .auth-nav-btn{
    color:var(--navy);
    border-color:var(--gold);
    width:max-content;
  }
}


/* Clickable property images */
.clickable-media,
.clickable-property-img{
  cursor:pointer;
}

.clickable-media:hover,
.clickable-property-img:hover{
  filter:brightness(.94);
}
.clickable-media:focus,
.clickable-property-img:focus{
  outline:3px solid var(--gold);
  outline-offset:3px;
}


/* Uncropped support image fix: show the full image without cutting off any part */
.trust-visual{
  min-height:360px !important;
  height:auto !important;
  background:#f4f1ea !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:14px !important;
}
.trust-visual img{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:18px !important;
}
@media(max-width:900px){
  .trust-visual{
    min-height:auto !important;

    padding:10px !important;
  }
}


/* Public-ready missing pieces */
.software-section{
  background:linear-gradient(180deg,#fff,#f8f3e8);
}
.software-grid{
  max-width:1180px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.software-grid article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
  box-shadow:0 12px 28px rgba(7,27,51,.06);
}
.software-grid span{
  display:inline-flex;
  width:38px;
  height:38px;
  border-radius:50%;
  align-items:center;
  justify-content:center;
  background:var(--navy);
  color:var(--gold);
  font-weight:900;
}
.software-grid h3{
  color:var(--navy);
  margin:16px 0 8px;
}
.software-grid p{
  color:var(--muted);
  line-height:1.65;
}
.legal-section{
  padding-top:54px;
  padding-bottom:54px;
}
.legal-grid{
  max-width:1180px;
  margin:24px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.legal-grid article{
  background:#fff;
  border:1px solid var(--line);

  border-radius:16px;
  padding:20px;
}
.legal-grid h3{
  color:var(--navy);
  margin-top:0;
}
.legal-grid p{
  color:var(--muted);
  line-height:1.65;
  margin-bottom:0;
}
@media(max-width:900px){
  .software-grid,.legal-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:640px){
  .software-grid,.legal-grid{
    grid-template-columns:1fr;
  }
}

/* === STAGE 2 PREMIUM PROPERTY CARDS + ENQUIRY FLOW === */
#compareTray,
.compare-tray {
  display: none !important;
}

.listing-card-grid {
  align-items: stretch;
}

.listing-card.premium-listing-card {
  overflow: hidden;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(11, 31, 51, 0.08);
  box-shadow: 0 20px 55px rgba(11, 31, 51, 0.08);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.listing-card.premium-listing-card:hover {

  transform: translateY(-5px);
  box-shadow: 0 26px 70px rgba(11, 31, 51, 0.14);
  border-color: rgba(201, 162, 77, 0.32);
}

.listing-card .listing-media {
  min-height: 245px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-bottom: 1px solid rgba(11, 31, 51, 0.06);
}

.listing-card .listing-body {
  padding: 24px 26px 26px;
}

.listing-card .listing-body h3 {
  margin-bottom: 12px;
  line-height: 1.25;
}

.listing-price {
  color: #B98A26;
  font-size: 1.08rem;
  font-weight: 850;
  letter-spacing: 0.02em;
}

.listing-description {
  min-height: 52px;
  color: #5E6A7D;
}

.listing-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 18px;
}

.listing-specs span,
.property-row-facts span {
  background: rgba(248, 246, 240, 0.98);
  border: 1px solid rgba(11, 31, 51, 0.06);
  border-radius: 999px;
  padding: 8px 12px;

  color: #0B1F33;
  font-weight: 750;
  font-size: 0.83rem;
}

.premium-card-actions,
.premium-row-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
}

.small-primary,
.outline-small,
.wishlist-btn {
  border-radius: 12px;
  min-height: 42px;
  padding: 0 16px;
  font-weight: 850;
  font-size: 0.88rem;
  cursor: pointer;
}

.small-primary {
  border: 1px solid #C9A24D;
  background: #C9A24D;
  color: #0B1F33;
  box-shadow: 0 12px 28px rgba(201, 162, 77, 0.20);
}

.small-primary:hover {
  background: #0B1F33;
  border-color: #0B1F33;
  color: #ffffff;
}

.outline-small,
.wishlist-btn {
  border: 1px solid rgba(11, 31, 51, 0.14);
  background: #ffffff;
  color: #0B1F33;
}

.outline-small:hover,
.wishlist-btn:hover,
.wishlist-btn.saved {
  border-color: #0B1F33;
  background: #0B1F33;
  color: #ffffff;
}


.wishlist-btn.saved {
  border-color: #1F5E4B;
  background: #1F5E4B;
}

.property-grid.property-list {
  display: grid;
  gap: 26px;
}

.property-row-card.premium-property-row {
  display: grid;
  grid-template-columns: minmax(280px, 36%) 1fr;
  overflow: hidden;
  min-height: 320px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(11, 31, 51, 0.08);
  box-shadow: 0 22px 60px rgba(11, 31, 51, 0.08);
}

.property-row-card.premium-property-row > img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  object-position: center;
}

.property-row-body {
  padding: 32px 34px;
}

.property-row-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 10px;
  color: #0B1F33;
  font-size: 1.35rem;
  font-weight: 900;
  line-height: 1.28;
}

.property-row-title > span:first-child {
  color: #C9A24D;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
}

.status-pill {
  margin-left: auto;
  border-radius: 999px;
  padding: 7px 11px;
  background: rgba(31, 94, 75, 0.10);
  color: #1F5E4B;
  font-size: 0.75rem;
  font-weight: 850;
}

.property-row-body p {
  color: #5E6A7D;
  line-height: 1.75;
}

.property-row-actions .whatsapp-btn {
  border-color: rgba(31, 94, 75, 0.28);
  color: #1F5E4B;
}

.property-row-actions .whatsapp-btn:hover {
  background: #1F5E4B;
  border-color: #1F5E4B;
  color: #ffffff;
}

.modal-gallery img {
  width: 100%;
  max-height: 560px;
  object-fit: contain;
  background: #F8F6F0;
}

.empty-state-card {
  padding: 36px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(11, 31, 51, 0.08);
  box-shadow: 0 18px 50px rgba(11, 31, 51, 0.08);
}

@media (max-width: 900px) {
  .property-row-card.premium-property-row {
    grid-template-columns: 1fr;
  }

  .property-row-card.premium-property-row > img {
    height: 260px;

    min-height: 260px;
  }

  .property-row-body {
    padding: 24px;
  }
}

@media (max-width: 640px) {
  .listing-card .listing-media {
    min-height: 220px;
  }

  .premium-card-actions,
  .premium-row-actions {
    align-items: stretch;
  }

  .small-primary,
  .outline-small,
  .wishlist-btn {
    width: 100%;
  }
}


/* =========================================================
   STAGE 3: Premium contact and enquiry flow
   ========================================================= */

.contact-premium{
  position: relative;
  overflow: hidden;
  padding: clamp(64px, 7vw, 104px) clamp(22px, 6vw, 96px);
  background:
    radial-gradient(circle at 15% 18%, rgba(201,162,77,.16), transparent 34%),
    linear-gradient(135deg, #071827 0%, #0B1F33 54%, #092034 100%);
  color: #fff;
}
.contact-premium::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 46px 46px;
  opacity: .22;
  pointer-events:none;
}
.contact-shell{
  position: relative;
  z-index: 1;
  max-width: 1380px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .78fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: center;
}
.contact-premium .eyebrow{
  color: #C9A24D;
}
.contact-premium h2{
  max-width: 760px;
  margin: 0 0 18px;
  font-size: clamp(38px, 5.2vw, 78px);
  line-height: .98;
  letter-spacing: -0.055em;
  color: #fff;
}
.contact-lead{
  max-width: 860px;
  margin: 0 0 28px;
  color: rgba(255,255,255,.82);
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.65;
}
.contact-method-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  max-width: 760px;
  margin-top: 28px;
}
.contact-method{
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 14px;
  align-items: center;
  min-height: 94px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 20px;
  color: #fff;
  text-decoration: none;
  background: rgba(255,255,255,.07);
  box-shadow: 0 24px 70px rgba(0,0,0,.18);
  backdrop-filter: blur(10px);

  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.contact-method:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.105);
  border-color: rgba(201,162,77,.5);
}
.contact-method.whatsapp{
  background: rgba(31,94,75,.28);
  border-color: rgba(31,94,75,.58);
}
.method-icon{
  grid-row: 1 / span 2;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: rgba(201,162,77,.16);
  border: 1px solid rgba(201,162,77,.3);

  color: #F4D37B;
  font-size: 20px;
}
.contact-method strong{
  display: block;
  font-size: 16px;
  letter-spacing: -.01em;
}
.contact-method small{
  color: rgba(255,255,255,.72);
  line-height: 1.4;
}
.contact-promises{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.contact-promises span{
  border: 1px solid rgba(201,162,77,.34);
  color: rgba(255,255,255,.84);
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(255,255,255,.055);
  font-weight: 750;
  font-size: 13px;
}
.premium-contact-form{
  border-radius: 28px;
  padding: clamp(24px, 3vw, 38px);
  background: #fff;
  color: #0B1F33;
  box-shadow: 0 34px 110px rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.72);
}
.premium-contact-form .form-kicker{
  margin: 0 0 6px;
  color: #B88C2C;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.premium-contact-form h3{
  margin: 0 0 18px;
  font-size: clamp(24px, 2vw, 32px);
  letter-spacing: -.035em;
  color: #0B1F33;
}
.premium-contact-form .form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.premium-contact-form label{
  font-weight: 850;
  color: #0B1F33;
}
.premium-contact-form label span{
  color: #667085;
  font-weight: 750;
}
.premium-contact-form input,
.premium-contact-form select,
.premium-contact-form textarea{
  margin-top: 8px;
  border-radius: 14px;
  border: 1px solid #E5E7EB;
  background: #FCFCFB;
  min-height: 50px;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.premium-contact-form textarea{
  min-height: 118px;
}
.premium-contact-form input:focus,
.premium-contact-form select:focus,
.premium-contact-form textarea:focus{
  outline: none;

  border-color: rgba(201,162,77,.8);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(201,162,77,.16);
}
.form-action-row{
  display:flex;
  gap: 14px;
  align-items:center;
  margin-top: 18px;
}
.premium-contact-form .form-submit{

  min-width: 170px;
  background:#0B1F33;
  color:#fff;
  border-radius: 14px;
  padding: 15px 20px;
  box-shadow: 0 16px 32px rgba(11,31,51,.18);
}
.form-whatsapp{
  color:#0B1F33;
  font-weight:850;
  text-decoration:none;
  border-bottom: 2px solid rgba(201,162,77,.45);
}
.form-modal .modal-enquiry-form h2{
  letter-spacing: -.035em;
}
.form-modal .form-submit.full{
  background:#0B1F33;
  color:#fff;
  border-radius:14px;
}
@media (max-width: 980px){
  .contact-shell{
    grid-template-columns: 1fr;
  }
  .contact-premium h2{
    max-width: 720px;
  }
  .premium-contact-form{
    max-width: 760px;
  }
}
@media (max-width: 680px){
  .contact-premium{
    padding: 54px 18px 92px;
  }
  .contact-method-grid,
  .premium-contact-form .form-grid{
    grid-template-columns: 1fr;
  }
  .contact-method{
    min-height: 82px;
  }
  .form-action-row{
    flex-direction: column;
    align-items: stretch;
  }
  .form-whatsapp{
    text-align:center;
    padding: 8px 0;
  }
}

.form-whatsapp{background:transparent;border:0;border-bottom:2px solid rgba(201,162,77,.45);cursor:pointer;font:inherit;}

/* === Stage 4: Premium service pillars and trust section === */
.services-showcase{
  background:linear-gradient(180deg,#fff 0%,var(--cream) 100%);
  padding-top:90px;
  padding-bottom:88px;
}
.services-intro-card{
  max-width:1240px;
  margin:0 auto 30px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:end;
  background:#fff;
  border:1px solid rgba(11,31,51,.09);
  border-radius:28px;
  padding:34px;
  box-shadow:0 24px 70px rgba(11,31,51,.07);
}
.services-intro-card h2{
  margin:0 0 12px;
  color:var(--navy);
  font-size:clamp(2rem,3.5vw,3.4rem);
  line-height:1.04;
  letter-spacing:-.045em;
  max-width:880px;
}
.services-intro-card p:not(.eyebrow){
  color:var(--muted);
  max-width:850px;
  font-size:1.08rem;
  line-height:1.75;
  margin:0;

}
.services-intro-actions{

  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.service-pillar-grid{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.service-pillar-card{
  background:#fff;
  border:1px solid rgba(11,31,51,.1);
  border-radius:24px;
  padding:26px;
  box-shadow:0 18px 50px rgba(11,31,51,.065);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.service-pillar-card:hover{
  transform:translateY(-5px);
  box-shadow:0 28px 70px rgba(11,31,51,.12);
  border-color:rgba(201,162,77,.5);
}
.service-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.service-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--navy);
  color:var(--gold2);
  font-weight:900;
  letter-spacing:.04em;
}
.service-icon-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(201,162,77,.18),rgba(11,31,51,.04));
  border:1px solid rgba(201,162,77,.35);
  font-size:1.45rem;
}
.service-pillar-card h3{
  color:var(--navy);
  margin:0 0 12px;
  font-size:1.22rem;
  line-height:1.25;
}
.service-summary{
  color:var(--text);
  margin:0 0 10px;
  line-height:1.6;
}
.service-pillar-card p{
  color:var(--muted);
  line-height:1.7;
  margin:0 0 16px;
}
.service-benefits{
  list-style:none;
  padding:0;
  margin:18px 0 22px;
  display:grid;
  gap:9px;
}
.service-benefits li{
  position:relative;
  padding-left:24px;
  color:var(--navy);
  font-weight:800;
  font-size:.92rem;
}
.service-benefits li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:0;

  color:var(--gold);
  font-weight:900;
}
.service-card-actions{
  display:flex;
  flex-wrap:wrap;

  gap:10px;
  margin-top:auto;
}
.service-card-actions .small-btn{
  padding:11px 14px;
  border-radius:12px;
  font-size:.9rem;
  text-decoration:none;
}
.owner-trust-section{
  background:#fff;
  padding-top:76px;
  padding-bottom:84px;
}
.owner-trust-grid{
  max-width:1180px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.owner-trust-grid article{
  background:var(--cream);
  border:1px solid rgba(11,31,51,.08);
  border-radius:22px;
  padding:24px;
  min-height:210px;
}
.owner-trust-grid span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  background:var(--navy);
  color:var(--gold2);
  border-radius:50%;
  font-weight:900;
  margin-bottom:18px;
}
.owner-trust-grid h3{
  margin:0 0 10px;
  color:var(--navy);
  font-size:1.08rem;
}
.owner-trust-grid p{
  margin:0;
  color:var(--muted);
  line-height:1.65;
}
.premium-about-section{
  background:var(--cream);
  border-top:1px solid rgba(11,31,51,.06);
  border-bottom:1px solid rgba(11,31,51,.06);
}
.premium-why-card li{
  margin-bottom:10px;
  color:var(--navy);
  font-weight:700;
}
@media(max-width:1100px){
  .services-intro-card{grid-template-columns:1fr;align-items:start;}
  .services-intro-actions{justify-content:flex-start;}
  .service-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .owner-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:680px){
  .services-showcase,.owner-trust-section{padding:58px 5vw;}
  .services-intro-card{padding:24px;border-radius:22px;}
  .service-pillar-grid,.owner-trust-grid{grid-template-columns:1fr;}
  .service-pillar-card{padding:22px;}
}

/* =========================================================
   STAGE 7 — PROPERTY LOADING, LISTING SPACING & CARD POLISH
   ========================================================= */
#featured,
#latest-rent,
#locations,
#all-properties,
#wishlist,
#properties {
  padding-top: clamp(4rem, 6vw, 7rem);
  padding-bottom: clamp(4rem, 6vw, 7rem);

}

#featured .section-head,
#latest-rent .section-head,
#locations .section-head,
#all-properties .section-head {
  margin-bottom: 2rem;
}

.listing-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: stretch;
  max-width: 1280px;

  margin: 0 auto;
}

.listing-card,
.premium-listing-card {
  background: #ffffff;
  border: 1px solid rgba(8, 30, 50, 0.09);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(8, 30, 50, 0.08);
  display: flex;
  flex-direction: column;
  min-height: 100%;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.listing-card:hover,
.premium-listing-card:hover {
  transform: translateY(-4px);
  border-color: rgba(191, 145, 54, 0.28);
  box-shadow: 0 28px 65px rgba(8, 30, 50, 0.13);
}

.listing-media,
.clickable-media {
  position: relative;
  height: 245px;
  min-height: 245px;
  background: #f3efe6;
  overflow: hidden;
  cursor: pointer;
}

.listing-media img,
.clickable-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: transform 220ms ease;
}

.listing-card:hover .listing-media img {
  transform: scale(1.035);
}

.listing-chip {
  position: absolute;
  top: 1rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 0.85rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #061c30;
  color: #ffffff;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.16);
}

.listing-chip.status { left: 1rem; }
.listing-chip.featured { right: 1rem; background: #bf9136; color: #061c30; }

.listing-location {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 2;

  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: calc(100% - 2rem);
  padding: 0.55rem 0.8rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #061c30;
  font-size: 0.76rem;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.listing-body {
  padding: 1.35rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.listing-meta-line {
  display: flex;

  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 0.75rem;
}

.listing-meta-line span,
.listing-specs span {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.42rem 0.7rem;
  background: #f5f0e8;
  color: #0a2033;
  font-size: 0.76rem;
  font-weight: 800;
}

.listing-body h3 {
  margin: 0 0 0.75rem;
  color: #061c30;
  font-size: clamp(1.12rem, 1.4vw, 1.45rem);
  line-height: 1.22;
  letter-spacing: -0.02em;
}

.listing-price {
  margin: 0 0 0.9rem;
  color: #b88a2e;
  font-weight: 950;
  font-size: 1.08rem;
  letter-spacing: 0.01em;
}

.listing-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 1rem;
}

.listing-description {
  margin: 0 0 1.15rem;
  color: #5d6a79;
  line-height: 1.7;
}

.listing-footer,
.premium-card-actions,
.property-row-actions {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.small-primary,
.outline-small,
.save-btn {
  border: 1px solid rgba(8, 30, 50, 0.12);
  border-radius: 12px;
  padding: 0.72rem 0.92rem;
  font-weight: 900;
  font-size: 0.82rem;
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}


.small-primary {
  background: #bf9136;
  color: #061c30;
  border-color: #bf9136;
}

.outline-small,
.save-btn {
  background: #ffffff;
  color: #061c30;
}

.outline-small:hover,
.save-btn:hover,
.small-primary:hover {
  transform: translateY(-1px);
}

.save-btn.saved {
  background: #061c30;
  color: #ffffff;
  border-color: #061c30;
}

.whatsapp-btn {
  color: #0b5f47;
  border-color: rgba(11, 95, 71, 0.22);
}

.property-results-toolbar {
  max-width: 1280px;
  margin: 1.8rem auto 1.6rem;

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  background: #ffffff;
  border: 1px solid rgba(8, 30, 50, 0.08);
  border-radius: 22px;
  padding: 1rem 1.2rem;
  box-shadow: 0 14px 35px rgba(8, 30, 50, 0.06);
}

.result-meta {
  font-weight: 900;
  color: #5d6a79;
}

.result-meta span {
  color: #061c30;
}

.sort-control {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  font-weight: 900;
  color: #061c30;
}

.sort-control select {
  min-width: 190px;
  border: 1px solid rgba(8, 30, 50, 0.11);
  border-radius: 12px;
  padding: 0.75rem 0.9rem;
  font-weight: 800;
  color: #061c30;
  background: #ffffff;
}

.property-grid.property-list {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  gap: 1.2rem;
}

.property-row-card,
.premium-property-row {
  display: grid;
  grid-template-columns: minmax(260px, 34%) 1fr;
  gap: 0;
  background: #ffffff;
  border: 1px solid rgba(8, 30, 50, 0.08);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(8, 30, 50, 0.08);
}

.property-row-card img,
.clickable-property-img {
  width: 100%;
  height: 100%;
  min-height: 310px;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
  background: #f3efe6;
}

.property-row-body {
  padding: clamp(1.4rem, 2.3vw, 2.3rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.property-row-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1rem;
  color: #061c30;
  font-size: clamp(1.2rem, 1.8vw, 1.7rem);
  font-weight: 950;
  line-height: 1.2;
}

.property-row-title > span {
  color: #b88a2e;
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.status-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.45rem 0.7rem;
  background: #eef7f2;

  color: #0b5f47;
  font-size: 0.72rem;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.property-row-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-bottom: 1rem;
}

.property-row-facts span {
  display: inline-flex;
  gap: 0.25rem;
  border-radius: 999px;
  padding: 0.48rem 0.75rem;
  background: #f5f0e8;
  color: #0a2033;
  font-size: 0.8rem;
}

.property-row-body p {
  color: #5d6a79;
  line-height: 1.75;
  max-width: 850px;
}

.property-directory {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.property-directory button {
  text-align: left;
  border: 1px solid rgba(8, 30, 50, 0.08);
  background: #ffffff;
  border-radius: 18px;
  padding: 1.1rem 1.2rem;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(8, 30, 50, 0.06);

}

.property-directory button span {
  display: inline-block;
  color: #b88a2e;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 900;
  margin-bottom: 0.35rem;
}

.property-directory button strong {
  display: block;
  color: #061c30;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}

.property-directory button small {
  color: #5d6a79;
  line-height: 1.5;
}

.empty-state-card,
.empty-wishlist {
  grid-column: 1 / -1;
  background: #ffffff;
  border: 1px solid rgba(8, 30, 50, 0.08);
  border-radius: 22px;
  padding: 2rem;
  text-align: center;
  box-shadow: 0 14px 35px rgba(8, 30, 50, 0.06);
}

.modal::backdrop {
  background: rgba(3, 13, 24, 0.68);
  backdrop-filter: blur(4px);
}

.modal {
  border: 0;
  border-radius: 24px;
  max-width: min(1120px, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
  padding: 0;
  overflow: auto;
}

.modal-close {
  position: sticky;
  top: 0.8rem;

  left: calc(100% - 3rem);
  z-index: 3;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 0;
  background: #061c30;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
}

.modal-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  padding: 2rem;
}

.modal-gallery {
  display: grid;
  gap: 0.8rem;
}

.modal-gallery img {
  width: 100%;
  height: 245px;
  object-fit: cover;
  object-position: center;
  border-radius: 18px;
  background: #f3efe6;
}

.modal-text h2 {
  color: #061c30;
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 1.05;
}


.modal-text p,
.modal-text li {
  color: #5d6a79;
  line-height: 1.7;
}

.modal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.2rem;
}

.service-pillar-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
}

.premium-service-card {
  min-height: 280px;
}

@media (max-width: 1050px) {
  .listing-card-grid,
  .service-pillar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .property-row-card,
  .premium-property-row,
  .modal-grid {
    grid-template-columns: 1fr;
  }

  .property-row-card img,
  .clickable-property-img {
    min-height: 260px;
    max-height: 340px;
  }
}

@media (max-width: 720px) {
  #featured,
  #latest-rent,
  #locations,
  #all-properties,
  #wishlist,
  #properties {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .listing-card-grid,
  .service-pillar-grid,
  .property-directory {
    grid-template-columns: 1fr;
  }

  .listing-media,

  .clickable-media {
    height: 225px;
    min-height: 225px;
  }

  .property-results-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .sort-control {
    justify-content: space-between;
  }

  .sort-control select {
    min-width: 0;
    width: 100%;
  }

  .property-row-card img,
  .clickable-property-img,
  .modal-gallery img {
    min-height: 220px;
    height: 220px;
  }

  .listing-footer,
  .premium-card-actions,
  .property-row-actions,

  .modal-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .small-primary,
  .outline-small,
  .save-btn {
    width: 100%;
  }
}


/* ================================
   STAGE 8: PREMIUM HERO UPGRADE
   Makes the opening section feel more premium, clearer and conversion-focused.
   ================================ */
.landing-hero{
  background:
    radial-gradient(circle at 18% 18%, rgba(203, 158, 63, .22), transparent 26%),
    linear-gradient(135deg, #061525 0%, #0b1f33 52%, #132c43 100%);
  overflow:hidden;
}
.hero-slider{
  min-height:640px;
  align-items:center;
  isolation:isolate;
}
.hero-slides::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(5,18,31,.98) 0%, rgba(5,18,31,.88) 36%, rgba(5,18,31,.42) 64%, rgba(5,18,31,.20) 100%),
    url('assets/hero-building-clean.jpg') center/cover no-repeat;
  z-index:-2;
}
.hero-slide{
  background-position:center;
  background-size:cover;
  filter:saturate(1.08) contrast(1.06);
}
.hero-scrim{
  background:
    linear-gradient(90deg, rgba(3,16,30,.92) 0%, rgba(5,22,40,.72) 42%, rgba(5,22,40,.34) 68%, rgba(5,22,40,.18) 100%),
    radial-gradient(circle at 78% 30%, rgba(203,158,63,.18), transparent 30%);
}
.hero-copy{
  width:min(1120px,88vw);
  padding:92px 0 170px;
}
.hero-copy .eyebrow{
  color:#e6bf63;
  margin-bottom:14px;
}
.hero-copy h1{
  max-width:820px;
  font-size:clamp(2.65rem,5.4vw,5.65rem);
  line-height:.98;
  letter-spacing:-.06em;
  text-wrap:balance;
  text-shadow:0 18px 45px rgba(0,0,0,.28);
}
.hero-copy p{
  max-width:700px;
  font-size:clamp(1rem,1.3vw,1.18rem);
  line-height:1.7;
  color:rgba(255,255,255,.92);
}
.hero-actions{

  margin-top:8px;
  align-items:center;
}
.hero-actions .primary-btn,
.hero-actions .outline-btn{
  min-height:50px;
  padding:14px 22px;
  border-radius:14px;
}
.hero-actions .outline-btn.soft{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.35);
}
.hero-proof-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  width:min(900px,100%);
  margin-top:28px;
}

.hero-proof-row span{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}
.hero-proof-row strong{
  color:#fff;
  font-size:.93rem;
  letter-spacing:.01em;
}
.hero-proof-row small{
  color:rgba(255,255,255,.72);
  font-weight:600;
  line-height:1.35;
}
.hero-arrow{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.34);
  backdrop-filter:blur(10px);
}
.hero-dots{
  bottom:118px;
}
.home-search-wrap{
  margin-top:-96px;
}
.search-panel{
  border:1px solid rgba(203,158,63,.20);
  box-shadow:0 28px 90px rgba(5,18,31,.20);
}
@media(max-width:980px){
  .hero-slider{min-height:620px;}
  .hero-copy{padding:76px 0 160px;}
  .hero-proof-row{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .hero-slider{min-height:690px;}
  .hero-copy{padding:58px 0 150px;}
  .hero-copy h1{font-size:2.55rem;line-height:1.02;}
  .hero-copy p{font-size:1rem;line-height:1.55;}
  .hero-proof-row{grid-template-columns:1fr;gap:8px;margin-top:20px;}
  .hero-proof-row span{padding:11px 13px;}
  .hero-actions .primary-btn,
  .hero-actions .outline-btn{width:100%;}
  .home-search-wrap{margin-top:-88px;}
}

/* =========================================================
   STAGE 9 FINAL POLISH: responsive launch refinement
   Keeps the Stage 8 hero/property loading, but improves
   mobile behaviour, spacing, image presentation and CTAs.
   ========================================================= */
html{
  scroll-behavior:smooth;
  scroll-padding-top:142px;
}
body{
  overflow-x:hidden;
}
img{
  max-width:100%;
}
.section{
  position:relative;
}
.section-head.centered{
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.section-head.centered p{
  max-width:760px;

  margin-left:auto;
  margin-right:auto;
}
.section-head.centered h2{
  letter-spacing:-.025em;
}
.featured-grid,
.listing-card-grid{
  align-items:stretch;
}
.listing-card,

.premium-listing-card{
  min-width:0;
}
.listing-media,
.listing-card .listing-media{
  background-color:#f8f5ed;
}
.listing-media img,
.listing-card .listing-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.listing-body{
  min-width:0;
}
.listing-body h3,
.listing-description{
  overflow-wrap:anywhere;
}
.card-actions,
.listing-footer{
  flex-wrap:wrap;
}
.small-btn,
.listing-action,
.whatsapp-card-btn,
.viewing-btn,
.details-btn,
.wishlist-btn{
  min-height:42px;
}
.property-results-toolbar{
  position:relative;
  z-index:2;
}
.filter-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.contact-with-form,
.contact-section{
  scroll-margin-top:150px;
}
.contact-form-card input,
.contact-form-card select,
.contact-form-card textarea,
.property-owner-form input,
.property-owner-form select,
.property-owner-form textarea{
  font-size:16px;
}
.chatbot-widget{
  max-width:calc(100vw - 28px);
}
.chat-launcher{
  transition:transform .2s ease, box-shadow .2s ease;
}
.chat-launcher:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 50px rgba(3,18,37,.32);
}
.hero-copy{
  max-width:1120px;
}
.hero-copy h1,
.hero-copy p{
  text-shadow:0 12px 35px rgba(0,0,0,.20);
}
.search-panel{
  backdrop-filter:blur(10px);
}
.topbar{
  min-height:78px;
}
.nav a,
.auth-nav-btn,
.nav-cta{
  white-space:nowrap;
}

@media(max-width:1180px){
  .nav{
    gap:14px;
  }

  .nav a,
  .auth-nav-btn{

    font-size:.92rem;
  }
  .featured-grid,
  .listing-card-grid{
    gap:20px;
  }
}

@media(max-width:980px){
  html{
    scroll-padding-top:92px;
  }
  .topbar{
    position:sticky;
    top:0;
  }
  .nav.open{
    box-shadow:0 20px 45px rgba(3,18,37,.22);
  }
  .nav.open a,
  .nav.open button{
    width:100%;
  }
  .top-contact-strip{
    position:relative;
    top:auto;
    border-radius:0;
  }
  .home-search-wrap{
    width:min(94vw,900px);
  }
  .section{
    padding-top:68px;
    padding-bottom:68px;
  }
  .row-head{
    align-items:flex-start;
  }
  .contact-with-form{
    gap:34px;
  }
}

@media(max-width:760px){
  html{
    scroll-padding-top:86px;
  }
  .brand img{
    width:52px;
    height:52px;
  }
  .brand strong{
    font-size:1rem;
  }
  .brand small{
    font-size:.7rem;
  }
  .top-contact-strip{
    display:none;
  }
  .landing-hero{
    margin-top:0;
  }
  .hero-slider{
    min-height:680px;
  }
  .hero-copy{
    width:90vw;
    padding-top:62px;
    padding-bottom:150px;
  }
  .hero-copy .eyebrow{
    font-size:.68rem;
    letter-spacing:.13em;
  }
  .hero-copy h1{
    font-size:clamp(2.15rem,12vw,3.1rem);
    max-width:100%;
  }
  .hero-copy p{
    max-width:100%;
  }
  .home-search-wrap{
    width:92vw;
    margin-top:-78px;
    padding-bottom:18px;
  }
  .search-panel{
    border-radius:16px;
  }

  .search-tabs{
    overflow-x:auto;
  }
  .tab{
    min-width:max-content;
  }

  .search-mode.active{
    gap:10px;
    padding:16px;
  }
  .section{
    padding:56px 5vw;
  }
  .section-head{
    margin-bottom:24px;
  }
  .section-head h2{
    font-size:clamp(2rem,10vw,2.75rem);
  }
  .featured-grid,
  .listing-card-grid,
  .property-grid.property-list{
    grid-template-columns:1fr!important;
    gap:18px;
  }
  .listing-media,
  .listing-card .listing-media{
    height:230px;
  }
  .listing-body{
    padding:18px;
  }
  .listing-body h3{
    min-height:0;
    font-size:1.14rem;
  }
  .listing-description{
    min-height:0;
  }
  .listing-specs{
    gap:8px;
  }
  .listing-footer{
    gap:8px;
  }
  .listing-footer button,
  .listing-footer a,
  .card-actions button,
  .card-actions a{
    flex:1 1 auto;
    text-align:center;
  }
  .property-results-toolbar{
    display:grid;
    gap:14px;
  }
  .filter-pills{
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:4px;
  }
  .filter-pills button{
    flex:0 0 auto;
  }
  .contact-form-card{
    padding:22px;
  }
  .contact-form-grid{
    grid-template-columns:1fr!important;
  }
  .footer-main,
  .footer-sitemap{
    grid-template-columns:1fr!important;
    gap:22px;
  }
  .chatbot-widget{
    right:12px;
    bottom:66px;
  }
  .chat-launcher{
    min-width:auto;
    max-width:220px;
  }
}

@media(max-width:420px){
  .hero-copy h1{
    font-size:2.25rem;
  }
  .hero-copy{

    padding-bottom:140px;
  }
  .hero-proof-row span{
    padding:10px 12px;
  }
  .listing-media,
  .listing-card .listing-media{
    height:210px;
  }
  .chat-launcher span{
    font-size:.82rem;
  }
  .chat-launcher img{
    width:38px;
    height:38px;

  }
}

/* =========================================================
   ATSHAD HOLDINGS HEADER AND LOGO
   ========================================================= */

.topbar {
  min-height: 126px;
  padding: 12px 5%;
  background: linear-gradient(90deg, #061a2e 0%, #0d2743 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}

.ats-brand {
  display: flex;
  align-items: center;
  gap: 20px;
  text-decoration: none;
  flex-shrink: 0;
}

.brand-logo-wrap {
  width: 108px;
  height: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background: #071d34;
  border: 1px solid rgba(212, 168, 79, 0.7);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
}

.brand-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  border-radius: 50%;
}

.brand-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.15;
}

.brand-text strong {
  color: #ffffff;
  font-size: clamp(1.5rem, 2vw, 2.25rem);
  font-weight: 800;
  letter-spacing: 0.4px;
  white-space: nowrap;
}

.brand-text small {
  color: #e0ae49;
  font-size: clamp(0.95rem, 1.3vw, 1.35rem);
  font-weight: 500;
  margin-top: 9px;
  white-space: nowrap;
}

/* Keep navigation properly aligned */
.topbar .nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  gap: 18px;
}

/* Tablet */
@media (max-width: 1100px) {
  .topbar {
    min-height: 112px;
    padding: 10px 4%;
  }

  .brand-logo-wrap {
    width: 92px;
    height: 92px;
  }

  .ats-brand {
    gap: 15px;
  }

  .brand-text strong {
    font-size: 1.55rem;
  }

  .brand-text small {

    font-size: 1rem;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .topbar {
    min-height: 94px;
    padding: 8px 16px;
  }

  .brand-logo-wrap {
    width: 76px;
    height: 76px;
  }

  .ats-brand {
    gap: 11px;
    max-width: calc(100% - 55px);
  }

  .brand-text strong {
    font-size: 1.05rem;
    white-space: normal;
  }

  .brand-text small {
    font-size: 0.78rem;
    margin-top: 5px;
    white-space: normal;
  }

  .menu-toggle {
    flex-shrink: 0;
  }
}

/* Smaller phones */
@media (max-width: 430px) {
  .topbar {
    min-height: 86px;
    padding: 7px 12px;
  }

  .brand-logo-wrap {
    width: 68px;
    height: 68px;
  }

  .ats-brand {
    gap: 9px;
  }

  .brand-text strong {
    font-size: 0.96rem;
  }

  .brand-text small {
    font-size: 0.7rem;
  }
}
/* =========================================================
   ATSHAD HOLDINGS HORIZONTAL HEADER LOGO
   ========================================================= */

.topbar {

  width: 100%;
  min-height: 110px;
  padding: 12px 4%;
  background: linear-gradient(
    90deg,
    #061a2e 0%,
    #0b223b 55%,
    #102945 100%
  );
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  box-sizing: border-box;
  position: relative;
  z-index: 1000;
}

.ats-brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
  width: min(430px, 38vw);
  height: 86px;
  overflow: visible;
}

.atshad-header-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;

  object-position: left center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.topbar .nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  flex-wrap: nowrap;
}

.topbar .nav a,
.topbar .nav button {
  white-space: nowrap;
}

/* Medium screens and smaller laptops */
@media (max-width: 1250px) {
  .topbar {
    min-height: 100px;
    padding: 10px 3%;
    gap: 18px;
  }

  .ats-brand {
    width: min(350px, 34vw);
    height: 76px;
  }

  .topbar .nav {
    gap: 11px;
  }

  .topbar .nav a,
  .topbar .nav button {
    font-size: 0.88rem;
  }
}

/* Tablet and mobile navigation */
@media (max-width: 980px) {
  .topbar {
    min-height: 94px;
    padding: 8px 18px;
  }

  .ats-brand {
    width: min(340px, calc(100% - 65px));
    height: 74px;
  }

  .menu-toggle {
    display: block;

    flex-shrink: 0;
    position: relative;
    z-index: 1002;
  }

  .topbar .nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 15px 20px 22px;
    background: #071d34;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
  }

  .topbar .nav.open {
    display: flex;
  }

  .topbar .nav a,
  .topbar .nav button {
    width: 100%;
    padding: 13px 8px;
    text-align: left;
  }
}

/* Standard mobile phones */
@media (max-width: 600px) {
  .topbar {
    min-height: 82px;
    padding: 7px 12px;
  }

  .ats-brand {
    width: min(275px, calc(100% - 55px));
    height: 64px;
  }

}

/* Small mobile phones */
@media (max-width: 390px) {
  .topbar {
    min-height: 74px;
    padding: 6px 10px;
  }

  .ats-brand {
    width: min(235px, calc(100% - 48px));
    height: 56px;
  }
}
/* =========================================================
   ATSHAD HOLDINGS LOGO VISIBILITY FIX
   ========================================================= */

.ats-brand {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-shrink: 0;
  text-decoration: none;
}

.header-logo-crop {
  width: 130px;
  height: 100px;
  display: block;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 8px;
}

.atshad-header-logo {
  position: absolute;
  width: 390px;
  height: 244px;
  max-width: none;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.35);
  display: block;
}

.brand-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.brand-text strong {
  color: #ffffff;
  font-size: 2rem;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

.brand-text small {
  color: #e7ad3c;
  font-size: 1.2rem;
  margin-top: 8px;
  white-space: nowrap;
}

@media (max-width: 1200px) {
  .header-logo-crop {
    width: 105px;
    height: 82px;
  }

  .atshad-header-logo {
    width: 320px;
    height: 200px;
  }

  .brand-text strong {
    font-size: 1.65rem;
  }

  .brand-text small {
    font-size: 1rem;
  }
}

@media (max-width: 768px) {
  .ats-brand {
    gap: 10px;
  }

  .header-logo-crop {
    width: 78px;
    height: 62px;
  }

  .atshad-header-logo {
    width: 240px;
    height: 150px;
  }

  .brand-text strong {
    font-size: 1.05rem;
    white-space: normal;
  }

  .brand-text small {
    font-size: 0.75rem;
    margin-top: 4px;
    white-space: normal;
  }
}

/* =========================================================
   ATSHAD HOLDINGS — FINAL TEXT-ONLY HEADER OVERRIDES
   ========================================================= */

.topbar{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  width:100% !important;
  min-height:108px !important;
  padding:14px 4vw !important;
  background:linear-gradient(90deg,#061a2e 0%,#0b223b 58%,#102945 100%) !important;
  border-bottom:1px solid rgba(216,184,106,.28) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
  box-sizing:border-box !important;
  backdrop-filter:blur(12px) !important;
}

.topbar .brand,
.topbar .text-only-brand{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  gap:0 !important;
  color:#fff !important;
  text-decoration:none !important;
  min-width:0 !important;
}

.topbar .brand > img,
.topbar .brand img,
.topbar .brand-logo,
.topbar .brand-logo-wrap,
.topbar .header-logo-crop,
.topbar .atshad-header-logo,
.topbar .ats-brand > img{
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  overflow:hidden !important;
}

.topbar .brand-text{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  min-width:0 !important;
  line-height:1 !important;
}

.topbar .brand-text strong,
.topbar .text-only-brand strong{
  display:block !important;
  margin:0 !important;
  color:#ffffff !important;
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(1.75rem,2.25vw,2.55rem) !important;
  font-weight:800 !important;
  line-height:1.02 !important;
  letter-spacing:.015em !important;
  white-space:nowrap !important;
}

.topbar .brand-text small,
.topbar .text-only-brand small{
  display:block !important;
  margin-top:9px !important;
  color:#e4ad3d !important;
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(.95rem,1.2vw,1.25rem) !important;

  font-weight:500 !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

.topbar .nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:17px !important;
  margin-left:auto !important;
  color:#fff !important;
}

.topbar .nav a,
.topbar .nav button{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

.topbar .nav a{
  color:#fff !important;
  opacity:.94 !important;
}

.topbar .nav a:hover{

  color:var(--gold2,#d8b86a) !important;
}

.topbar .nav-cta{
  padding:11px 19px !important;
  border-radius:999px !important;
  background:var(--gold,#b98a37) !important;
  color:var(--navy,#071b33) !important;
  font-weight:900 !important;
}

.topbar .auth-nav-btn{
  flex:0 0 auto !important;
  color:#fff !important;
  border:1px solid rgba(185,138,55,.60) !important;
  background:transparent !important;
  border-radius:999px !important;
  padding:9px 14px !important;
  font-weight:900 !important;
}

.topbar .auth-nav-btn:hover{
  background:var(--gold,#b98a37) !important;
  color:var(--navy,#071b33) !important;
}

.top-contact-strip{top:108px !important;}

@media(max-width:1250px){
  .topbar{min-height:96px !important;padding:12px 3vw !important;gap:18px !important;}
  .topbar .brand-text strong,.topbar .text-only-brand strong{font-size:1.72rem !important;}
  .topbar .brand-text small,.topbar .text-only-brand small{font-size:.98rem !important;margin-top:7px !important;}
  .topbar .nav{gap:11px !important;}
  .topbar .nav a,.topbar .nav button{font-size:.86rem !important;}
  .top-contact-strip{top:96px !important;}
}

@media(max-width:980px){
  .topbar{min-height:88px !important;padding:10px 18px !important;position:sticky !important;}
  .topbar .brand,.topbar .text-only-brand{max-width:calc(100% - 58px) !important;}
  .topbar .brand-text strong,.topbar .text-only-brand strong{font-size:1.48rem !important;}
  .topbar .brand-text small,.topbar .text-only-brand small{font-size:.86rem !important;margin-top:6px !important;}
  .topbar .menu-toggle{display:block !important;flex:0 0 auto !important;position:relative !important;z-index:1002 !important;margin-left:auto !important;}
  .topbar .nav{position:absolute !important;top:100% !important;left:0 !important;right:0 !important;display:none !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important;padding:14px 18px 20px !important;background:#071b33 !important;box-shadow:0 14px 30px rgba(0,0,0,.26) !important;}
  .topbar .nav.open{display:flex !important;}
  .topbar .nav a,.topbar .nav button{width:100% !important;padding:12px 8px !important;text-align:left !important;font-size:.94rem !important;}
  .topbar .nav-cta,.topbar .auth-nav-btn{width:max-content !important;margin-top:6px !important;}
  .top-contact-strip{top:88px !important;}
}

@media(max-width:640px){
  .topbar{min-height:78px !important;padding:9px 13px !important;}
  .topbar .brand-text strong,.topbar .text-only-brand strong{font-size:1.18rem !important;white-space:normal !important;}
  .topbar .brand-text small,.topbar .text-only-brand small{font-size:.73rem !important;margin-top:5px !important;white-space:normal !important;}
  .top-contact-strip{position:relative !important;top:auto !important;}
}

@media(max-width:390px){
  .topbar{min-height:72px !important;padding:8px 10px !important;}
  .topbar .brand-text strong,.topbar .text-only-brand strong{font-size:1.02rem !important;}
  .topbar .brand-text small,.topbar .text-only-brand small{font-size:.67rem !important;}
}
/* =========================================================
   ATSHAD HOLDINGS VISIBLE HEADER LOGO — FINAL FIX
   ========================================================= */

.topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;

  min-height: 110px !important;
  padding: 10px 4vw !important;
  background: linear-gradient(
    90deg,
    #061a2e 0%,
    #0b223b 58%,
    #102945 100%
  ) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
  border-bottom: 1px solid rgba(216, 184, 106, 0.28) !important;
  box-sizing: border-box !important;
}

/* Restore and display the logo */
.topbar .atshad-logo-brand {
  display: flex !important;
  align-items: center !important;
  width: 430px !important;
  max-width: 38vw !important;
  height: 90px !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
  text-decoration: none !important;
}

/* Override the earlier display:none rule */
.topbar .atshad-logo-brand img,
.topbar img.atshad-main-logo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: auto !important;
  min-height: auto !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove any old text branding beside the image */
.topbar .atshad-logo-brand .brand-text {
  display: none !important;
}

.topbar .nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  margin-left: auto !important;
  flex-wrap: nowrap !important;
}

.topbar .nav a,
.topbar .nav button {
  white-space: nowrap !important;
}

/* Contact strip position */
.top-contact-strip {
  top: 110px !important;
}

/* Smaller laptops */
@media (max-width: 1250px) {
  .topbar {
    min-height: 98px !important;
    padding: 8px 3vw !important;
    gap: 18px !important;
  }

  .topbar .atshad-logo-brand {
    width: 340px !important;
    max-width: 33vw !important;
    height: 78px !important;
  }

  .topbar .nav {
    gap: 10px !important;
  }

  .topbar .nav a,
  .topbar .nav button {
    font-size: 0.86rem !important;
  }

  .top-contact-strip {
    top: 98px !important;
  }

}

/* Tablet and mobile */
@media (max-width: 980px) {
  .topbar {
    min-height: 88px !important;
    padding: 7px 16px !important;
  }

  .topbar .atshad-logo-brand {
    width: min(320px, calc(100% - 60px)) !important;
    max-width: calc(100% - 60px) !important;
    height: 70px !important;
  }

  .menu-toggle {
    display: block !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 1002 !important;
  }

  .topbar .nav {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 15px 18px 22px !important;
    background: #071b33 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25) !important;
  }

  .topbar .nav.open {
    display: flex !important;
  }

  .topbar .nav a,
  .topbar .nav button {
    width: 100% !important;
    padding: 12px 8px !important;
    text-align: left !important;
  }

  .top-contact-strip {
    top: 88px !important;
  }
}

/* Mobile phones */
@media (max-width: 600px) {
  .topbar {
    min-height: 76px !important;
    padding: 6px 11px !important;
  }

  .topbar .atshad-logo-brand {
    width: min(255px, calc(100% - 52px)) !important;
    height: 60px !important;
  }

  .top-contact-strip {
    position: relative !important;
    top: auto !important;
  }
}
/* =========================================================
   ATSHAD HOLDINGS LARGE VISIBLE LOGO — FINAL OVERRIDE
   ========================================================= */

.topbar {
  min-height: 120px !important;
  padding: 10px 4vw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #071b33 !important;
}

/* Logo link area */
.topbar .atshad-logo-brand {
  display: flex !important;
  align-items: center !important;
  width: 470px !important;
  max-width: 38vw !important;
  height: 100px !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
}

/* Crop away the large transparent area */
.atshad-logo-crop {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 100px !important;
  overflow: hidden !important;

}

/* Zoom into the actual logo */
.topbar .atshad-main-logo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  position: absolute !important;
  width: 620px !important;
  height: 410px !important;
  max-width: none !important;
  max-height: none !important;

  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) scale(1.35) !important;

  object-fit: contain !important;
  object-position: center !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Keep navigation aligned */
.topbar .nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  margin-left: auto !important;
}

/* Smaller laptops */
@media (max-width: 1250px) {
  .topbar {
    min-height: 105px !important;
  }

  .topbar .atshad-logo-brand {
    width: 390px !important;
    max-width: 34vw !important;
    height: 86px !important;
  }

  .atshad-logo-crop {
    height: 86px !important;
  }

  .topbar .atshad-main-logo {
    width: 520px !important;
    height: 345px !important;
  }
}

/* Tablet */
@media (max-width: 980px) {
  .topbar {
    min-height: 90px !important;
    padding: 7px 16px !important;
  }

  .topbar .atshad-logo-brand {
    width: min(340px, calc(100% - 60px)) !important;
    max-width: calc(100% - 60px) !important;
    height: 74px !important;
  }

  .atshad-logo-crop {
    height: 74px !important;
  }

  .topbar .atshad-main-logo {
    width: 450px !important;
    height: 300px !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .topbar {
    min-height: 78px !important;
    padding: 6px 11px !important;
  }

  .topbar .atshad-logo-brand {
    width: min(275px, calc(100% - 52px)) !important;
    height: 64px !important;
  }

  .atshad-logo-crop {
    height: 64px !important;
  }

  .topbar .atshad-main-logo {

    width: 365px !important;
    height: 245px !important;
  }
}

/* =========================================================
   ATSHAD HOLDINGS — FINAL LARGE VISIBLE HEADER LOGO
   This block intentionally overrides all earlier logo rules.
   ========================================================= */

.topbar{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  width:100% !important;
  min-height:118px !important;
  padding:8px 3.5vw !important;
  background:linear-gradient(90deg,#061a2e 0%,#0b223b 58%,#102945 100%) !important;
  border-bottom:1px solid rgba(216,184,106,.28) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  box-sizing:border-box !important;
}

.topbar .atshad-logo-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 500px !important;
  width:500px !important;
  max-width:500px !important;
  height:96px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  position:relative !important;
  text-decoration:none !important;
}

.topbar .atshad-logo-crop{
  display:block !important;
  position:relative !important;
  width:500px !important;
  height:96px !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}

.topbar .atshad-logo-brand img,
.topbar img.atshad-main-logo{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  width:720px !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) scale(1.18) !important;
  transform-origin:center center !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.topbar .brand-text,
.topbar .text-only-brand{
  display:none !important;
}

.topbar .nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:15px !important;
  margin-left:auto !important;
  color:#fff !important;
}

.topbar .nav a,
.topbar .nav button{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

.top-contact-strip{
  top:118px !important;
}

@media(max-width:1350px){
  .topbar{
    min-height:106px !important;
    padding:7px 2.5vw !important;
    gap:16px !important;
  }

  .topbar .atshad-logo-brand,
  .topbar .atshad-logo-crop{
    flex-basis:410px !important;
    width:410px !important;
    max-width:410px !important;
    height:86px !important;
  }

  .topbar .atshad-logo-brand img,
  .topbar img.atshad-main-logo{
    width:610px !important;
    transform:translate(-50%,-50%) scale(1.16) !important;
  }

  .topbar .nav{
    gap:10px !important;
  }

  .topbar .nav a,
  .topbar .nav button{
    font-size:.84rem !important;
  }

  .top-contact-strip{
    top:106px !important;
  }
}

@media(max-width:1100px){
  .topbar{
    min-height:94px !important;
  }

  .topbar .atshad-logo-brand,
  .topbar .atshad-logo-crop{
    flex-basis:330px !important;
    width:330px !important;
    max-width:330px !important;
    height:76px !important;
  }

  .topbar .atshad-logo-brand img,
  .topbar img.atshad-main-logo{
    width:500px !important;
    transform:translate(-50%,-50%) scale(1.14) !important;
  }

  .top-contact-strip{
    top:94px !important;
  }
}

@media(max-width:980px){
  .topbar{
    min-height:88px !important;
    padding:6px 15px !important;
  }

  .topbar .atshad-logo-brand,
  .topbar .atshad-logo-crop{
    flex-basis:auto !important;
    width:min(330px,calc(100vw - 78px)) !important;
    max-width:calc(100vw - 78px) !important;
    height:72px !important;
  }

  .topbar .atshad-logo-brand img,
  .topbar img.atshad-main-logo{
    width:490px !important;
    transform:translate(-50%,-50%) scale(1.12) !important;
  }

  .topbar .menu-toggle{
    display:block !important;
    flex:0 0 auto !important;
    position:relative !important;
    z-index:1002 !important;
    margin-left:auto !important;
  }

  .topbar .nav{
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:14px 18px 20px !important;
    background:#071b33 !important;
    box-shadow:0 14px 30px rgba(0,0,0,.26) !important;
  }


  .topbar .nav.open{
    display:flex !important;
  }

  .topbar .nav a,
  .topbar .nav button{
    width:100% !important;
    padding:12px 8px !important;
    text-align:left !important;
    font-size:.94rem !important;
  }

  .top-contact-strip{
    top:88px !important;
  }
}

@media(max-width:640px){
  .topbar{
    min-height:76px !important;
    padding:5px 10px !important;
  }

  .topbar .atshad-logo-brand,
  .topbar .atshad-logo-crop{
    width:min(265px,calc(100vw - 62px)) !important;
    max-width:calc(100vw - 62px) !important;
    height:62px !important;
  }

  .topbar .atshad-logo-brand img,
  .topbar img.atshad-main-logo{
    width:400px !important;
    transform:translate(-50%,-50%) scale(1.1) !important;
  }

  .top-contact-strip{
    position:relative !important;
    top:auto !important;
  }
}
/* ATSHAD HOLDINGS CROPPED LOGO — FINAL HEADER FIX */

.topbar {
  min-height: 112px !important;
  padding: 10px 4vw !important;
  background: #071b33 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

.topbar .atshad-logo-brand {
  display: flex !important;
  align-items: center !important;
  width: 500px !important;
  height: 92px !important;
  max-width: 42vw !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
}

.topbar img.atshad-main-logo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 92px !important;
  max-width: 100% !important;
  max-height: 92px !important;
  object-fit: contain !important;
  object-position: left center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.topbar .nav {
  margin-left: auto !important;
}

.top-contact-strip {
  top: 112px !important;
}

@media (max-width: 1250px) {
  .topbar {
    min-height: 100px !important;
  }

  .topbar .atshad-logo-brand {
    width: 410px !important;
    height: 80px !important;
    max-width: 36vw !important;
  }

  .topbar img.atshad-main-logo {
    height: 80px !important;
    max-height: 80px !important;
  }

  .top-contact-strip {
    top: 100px !important;
  }
}

@media (max-width: 980px) {
  .topbar {
    min-height: 88px !important;
    padding: 7px 16px !important;
  }

  .topbar .atshad-logo-brand {
    width: min(340px, calc(100% - 60px)) !important;
    max-width: calc(100% - 60px) !important;
    height: 70px !important;
  }

  .topbar img.atshad-main-logo {
    height: 70px !important;
    max-height: 70px !important;
  }

  .top-contact-strip {
    top: 88px !important;
  }
}

@media (max-width: 600px) {
  .topbar {
    min-height: 76px !important;
    padding: 6px 11px !important;
  }

  .topbar .atshad-logo-brand {
    width: min(270px, calc(100% - 52px)) !important;
    height: 60px !important;
  }

  .topbar img.atshad-main-logo {
    height: 60px !important;
    max-height: 60px !important;
  }

  .top-contact-strip {
    position: relative !important;
    top: auto !important;
  }
}