/* =====================================================================
   Arab Trades — premium skin over ListingPro  (child theme, at/)
   Brand: navy night + Arab Trades blue + the coral of the logo pin.
   ===================================================================== */
:root {
	--at-ink: #0a1430;
	--at-ink-2: #101d45;
	--at-ink-3: #182a5e;
	--at-blue: #2458ff;
	--at-blue-d: #1a44d6;
	--at-sky: #41a6df;
	--at-coral: #f2643a;
	--at-gold: #f4b545;
	--at-bg: #f5f7fb;
	--at-card: #ffffff;
	--at-line: #e3e8f2;
	--at-text: #18213d;
	--at-body: #3d4766;
	--at-muted: #5d6784;
	--at-r: 18px;
	--at-r-s: 12px;
	--at-shadow: 0 1px 2px rgba(10, 20, 48, .06), 0 8px 28px -12px rgba(10, 20, 48, .18);
	--at-shadow-h: 0 2px 4px rgba(10, 20, 48, .06), 0 22px 48px -18px rgba(10, 20, 48, .35);
	--at-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--at-ease: cubic-bezier(.2, .8, .2, 1);
}

/* ---------- base ---------- */
body.at-skin { font-family: var(--at-font); color: var(--at-body); background: #fff; -webkit-font-smoothing: antialiased; }
body.at-skin h1, body.at-skin h2, body.at-skin h3, body.at-skin h4, body.at-skin h5, body.at-skin h6,
body.at-skin p, body.at-skin a, body.at-skin li, body.at-skin input, body.at-skin select, body.at-skin textarea, body.at-skin button,
body.at-skin .lp-h1, body.at-skin .lp-h2, body.at-skin .lp-h3, body.at-skin .lp-h4 { font-family: var(--at-font); }
body.at-skin h1, body.at-skin h2, body.at-skin h3, body.at-skin h4 { color: var(--at-text); letter-spacing: -.01em; }
body.at-skin a { transition: color .2s, background-color .2s, border-color .2s, box-shadow .25s var(--at-ease), transform .25s var(--at-ease); }
body.at-skin ::selection { background: var(--at-blue); color: #fff; }
.at-ic { flex: 0 0 auto; display: inline-block; vertical-align: middle; }
.at-wrap { width: min(1220px, calc(100% - 40px)); margin-inline: auto; }

/* ---------- buttons ---------- */
.at-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 22px; border-radius: 999px; font-weight: 700; font-size: 15px; line-height: 1; text-decoration: none !important; border: 1.5px solid transparent; cursor: pointer; }
.at-btn--primary { background: var(--at-blue); color: #fff !important; box-shadow: 0 10px 24px -10px rgba(36, 88, 255, .7); }
.at-btn--primary:hover { background: var(--at-blue-d); transform: translateY(-2px); }
.at-btn--line { border-color: var(--at-line); color: var(--at-text) !important; background: #fff; }
.at-btn--line:hover { border-color: var(--at-blue); color: var(--at-blue) !important; }
.at-btn--ghost { border-color: rgba(255, 255, 255, .28); color: #fff !important; }
.at-btn--ghost:hover { background: rgba(255, 255, 255, .08); border-color: #fff; }
.at-btn .at-ic { transition: transform .25s var(--at-ease); }
.at-btn:hover .at-ic { transform: translateX(3px); }

/* =====================================================================
   HEADER (ListingPro classic header_style10)
   ===================================================================== */
body.at-skin .lp-header .lp-menu-bar,
body.at-skin .lp-menu-bar.header-bg-color-class { background: var(--at-ink) !important; border-bottom: 1px solid rgba(255, 255, 255, .06); }
body.at-skin.at-home .lp-header { position: absolute; inset: 0 0 auto; z-index: 50; }
body.at-skin.at-home .lp-header .lp-menu-bar,
body.at-skin.at-home .lp-menu-bar.header-bg-color-class { background: transparent !important; border-bottom-color: transparent; transition: background-color .35s, backdrop-filter .35s, box-shadow .35s; }
body.at-skin.at-home.at-scrolled .lp-menu-bar.header-bg-color-class { position: fixed; inset: 0 0 auto; background: rgba(10, 20, 48, .82) !important; backdrop-filter: blur(14px) saturate(1.4); -webkit-backdrop-filter: blur(14px) saturate(1.4); box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .6); animation: atDrop .45s var(--at-ease); }
@keyframes atDrop { from { transform: translateY(-100%); } to { transform: none; } }
body.at-skin .lp-logo img { max-height: 46px; width: auto; }
body.at-skin .lp-menu .inner_menu > li > a,
body.at-skin .lp-menu ul.inner_menu li a { color: rgba(255, 255, 255, .86) !important; font-weight: 600; font-size: 15px; letter-spacing: .01em; position: relative; }
body.at-skin .lp-menu .inner_menu > li > a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: -6px; height: 2px; border-radius: 2px; background: var(--at-coral); transform: scaleX(0); transition: transform .3s var(--at-ease); }
body.at-skin .lp-menu .inner_menu > li > a:hover,
body.at-skin .lp-menu .inner_menu > li.current-menu-item > a { color: #fff !important; }
body.at-skin .lp-menu .inner_menu > li > a:hover::after,
body.at-skin .lp-menu .inner_menu > li.current-menu-item > a::after { transform: scaleX(1); }
body.at-skin .lp-header .lp-joinus-icon { border-radius: 999px !important; border: 1.5px solid rgba(255, 255, 255, .35) !important; background: rgba(255, 255, 255, .06) !important; transition: background-color .2s, border-color .2s; }
body.at-skin .lp-header .lp-joinus-icon:hover { background: rgba(255, 255, 255, .16) !important; border-color: #fff !important; }
body.at-skin .lp-header .lp-joinus-icon *, body.at-skin .lp-header .lp-joinus-icon-outer .lp-join-now { border: 0 !important; background: none !important; box-shadow: none !important; outline: 0 !important; }
body.at-skin .lp-header .lp-joinus-icon { display: inline-flex !important; align-items: center; height: 42px; padding: 0 18px !important; }
body.at-skin .lp-header .lp-joinus-icon a, body.at-skin .lp-header .lp-join-now a { padding: 0 !important; display: inline-flex; align-items: center; gap: 8px; border: 0 !important; background: none !important; box-shadow: none !important; color: #fff !important; font-weight: 700; }
.at-search__go span, .at-btn span, .at-search__go { color: #fff !important; }
/* inner-page header search */
body.at-skin .lp-search-bar-header .form-group,
body.at-skin .lp-search-bar-header .lp-search-btn { border-radius: 12px !important; }
body.at-skin .lp-search-bar-header .lp-search-btn,
body.at-skin .lp-header-search-button .lp-search-bar-right { background-color: var(--at-blue) !important; border-radius: 12px !important; }

/* =====================================================================
   HOME
   ===================================================================== */
body.at-home .section-contianer > .container, body.at-home .page-container-five { padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; }
body.at-home .section-contianer .row > [class*="col-"], body.at-page .section-contianer .row > [class*="col-"], body.at-page .page-container .row > [class*="col-"] { padding: 0 !important; float: none; width: 100%; }
body.at-page .section-contianer > .container, body.at-page .section-contianer .row { padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; }
body.at-home .section-contianer .row { margin: 0 !important; }
body.at-home .header-container { background: none !important; height: auto !important; min-height: 0 !important; padding: 0 !important; }
body.at-home .lp-header-overlay { display: none !important; }
body.at-home .page-container, body.at-home .container.page-container { width: 100%; max-width: none; padding: 0; }
body.at-home #page > section > .container, body.at-home .page-content-area { max-width: none; width: 100%; padding: 0; margin: 0; }
.at-home-wrap { width: 100%; margin: 0; overflow-x: clip; background: #fff; }

/* ---------- hero ---------- */
.at-hero { position: relative; min-height: min(100svh, 980px); display: flex; flex-direction: column; justify-content: center; color: #fff; background: var(--at-ink); isolation: isolate; padding: 128px 0 34px; }
.at-hero__media { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.at-hero__film { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.04); animation: atBreathe 24s ease-in-out infinite alternate; }
@keyframes atBreathe { to { transform: scale(1.1); } }
.at-hero__veil { position: absolute; inset: 0; background:
	radial-gradient(70% 60% at 50% 42%, rgba(10, 20, 48, .25), rgba(10, 20, 48, .78) 75%),
	linear-gradient(180deg, rgba(10, 20, 48, .7) 0%, rgba(10, 20, 48, .1) 28%, rgba(10, 20, 48, .35) 65%, var(--at-ink) 100%); }
.at-hero__grid { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255, 255, 255, .5) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .5) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(60% 50% at 50% 40%, #000, transparent 75%); -webkit-mask-image: radial-gradient(60% 50% at 50% 40%, #000, transparent 75%); }
.at-hero__inner { text-align: center; display: flex; flex-direction: column; align-items: center; }
.at-eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); font-size: 13.5px; font-weight: 600; letter-spacing: .02em; color: rgba(255, 255, 255, .92); margin: 0 0 22px; }
.at-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--at-coral); box-shadow: 0 0 0 0 rgba(242, 100, 58, .6); animation: atPulse 2.2s infinite; }
@keyframes atPulse { 0% { box-shadow: 0 0 0 0 rgba(242, 100, 58, .55); } 70% { box-shadow: 0 0 0 12px rgba(242, 100, 58, 0); } 100% { box-shadow: 0 0 0 0 rgba(242, 100, 58, 0); } }
body.at-skin .at-hero__title { color: #fff; font-size: clamp(38px, 6.2vw, 76px); line-height: 1.04; font-weight: 800; letter-spacing: -.035em; margin: 0 0 18px; text-wrap: balance; text-shadow: 0 6px 40px rgba(0, 0, 0, .35); }
.at-grad { background: linear-gradient(92deg, #fff 0%, #cfe0ff 30%, var(--at-gold) 70%, var(--at-coral) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; background-size: 200% 100%; animation: atShine 9s ease-in-out infinite alternate; }
@keyframes atShine { to { background-position: 100% 0; } }
body.at-skin .at-hero__sub { color: rgba(255, 255, 255, .82); font-size: clamp(16px, 1.6vw, 19px); line-height: 1.6; max-width: 660px; margin: 0 0 34px; }

/* search card */
.at-search { width: min(900px, 100%); display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) auto; gap: 8px; padding: 8px; border-radius: 22px; background: rgba(255, 255, 255, .97); box-shadow: 0 30px 80px -24px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .5); text-align: left; }
.at-search__field { position: relative; display: flex; align-items: center; gap: 10px; margin: 0; padding: 22px 16px 8px 46px; border-radius: 15px; background: #f3f5fa; cursor: text; transition: background-color .2s, box-shadow .2s; min-width: 0; }
.at-search__field:focus-within { background: #fff; box-shadow: 0 0 0 2px var(--at-blue); }
.at-search__field > .at-ic { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--at-blue); }
.at-search__label { position: absolute; left: 46px; top: 9px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--at-muted); }
.at-search input, .at-search select { width: 100%; min-width: 0; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; padding: 0 !important; height: 26px; font-size: 16px; font-weight: 600; color: var(--at-text); appearance: none; -webkit-appearance: none; text-overflow: ellipsis; }
.at-search input::placeholder { color: #8a93ad; font-weight: 500; }
.at-search__where::after { content: ""; position: absolute; right: 16px; top: 50%; width: 8px; height: 8px; border-right: 2px solid var(--at-muted); border-bottom: 2px solid var(--at-muted); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.at-search__go { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 15px; padding: 0 30px; min-height: 58px; background: linear-gradient(135deg, var(--at-blue), #3c6bff); color: #fff; font-weight: 800; font-size: 16px; cursor: pointer; box-shadow: 0 12px 26px -10px rgba(36, 88, 255, .8); transition: transform .2s var(--at-ease), box-shadow .2s; }
.at-search__go:hover { transform: translateY(-1px); box-shadow: 0 16px 30px -10px rgba(36, 88, 255, .95); }
.at-search__go:focus-visible, .at-btn:focus-visible, .at-country:focus-visible, .at-sector:focus-visible, .at-card:focus-visible { outline: 3px solid var(--at-gold); outline-offset: 3px; }

.at-hero__chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 22px; font-size: 14px; }
.at-hero__chips > span { color: rgba(255, 255, 255, .7); font-weight: 600; padding: 7px 4px; }
.at-hero__chips a { color: #fff !important; text-decoration: none !important; padding: 7px 14px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); font-weight: 600; }
.at-hero__chips a:hover { background: rgba(255, 255, 255, .18); border-color: rgba(255, 255, 255, .4); }

.at-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 56px; border-radius: 20px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.at-stats > div { padding: 20px 18px; text-align: center; }
.at-stats > div + div { border-left: 1px solid rgba(255, 255, 255, .1); }
.at-stats b { display: block; color: #fff; font-size: clamp(24px, 3vw, 36px); font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.at-stats span { color: rgba(255, 255, 255, .72); font-size: 13.5px; font-weight: 600; }
.at-hero__scroll { position: absolute; left: 50%; bottom: 14px; width: 26px; height: 42px; margin-left: -13px; border-radius: 14px; border: 2px solid rgba(255, 255, 255, .45); }
.at-hero__scroll span { position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; margin-left: -2px; border-radius: 2px; background: #fff; animation: atScroll 1.8s infinite; }
@keyframes atScroll { 0% { opacity: 0; transform: translateY(0); } 30% { opacity: 1; } 100% { opacity: 0; transform: translateY(14px); } }

/* entrance */
.at-rise { opacity: 0; transform: translateY(18px); animation: atRise .9s var(--at-ease) forwards; animation-delay: calc(var(--d, 0) * .11s + .1s); }
@keyframes atRise { to { opacity: 1; transform: none; } }
.at-reveal { opacity: 0; transform: translateY(26px); transition: opacity .8s var(--at-ease), transform .8s var(--at-ease); transition-delay: calc(var(--i, 0) * 70ms); }
.at-reveal.is-in { opacity: 1; transform: none; }
.no-js .at-reveal, .at-noio .at-reveal { opacity: 1; transform: none; }

/* ---------- sections ---------- */
.at-sec { position: relative; padding: clamp(64px, 9vw, 120px) 0; }
.at-sec--soft { background: var(--at-bg); }
.at-sec--dark { background: var(--at-ink); color: rgba(255, 255, 255, .8); overflow: hidden; isolation: isolate; }
.at-sec__bg { position: absolute; inset: 0; z-index: -1; background: radial-gradient(50% 60% at 85% 0%, rgba(36, 88, 255, .35), transparent 70%), radial-gradient(40% 50% at 0% 100%, rgba(242, 100, 58, .18), transparent 70%); }
.at-head { text-align: center; max-width: 720px; margin: 0 auto 48px; }
.at-head--row { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; max-width: none; text-align: left; }
.at-kicker { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px; color: var(--at-blue); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
body.at-skin .at-head h2 { font-size: clamp(30px, 4vw, 48px); line-height: 1.1; font-weight: 800; letter-spacing: -.03em; margin: 0 0 14px; text-wrap: balance; }
.at-head p:not(.at-kicker) { font-size: 17.5px; line-height: 1.65; color: var(--at-muted); margin: 0; }
.at-head--light .at-kicker { color: var(--at-gold); }
body.at-skin .at-head--light h2 { color: #fff; }
.at-head--light p:not(.at-kicker) { color: rgba(255, 255, 255, .72); }

/* ---------- countries (bento) ---------- */
.at-countries { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 230px; gap: 16px; }
.at-country { position: relative; display: block; overflow: hidden; border-radius: var(--at-r); background: var(--at-ink-2); text-decoration: none !important; box-shadow: var(--at-shadow); }
.at-country.is-xl { grid-column: span 2; grid-row: span 2; }
.at-country.is-l { grid-column: span 2; }
.at-country img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--at-ease); }
.at-country:hover img { transform: scale(1.07); }
.at-country__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 20, 48, 0) 35%, rgba(10, 20, 48, .88) 100%); }
.at-country__body { position: absolute; left: 20px; right: 20px; bottom: 18px; display: flex; flex-direction: column; gap: 6px; }
.at-country__name { color: #fff; font-size: 22px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; }
.at-country.is-xl .at-country__name { font-size: clamp(28px, 3vw, 40px); }
.at-country__meta { display: inline-flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .85); font-size: 14px; font-weight: 600; }
.at-country__meta i { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 255, 255, .14); transition: background-color .3s, transform .3s var(--at-ease); }
.at-country:hover .at-country__meta i { background: var(--at-coral); transform: translateX(4px); }
.at-country__lm { position: absolute; top: 14px; left: 14px; padding: 5px 11px; border-radius: 999px; background: rgba(10, 20, 48, .5); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); color: rgba(255, 255, 255, .9); font-size: 12px; font-weight: 600; opacity: 0; transform: translateY(-4px); transition: opacity .3s, transform .3s; }
.at-country:hover .at-country__lm, .at-country:focus-visible .at-country__lm { opacity: 1; transform: none; }
.at-more-countries { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 26px; }
.at-more-countries a { display: inline-flex; align-items: center; gap: 7px; padding: 9px 15px; border-radius: 999px; border: 1px solid var(--at-line); color: var(--at-text) !important; font-weight: 600; font-size: 14px; text-decoration: none !important; background: #fff; }
.at-more-countries a .at-ic { color: var(--at-coral); }
.at-more-countries small { color: var(--at-muted); font-weight: 700; }
.at-more-countries a:hover { border-color: var(--at-blue); box-shadow: var(--at-shadow); }

/* ---------- sectors ---------- */
.at-sectors { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.at-sector { position: relative; display: flex; flex-direction: column; min-height: 300px; padding: 22px; border-radius: var(--at-r); overflow: hidden; text-decoration: none !important; background: var(--at-ink-2); border: 1px solid rgba(255, 255, 255, .08); isolation: isolate; }
.at-sector__img { position: absolute; inset: 0; z-index: -2; }
.at-sector__img img { width: 100%; height: 100%; object-fit: cover; opacity: .9; transition: transform 1.2s var(--at-ease), opacity .5s; }
.at-sector::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 20, 48, 0) 0%, rgba(10, 20, 48, .35) 45%, rgba(10, 20, 48, .92) 100%); }
.at-sector:hover .at-sector__img img { transform: scale(1.08); opacity: 1; }
.at-sector__ic { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; color: #fff; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .2); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background-color .3s; }
.at-sector:hover .at-sector__ic { background: var(--at-blue); border-color: var(--at-blue); }
.at-sector__name { margin-top: auto; color: #fff; font-size: 20px; font-weight: 800; line-height: 1.2; letter-spacing: -.015em; }
.at-sector__desc { color: rgba(255, 255, 255, .72); font-size: 14px; line-height: 1.5; margin-top: 6px; }
.at-sector__count { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; color: var(--at-gold); font-size: 13.5px; font-weight: 700; }
.at-sector__count .at-ic { transition: transform .3s var(--at-ease); }
.at-sector:hover .at-sector__count .at-ic { transform: translateX(4px); }
.at-catcloud { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 40px; }
.at-catcloud a { padding: 9px 15px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16); color: rgba(255, 255, 255, .88) !important; text-decoration: none !important; font-size: 14px; font-weight: 600; }
.at-catcloud small { color: rgba(255, 255, 255, .5); font-weight: 700; margin-left: 2px; }
.at-catcloud a:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .4); }
.at-catcloud a.is-all { display: inline-flex; gap: 6px; align-items: center; background: #fff; color: var(--at-ink) !important; border-color: #fff; font-weight: 800; }

/* ---------- latest cards ---------- */
.at-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.at-card { display: flex; flex-direction: column; border-radius: var(--at-r); background: var(--at-card); border: 1px solid var(--at-line); overflow: hidden; text-decoration: none !important; box-shadow: var(--at-shadow); }
.at-card:hover { transform: translateY(-6px); box-shadow: var(--at-shadow-h); border-color: transparent; }
.at-card__img { aspect-ratio: 4 / 3; background: #f0f2f7; overflow: hidden; display: block; }
.at-card__img img { width: 100%; height: 100%; object-fit: contain; padding: 14px; transition: transform .8s var(--at-ease); mix-blend-mode: multiply; }
.at-card:hover .at-card__img img { transform: scale(1.06); }
.at-card__body { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; flex: 1; }
.at-card__cat { align-self: flex-start; padding: 4px 10px; border-radius: 999px; background: rgba(36, 88, 255, .08); color: var(--at-blue); font-size: 12px; font-weight: 700; }
.at-card__title { color: var(--at-text); font-weight: 700; font-size: 16px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.at-card__meta { margin-top: auto; display: flex; flex-wrap: wrap; gap: 6px 14px; color: var(--at-muted); font-size: 13px; font-weight: 600; }
.at-card__meta span { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }

/* ---------- steps ---------- */
.at-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; counter-reset: s; }
.at-steps li { position: relative; padding: 30px 28px; border-radius: var(--at-r); background: #fff; border: 1px solid var(--at-line); box-shadow: var(--at-shadow); }
.at-steps__n { position: absolute; top: 22px; right: 24px; font-size: 44px; font-weight: 800; letter-spacing: -.04em; color: #edf0f7; line-height: 1; }
.at-steps__ic { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; color: #fff; background: linear-gradient(135deg, var(--at-blue), var(--at-sky)); box-shadow: 0 12px 24px -12px rgba(36, 88, 255, .8); margin-bottom: 18px; }
.at-steps li:nth-child(3) .at-steps__ic { background: linear-gradient(135deg, var(--at-coral), var(--at-gold)); box-shadow: 0 12px 24px -12px rgba(242, 100, 58, .8); }
body.at-skin .at-steps h3 { font-size: 21px; font-weight: 800; margin: 0 0 8px; }
.at-steps p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--at-muted); }

/* ---------- join ---------- */
.at-join { padding: clamp(64px, 9vw, 120px) 0; background: #fff; }
.at-join__in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 0; border-radius: 28px; overflow: hidden; background: var(--at-ink); box-shadow: 0 40px 90px -40px rgba(10, 20, 48, .7); }
.at-join__img { position: relative; min-height: 460px; }
.at-join__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.at-join__img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 55%, var(--at-ink)); }
.at-join__body { padding: clamp(34px, 5vw, 64px); color: rgba(255, 255, 255, .78); display: flex; flex-direction: column; justify-content: center; }
.at-join__body .at-kicker { color: var(--at-gold); }
body.at-skin .at-join__body h2 { color: #fff; font-size: clamp(30px, 3.6vw, 44px); font-weight: 800; letter-spacing: -.03em; line-height: 1.1; margin: 0 0 14px; }
.at-join__body > p { font-size: 17px; line-height: 1.65; margin: 0 0 20px; }
.at-join__body ul { list-style: none; margin: 0 0 28px; padding: 0; display: grid; gap: 10px; }
.at-join__body li { display: flex; gap: 10px; align-items: flex-start; color: #fff; font-weight: 600; font-size: 15.5px; }
.at-join__body li .at-ic { color: var(--at-gold); margin-top: 2px; }
.at-join__cta { display: flex; flex-wrap: wrap; gap: 12px; }
.at-join__cta .at-btn--line { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .3); }
.at-join__cta .at-btn--line:hover { border-color: #fff; color: #fff !important; }

/* =====================================================================
   ABOUT / CONTACT (tpl-page.php)
   ===================================================================== */
body.at-page .page-container, body.at-page #page > section > .container { max-width: none; width: 100%; padding: 0; }
.at-pagewrap { width: 100%; margin: 0; }
.at-phero { position: relative; overflow: hidden; isolation: isolate; background: var(--at-ink); color: #fff; padding: clamp(56px, 8vw, 104px) 0 clamp(48px, 7vw, 88px); }
.at-phero__bg { position: absolute; inset: -4%; z-index: -2; background-size: cover; background-position: center; animation: atBreathe 26s ease-in-out infinite alternate; }
.at-phero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(10, 20, 48, .95) 0%, rgba(10, 20, 48, .78) 50%, rgba(10, 20, 48, .45) 100%); }
.at-phero__in { max-width: 1220px; }
body.at-skin .at-phero h1 { color: #fff; font-size: clamp(32px, 4.6vw, 56px); line-height: 1.08; font-weight: 800; letter-spacing: -.03em; margin: 0 0 14px; max-width: 760px; text-wrap: balance; }
.at-phero__sub { color: rgba(255, 255, 255, .8) !important; font-size: clamp(16px, 1.6vw, 19px); line-height: 1.6; max-width: 640px; margin: 0; }
.at-about { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 48px; align-items: center; }
body.at-skin .at-about__lead h2 { font-size: clamp(28px, 3.2vw, 40px); font-weight: 800; letter-spacing: -.03em; line-height: 1.12; margin: 0 0 16px; }
.at-about__lead p:not(.at-kicker) { font-size: 17px; line-height: 1.75; color: var(--at-body); margin: 0 0 14px; }
.at-about__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.at-about__stats > div { padding: 24px 20px; border-radius: var(--at-r); background: var(--at-ink); color: rgba(255, 255, 255, .72); box-shadow: var(--at-shadow); position: relative; overflow: hidden; }
.at-about__stats > div::after { content: ""; position: absolute; right: -30px; top: -30px; width: 110px; height: 110px; border-radius: 50%; background: radial-gradient(circle, rgba(36, 88, 255, .5), transparent 70%); }
.at-about__stats b { display: block; color: #fff; font-size: 34px; font-weight: 800; letter-spacing: -.03em; }
.at-about__stats span { font-size: 14px; font-weight: 600; }
.at-mv { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.at-mv article { padding: 34px 32px; border-radius: 22px; background: #fff; border: 1px solid var(--at-line); box-shadow: var(--at-shadow); }
.at-mv__ic { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; color: #fff; background: linear-gradient(135deg, var(--at-coral), var(--at-gold)); margin-bottom: 18px; }
.at-mv__ic--b { background: linear-gradient(135deg, var(--at-blue), var(--at-sky)); }
body.at-skin .at-mv h3, body.at-skin .at-offer h3, body.at-skin .at-ccard h3 { font-size: 21px; font-weight: 800; margin: 0 0 10px; }
.at-mv p { font-size: 16.5px; line-height: 1.7; color: var(--at-muted); margin: 0; }
.at-offer { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.at-offer > div { padding: 26px 22px; border-radius: var(--at-r); border: 1px solid var(--at-line); background: #fff; box-shadow: var(--at-shadow); }
.at-offer > div:hover { transform: translateY(-4px); box-shadow: var(--at-shadow-h); transition: transform .3s var(--at-ease), box-shadow .3s; }
.at-offer .at-ic { color: var(--at-blue); margin-bottom: 14px; }
body.at-skin .at-offer h3 { font-size: 18px; }
.at-offer p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--at-muted); }
.at-about__close { text-align: center; max-width: 680px; margin: 40px auto 0; font-size: 17px; line-height: 1.7; color: var(--at-body); }
.at-contact { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 32px; align-items: start; }
.at-contact__side { display: flex; flex-direction: column; gap: 14px; }
.at-ccard { display: flex; gap: 16px; padding: 22px; border-radius: var(--at-r); background: #fff; border: 1px solid var(--at-line); box-shadow: var(--at-shadow); }
.at-ccard > .at-ic { flex: 0 0 auto; width: 48px; height: 48px; padding: 12px; border-radius: 14px; color: #fff; background: linear-gradient(135deg, var(--at-blue), var(--at-sky)); }
.at-ccard:nth-child(3) > .at-ic { background: linear-gradient(135deg, var(--at-coral), var(--at-gold)); }
body.at-skin .at-ccard h3 { font-size: 17px; margin: 2px 0 6px; }
.at-ccard p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--at-muted); }
body.at-skin .at-ccard a { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-weight: 700; color: var(--at-blue) !important; }
.at-contact__form { padding: clamp(24px, 3.4vw, 40px); border-radius: 24px; background: #fff; border: 1px solid var(--at-line); box-shadow: 0 30px 60px -34px rgba(10, 20, 48, .45); }
body.at-skin .at-contact__form h2 { font-size: 28px; font-weight: 800; letter-spacing: -.02em; margin: 0 0 6px; }
.at-contact__hint { color: var(--at-muted); margin: 0 0 22px; }
body.at-skin .at-contact__form .wpforms-container { margin: 0 !important; }
body.at-skin .at-contact__form .wpforms-field { padding: 0 0 16px !important; }
body.at-skin .at-contact__form .wpforms-field-label { font-weight: 700 !important; color: var(--at-text) !important; font-size: 14px !important; margin-bottom: 7px !important; }
body.at-skin .at-contact__form input[type=text], body.at-skin .at-contact__form input[type=email], body.at-skin .at-contact__form textarea { width: 100% !important; max-width: none !important; min-height: 50px; padding: 12px 14px !important; border-radius: 12px !important; border: 1.5px solid #d3dae9 !important; background: #fff !important; font-size: 15.5px !important; box-shadow: none !important; transition: border-color .2s, box-shadow .2s; }
body.at-skin .at-contact__form textarea { min-height: 150px; }
body.at-skin .at-contact__form input:focus, body.at-skin .at-contact__form textarea:focus { border-color: var(--at-blue) !important; box-shadow: 0 0 0 4px rgba(36, 88, 255, .12) !important; outline: 0; }
body.at-skin .at-contact__form button[type=submit], body.at-skin .at-contact__form .wpforms-submit { min-height: 52px; padding: 0 30px !important; border-radius: 999px !important; border: 0 !important; background: var(--at-blue) !important; color: #fff !important; font-weight: 800 !important; font-size: 16px !important; box-shadow: 0 12px 26px -12px rgba(36, 88, 255, .9) !important; cursor: pointer; }
body.at-skin .at-contact__form button[type=submit]:hover { background: var(--at-blue-d) !important; }
@media (max-width: 1100px) { .at-offer { grid-template-columns: 1fr 1fr; } }
@media (max-width: 860px) {
	.at-about, .at-contact, .at-mv { grid-template-columns: minmax(0, 1fr); gap: 22px; }
}
@media (max-width: 560px) {
	.at-offer { grid-template-columns: minmax(0, 1fr); }
	.at-mv article { padding: 24px 20px; }
	.at-about__stats b { font-size: 26px; }
}

/* =====================================================================
   FOOTER (ours; the theme's footer-style2 is hidden)
   ===================================================================== */
body.at-skin footer.footer-style2, body.at-skin .footer-style2, body.at-skin #footer.footer-style2 { display: none !important; }
.at-footer { position: relative; overflow: hidden; background: var(--at-ink); color: rgba(255, 255, 255, .7); padding: 72px 0 0; isolation: isolate; }
.at-footer__glow { position: absolute; inset: -40% -10% auto; height: 520px; z-index: -1; background: radial-gradient(40% 60% at 20% 0%, rgba(36, 88, 255, .35), transparent 70%), radial-gradient(30% 50% at 90% 10%, rgba(242, 100, 58, .16), transparent 70%); }
.at-footer__grid { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)); gap: 40px; padding-bottom: 54px; }
.at-footer__logo img { height: 44px; width: auto; filter: brightness(1.15); }
.at-footer__brand p { margin: 18px 0 22px; font-size: 15px; line-height: 1.7; max-width: 380px; color: rgba(255, 255, 255, .7); }
body.at-skin .at-footer h4 { color: #fff; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; margin: 6px 0 16px; }
.at-footer__col { display: flex; flex-direction: column; gap: 10px; }
body.at-skin .at-footer__col a { color: rgba(255, 255, 255, .72) !important; text-decoration: none !important; font-size: 15px; font-weight: 500; }
body.at-skin .at-footer__col a:hover { color: #fff !important; transform: translateX(3px); }
.at-footer__addr { display: flex; gap: 8px; margin-top: 8px; font-size: 14px; line-height: 1.5; }
.at-footer__addr .at-ic { color: var(--at-coral); margin-top: 2px; }
.at-footer__bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding: 22px 0 26px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 13.5px; }
body.at-skin .at-footer__host { display: inline-flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .6) !important; text-decoration: none !important; }
body.at-skin .at-footer__host:hover { color: #fff !important; }
.at-footer__host img { width: 22px; height: 22px; border-radius: 50%; background: #fff; padding: 2px; }

/* =====================================================================
   INNER PAGES — archive heading, filters, cards, single listing, pages
   ===================================================================== */
body.at-skin .page-heading, body.at-skin .page-heading.listing-page { position: relative; background-color: var(--at-ink) !important; background-size: cover; background-position: center 40%; isolation: isolate; }
body.at-skin .page-heading .page-header-overlay, body.at-skin .page-header-overlay { background: linear-gradient(100deg, rgba(10, 20, 48, .94) 0%, rgba(10, 20, 48, .72) 55%, rgba(10, 20, 48, .45) 100%) !important; opacity: 1 !important; }
body.at-skin .page-heading h1, body.at-skin .page-heading .lp-h1, body.at-skin .page-heading-inner-container h1,
body.at-skin .page-heading .lp-title, body.at-skin .page-heading h3 { color: #fff !important; font-weight: 800 !important; letter-spacing: -.02em; }
body.at-skin .page-heading .breadcrumbs a, body.at-skin .page-heading .breadcrumbs li, body.at-skin .page-heading .breadcrumbs span { color: rgba(255, 255, 255, .78) !important; }
body.at-skin .page-heading .all-list-map, body.at-skin .page-heading a.md-trigger { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .22); color: #fff !important; font-weight: 600; }

/* filter bar */
body.at-skin .more-filter, body.at-skin .lp-filter-inner-wrapper { background: #fff; border-radius: 16px; box-shadow: var(--at-shadow); border: 1px solid var(--at-line); padding: 10px 12px !important; }
body.at-skin .search-filters .btn.default, body.at-skin .search-filters a.btn, body.at-skin .near-me-btn { border-radius: 999px !important; border: 1px solid var(--at-line) !important; background: #fff !important; color: var(--at-text) !important; font-weight: 600 !important; font-family: var(--at-font) !important; padding: 8px 14px !important; }
body.at-skin .search-filters .btn.default:hover, body.at-skin .search-filters a.btn.active { border-color: var(--at-blue) !important; color: var(--at-blue) !important; }
body.at-skin .chosen-container .chosen-single, body.at-skin .border-dropdown { border-radius: 999px !important; }

/* listing cards (grid_view_v2 + list views) */
body.at-skin .lp-grid-box-contianer .lp-grid-box,
body.at-skin .lp-grid-box-contianer > .lp-grid-box-thumb-container,
body.at-skin .lp-grid-box-contianer.grid_view_v2 > div,
body.at-skin .lp-grid-box-contianer .list_view_v2 { border-radius: var(--at-r) !important; overflow: hidden; background: #fff; border: 1px solid var(--at-line) !important; box-shadow: var(--at-shadow) !important; transition: transform .35s var(--at-ease), box-shadow .35s var(--at-ease); }
body.at-skin .lp-grid-box-contianer:hover .lp-grid-box,
body.at-skin .lp-grid-box-contianer.grid_view_v2:hover > div { transform: translateY(-5px); box-shadow: var(--at-shadow-h) !important; }
body.at-skin .lp-grid-box-thumb img, body.at-skin .lp-grid-box-thumb-container img { transition: transform .8s var(--at-ease); }
body.at-skin .lp-grid-box-contianer:hover .lp-grid-box-thumb img { transform: scale(1.05); }
body.at-skin .lp-grid-box-contianer h4, body.at-skin .lp-grid-box-contianer h4 a, body.at-skin .lp-grid-box-contianer .lp-h4 a { color: var(--at-text) !important; font-weight: 700 !important; font-family: var(--at-font) !important; }
body.at-skin .lp-grid-box-contianer h4 a:hover { color: var(--at-blue) !important; }
/* "Closed now / Open now" chips: products are not shops — keep them quiet */
body.at-skin .lp-grid-box-contianer .closed, body.at-skin .lp-grid-box-contianer .lp-open-timing,
body.at-skin .lp-grid-box-contianer .time-status, body.at-skin .lp-grid-box-contianer .lp-grid-box-thumb .closed-now { display: none !important; }

/* pagination */
body.at-skin .lp-pagination ul li a, body.at-skin .lp-pagination ul li span,
body.at-skin .pagination > li > a, body.at-skin .pagination > li > span { border-radius: 10px !important; border: 1px solid var(--at-line) !important; color: var(--at-text) !important; font-weight: 700; min-width: 40px; text-align: center; }
body.at-skin .lp-pagination ul li .active, body.at-skin .lp-pagination ul li a.active, body.at-skin .pagination > .active > a,
body.at-skin .lp-pagination ul li span.current { background: var(--at-blue) !important; border-color: var(--at-blue) !important; color: #fff !important; }

/* single listing */
body.at-skin .lp_detail_page_styles2 .post-meta-info, body.at-skin .single-listing .post-meta-info { background: var(--at-bg); }
body.at-skin .lp-listing-title, body.at-skin .post-meta-left-box h1 { color: var(--at-text) !important; font-weight: 800 !important; letter-spacing: -.02em; }
body.at-skin .tagline, body.at-skin .lp-listing-tagline { color: var(--at-blue) !important; font-weight: 700 !important; }
body.at-skin .widget-box, body.at-skin .lp-widget-inner-wrap, body.at-skin .post-row, body.at-skin .listing-detail-infos,
body.at-skin .lp-listing-timings, body.at-skin .open-hours, body.at-skin .claim-area { border-radius: 16px !important; border-color: var(--at-line) !important; box-shadow: var(--at-shadow); background: #fff; }
body.at-skin .nav-tabs > li.active > a, body.at-skin .nav-tabs > li > a:hover { color: var(--at-blue) !important; border-bottom-color: var(--at-blue) !important; }
body.at-skin .lp-detail-whatsapp a, body.at-skin a.lp-whatsapp-btn { color: #15803d !important; font-weight: 700; }

/* single listing — header band + supplier card */
body.at-skin.single-listing .post-meta-info, body.at-skin.single-listing .lp-listing-title-box, body.at-skin.single-listing .listing-detail-header { background: linear-gradient(180deg, #f5f7fb, #fff) !important; }
body.at-skin.single-listing h1, body.at-skin.single-listing .post-meta-left-box h1 { font-size: clamp(24px, 2.6vw, 34px) !important; line-height: 1.2 !important; text-transform: none !important; }
body.at-skin.single-listing .post-meta-left-box p, body.at-skin.single-listing .post-meta-left-box .tagline { font-size: 17px !important; }
body.at-skin.single-listing .post-detail-content img, body.at-skin.single-listing .post-row img.alignnone { border-radius: 14px; border: 1px solid var(--at-line); background: #fff; padding: 8px; margin: 6px 8px 6px 0; box-shadow: var(--at-shadow); transition: transform .3s var(--at-ease); }
body.at-skin.single-listing .post-detail-content img:hover { transform: translateY(-3px); }
body.at-skin.single-listing .nav-tabs { border-bottom: 1px solid var(--at-line) !important; }
body.at-skin.single-listing .nav-tabs > li > a { font-weight: 700 !important; }
.at-supcard { position: relative; margin: 0 0 22px; padding: 22px; border-radius: 20px; background: var(--at-ink); color: rgba(255, 255, 255, .78); overflow: hidden; isolation: isolate; box-shadow: 0 24px 50px -24px rgba(10, 20, 48, .6); }
.at-supcard::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(70% 60% at 100% 0%, rgba(36, 88, 255, .45), transparent 70%), radial-gradient(60% 50% at 0% 100%, rgba(242, 100, 58, .2), transparent 70%); }
.at-supcard__h { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.at-supcard__logo { display: grid; place-items: center; flex: 0 0 auto; width: 58px; height: 58px; border-radius: 16px; background: #fff; overflow: hidden; color: var(--at-blue); font-weight: 800; font-size: 24px; }
.at-supcard__logo img { width: 100%; height: 100%; object-fit: contain; padding: 5px; }
.at-supcard__t { display: flex; flex-direction: column; min-width: 0; gap: 2px; }
.at-supcard__t small { color: var(--at-gold); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.at-supcard__t b { color: #fff; font-size: 19px; line-height: 1.25; word-break: break-word; }
.at-supcard__t em { display: inline-flex; align-items: center; gap: 5px; font-style: normal; font-size: 13.5px; color: rgba(255, 255, 255, .72); }
.at-supcard__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
body.at-skin .at-sbtn { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 8px 12px; border-radius: 14px; background: rgba(255, 255, 255, .09); border: 1px solid rgba(255, 255, 255, .16); color: #fff !important; font-weight: 700; font-size: 14.5px; text-decoration: none !important; text-align: left; }
body.at-skin .at-sbtn:hover { background: rgba(255, 255, 255, .18); transform: translateY(-2px); }
.at-sbtn span { display: flex; flex-direction: column; line-height: 1.2; }
.at-sbtn small { font-size: 11.5px; font-weight: 600; opacity: .75; }
body.at-skin .at-sbtn--wa { grid-column: 1 / -1; min-height: 54px; font-size: 16px; background: #15803d; border-color: #15803d; box-shadow: 0 12px 24px -12px rgba(21, 128, 61, .9); }
body.at-skin .at-sbtn--wa:hover { background: #166534; }
body.at-skin .at-sbtn--call { grid-column: 1 / -1; background: var(--at-blue); border-color: var(--at-blue); }
body.at-skin .at-sbtn--call:hover { background: var(--at-blue-d); }
.at-supcard__addr { display: flex; gap: 8px; margin: 16px 0 0; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .78); }
.at-supcard__addr .at-ic { color: var(--at-coral); margin-top: 2px; }
.at-supcard__more { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .12); display: flex; flex-direction: column; gap: 8px; }
.at-supcard__more p { margin: 0 0 4px; color: rgba(255, 255, 255, .6); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
body.at-skin .at-supcard__more a { display: flex; align-items: center; gap: 10px; padding: 6px; border-radius: 12px; color: #fff !important; text-decoration: none !important; font-size: 14px; }
body.at-skin .at-supcard__more a:hover { background: rgba(255, 255, 255, .08); }
.at-supcard__more a span { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 10px; background: #fff; overflow: hidden; }
.at-supcard__more a span img { width: 100%; height: 100%; object-fit: contain; }
.at-supcard__more b { font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ---------- NEAT: hide what a straightforward directory does not use ----------
   no map data (no coordinates, no map key) · reviews not used · claims not used ·
   hours are a theme default (9–5) on almost every listing · "Save" needs an account */
body.at-skin #lp-find-near-me, body.at-skin p:has(> .all-list-map), body.at-skin .all-list-map, body.at-skin a.open-map-view,
body.at-skin .listing-view-layout, body.at-skin .show-loop-map-popup, body.at-skin .lp_list_no_review, body.at-skin .lp-listing-stars,
body.at-skin .lp-open-timing, body.at-skin .li-listing-clock-outer,
body.at-skin.single-listing #fav-container, body.at-skin.single-listing .nav-tabs > li.lpreviews, body.at-skin.single-listing .nav-tabs > li:has(> a[href="#contact"]),
body.at-skin.single-listing .widget-box:has(.open-hours), body.at-skin.single-listing .widget-box:has(.lp-listing-phone-whatsapp),
body.at-skin.single-listing .widget-box:has(.claim-area), body.at-skin.single-listing .widget-box.listing-price:has(.claim-area) { display: none !important; }
body.at-skin.single-listing li.lpreviews, body.at-skin.single-listing li:has(> a[href="#contact"]), body.at-skin.single-listing li:has(> a[href="#reviews"]),
body.at-skin .lp-notifaction-area-outer:has(.lp-pending-lis-infor), body.at-skin .lp-pending-lis-infor { display: none !important; }
body.at-skin .at-sbtn span, body.at-skin .at-sbtn small { color: #fff !important; }
body.at-skin.single-listing .post-stat { display: flex; justify-content: flex-end; }
body.at-skin.single-listing .post-stat li a { border-radius: 999px !important; padding: 9px 16px !important; font-weight: 700; }

/* generic content pages (About, Contact, Pricing) */
body.at-skin .price-plan-box, body.at-skin .lp-price-main, body.at-skin .lp-pricing-plan { border-radius: 20px !important; overflow: hidden; box-shadow: var(--at-shadow) !important; }
body.at-skin .lp-secondary-btn, body.at-skin .lp-primary-btn, body.at-skin input[type="submit"].lp-review-btn,
body.at-skin .btn-primary, body.at-skin .lp-search-btn { border-radius: 999px !important; font-weight: 700 !important; }

/* ---------- one font everywhere (theme fonts were 18 weights of 5 families) ---------- */
body.at-skin :is(h1, h2, h3, h4, h5, h6, p, a, span, li, label, input, select, textarea, button, div, td, th, small, strong, b, em, blockquote, option, dt, dd):not(.fa):not([class*="fa-"]):not([class*="icon"]):not(.glyphicon):not(.dashicons) { font-family: var(--at-font) !important; }
body.at-skin .lp-no-review-btn, body.at-skin .lp-ann-btn { font-style: normal !important; }

/* ---------- archive cards: grid_view_v2 ---------- */
body.at-skin .grid_view_v2 .lp-listing { border-radius: var(--at-r); overflow: hidden; background: #fff; border: 1px solid var(--at-line); box-shadow: var(--at-shadow); transition: transform .35s var(--at-ease), box-shadow .35s var(--at-ease); height: 100%; }
body.at-skin .grid_view_v2:hover .lp-listing { transform: translateY(-5px); box-shadow: var(--at-shadow-h); }
body.at-skin .grid_view_v2 .lp-listing-top-thumb { aspect-ratio: 31 / 20; overflow: hidden; background: #f0f2f7; }
body.at-skin .grid_view_v2 .lp-listing-top-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--at-ease); }
body.at-skin .grid_view_v2:hover .lp-listing-top-thumb img { transform: scale(1.05); }
body.at-skin .grid_view_v2 .lp-listing-favrt { width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, .92) !important; display: grid !important; place-items: center; color: var(--at-coral) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, .12); top: 12px !important; right: 12px !important; left: auto !important; }
body.at-skin .grid_view_v2 .lp-listing-bottom { padding: 16px 18px 12px !important; }
body.at-skin .grid_view_v2 .lp-listing-cat { display: inline-block; padding: 4px 10px; border-radius: 999px; background: rgba(36, 88, 255, .08); color: var(--at-blue) !important; font-size: 11.5px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; margin-bottom: 8px; }
body.at-skin .grid_view_v2 h4 { margin: 4px 0 8px !important; font-size: 17px !important; line-height: 1.35 !important; }
body.at-skin .grid_view_v2 h4 a { text-transform: none !important; }
body.at-skin .grid_view_v2 .lp-listing-stars, body.at-skin .grid_view_v2 .lp-listing-cats:empty { display: none !important; }
body.at-skin .grid_view_v2 .lp-listing-location { float: none !important; display: inline-flex; align-items: center; gap: 6px; color: var(--at-muted) !important; font-weight: 600; font-size: 13.5px; }
body.at-skin .grid_view_v2 .lp-listing-location a { color: var(--at-muted) !important; }
body.at-skin .grid_view_v2 .lp-listing-location .fa { color: var(--at-coral); }
body.at-skin .grid_view_v2 .lp-new-grid-bottom-button { border-top: 1px solid var(--at-line) !important; }
body.at-skin .grid_view_v2 .lp-new-grid-bottom-button li { width: 100% !important; border: 0 !important; }
body.at-skin .grid_view_v2 .lp-new-grid-bottom-button li:has(.show-loop-map-popup) { display: none !important; }
body.at-skin .grid_view_v2 .lp-new-grid-bottom-button p, body.at-skin .grid_view_v2 .lp-new-grid-bottom-button a { color: var(--at-blue) !important; font-weight: 700 !important; font-size: 14px !important; }
body.at-skin .grid_view_v2 .lp-open-timing { display: none !important; }
body.at-skin .lp-grid-box-contianer.grid_view_v2 { margin-bottom: 26px; }
body.at-skin #content-grids .row, body.at-skin .lp-list-page-grid { display: flex; flex-wrap: wrap; }
body.at-skin .lp-list-page-grid > .lp-archive-clearfix, body.at-skin .lp-list-page-grid > .clearfix { display: none; }
body.at-skin .grid_view_v2 .verified { color: var(--at-sky); }

/* ---------- archive heading area + filter bar ---------- */
body.at-skin .page-heading-inner-container { padding-top: 34px; padding-bottom: 54px; }
body.at-skin .search-page-header .lp-title h3, body.at-skin .page-heading h1 span, body.at-skin .page-heading h3 span { color: #fff !important; }
body.at-skin .filter-top-section, body.at-skin #searchform .lp-filter-inner { background: transparent !important; box-shadow: none !important; border: 0 !important; }
body.at-skin .more-filter { margin-top: 6px; }
body.at-skin .lp-search-cats-filter-dropdown .chosen-container-single .chosen-single { border-radius: 999px !important; height: 40px; line-height: 38px; }
body.at-skin .listing-simple .search-row .lp-title h3 { font-size: 20px !important; font-weight: 800 !important; color: var(--at-text) !important; margin: 18px 0 6px !important; text-transform: none !important; }
body.at-skin .page-heading img.icons8-whiteMapMarkerFill, body.at-skin .page-heading .icon.icons8-whiteMapMarkerFill { display: none !important; }
body.at-skin .grid-list-switcher a, body.at-skin .listing-view-layout a { border-radius: 50%; }

/* header search button: keep an icon on it */
body.at-skin .lp-header-search-button .lp-search-btn { color: transparent !important; background: var(--at-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/20px no-repeat !important; }

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width: 1100px) {
	.at-countries { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.at-country.is-l { grid-column: span 1; }
	.at-sectors, .at-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.at-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.at-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
	.at-search { grid-template-columns: minmax(0, 1fr); }
	.at-search__go { min-height: 54px; }
	.at-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.at-stats > div:nth-child(3) { border-left: 0; }
	.at-stats > div:nth-child(n+3) { border-top: 1px solid rgba(255, 255, 255, .1); }
	.at-countries { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 190px; }
	.at-country.is-xl { grid-column: span 2; grid-row: span 1; }
	.at-sectors, .at-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.at-steps { grid-template-columns: minmax(0, 1fr); }
	.at-join__in { grid-template-columns: minmax(0, 1fr); }
	.at-join__img { min-height: 260px; }
	.at-join__img::after { background: linear-gradient(180deg, transparent 50%, var(--at-ink)); }
	.at-head--row { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 560px) {
	.at-wrap { width: calc(100% - 32px); }
	.at-hero { padding-top: 104px; min-height: auto; }
	.at-hero__scroll { display: none; }
	.at-hero__chips a:nth-of-type(n+5) { display: none; }
	.at-search__field { padding: 22px 14px 8px 44px; }
	.at-countries { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-rows: 150px; gap: 10px; }
	.at-country__name { font-size: 17px; }
	.at-country__body { left: 14px; right: 14px; bottom: 12px; }
	.at-country__meta { font-size: 12.5px; }
	.at-country__meta i { display: none; }
	.at-sectors { grid-template-columns: minmax(0, 1fr); }
	.at-sector { min-height: 200px; }
	.at-cards { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
	.at-card__body { padding: 12px; }
	.at-card__title { font-size: 14.5px; }
	.at-card__meta { font-size: 12px; }
	.at-card__meta span:first-child { display: none; }
	.at-footer__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; }
	.at-footer__bar { flex-direction: column; text-align: center; }
}
/* ---------- logo sizes ---------- */
body.at-skin .lp-logo img, body.at-skin .lp-logo-container img { max-height: 32px !important; width: auto !important; height: auto; }
body.at-skin .lp-logo-container { display: flex; align-items: center; min-height: 52px; }
.at-footer__logo img { height: 32px; }

/* ---------- archive/search title (one element: "Results For <strong>X</strong>") ---------- */
body.at-skin .listing-simple .search-row .lp-title h3, body.at-skin .lp-title h3.test2, body.at-skin .lp-title h3.test2 strong { color: #fff !important; }

/* ---------- PHONE + TABLET header: slim bar, logo left, menu right, one-row search ---------- */
@media (max-width: 991px) {
	body.at-skin .lp-menu-bar .fullwidth-header { position: relative; padding: 0 14px; }
	body.at-skin .lp-menu-bar .fullwidth-header > .row { display: flex; flex-wrap: wrap; align-items: center; margin: 0 !important; min-height: 60px; }
	body.at-skin .lp-menu-bar .lp-logo-container { order: 1; width: auto !important; float: none !important; padding: 0 !important; min-height: 60px; text-align: left !important; }
	body.at-skin .lp-menu-bar .lp-logo { margin: 0 !important; padding: 0 !important; text-align: left !important; }
	body.at-skin .lp-logo img, body.at-skin .lp-logo-container img { max-height: 28px !important; }
	body.at-skin .lp-menu-bar .header-right-panel { order: 2; position: static !important; width: 100% !important; float: none !important; padding: 0 0 12px !important; margin: 0 !important; }
	body.at-skin .lp-menu-bar .mobile-nav-icon { position: absolute !important; top: 10px !important; right: 6px !important; left: auto !important; width: 44px !important; height: 40px; padding: 0 !important; display: grid !important; place-items: center; z-index: 5; }
	body.at-skin .lp-menu-bar .mobile-nav-icon a.nav-icon { display: block; width: 26px; padding: 0; margin: 0 auto; }
	body.at-skin .lp-menu-bar .mobile-nav-icon .icon-bar { background: #fff !important; height: 2.5px; border-radius: 2px; }
	/* header search on inner pages: [ what … ][ 🔍 ] in one row */
	body.at-skin .lp-search-bar-header form.form-inline { display: flex !important; gap: 8px; align-items: stretch; margin: 0 !important; }
	body.at-skin .lp-search-bar-header .lp-location-search { display: none !important; }
	body.at-skin .lp-search-bar-header .lp-suggested-search { flex: 1 1 auto; width: auto !important; margin: 0 !important; min-width: 0; }
	body.at-skin .lp-search-bar-header .lp-suggested-search .pos-relative, body.at-skin .lp-search-bar-header .what-placeholder { width: 100%; }
	body.at-skin .lp-search-bar-header .lp-suggested-search input { padding: 0 14px !important; height: 44px !important; border-radius: 12px !important; font-size: 15px !important; }
	body.at-skin .lp-search-bar-header .lp-suggested-search .input-group-addon { display: none !important; }
	body.at-skin .lp-search-bar-header .lp-header-search-button { flex: 0 0 48px; width: 48px !important; height: 44px !important; margin: 0 !important; display: block !important; }
	body.at-skin .lp-search-bar-header .lp-header-search-button .lp-search-bar-right, body.at-skin .lp-search-bar-header .lp-search-btn { width: 48px !important; height: 44px !important; margin: 0 !important; border-radius: 12px !important; }
	body.at-skin .page-heading-inner-container { padding: 22px 0 30px !important; }
	body.at-skin .margin-top-subtract-35 { margin-top: 0 !important; }
	body.at-skin .listing-simple .search-row .lp-title h3, body.at-skin .lp-title h3.test2 { color: var(--at-text) !important; font-size: 21px !important; line-height: 1.3 !important; margin: 18px 0 4px !important; }
	body.at-skin .lp-title h3.test2 strong, body.at-skin .lp-title h3.test2 span { color: var(--at-blue) !important; }
	body.at-skin .lp-filter-inner > a.open-map-view { display: none !important; }
	body.at-skin .lp-filter-inner > a:not(.open-map-view) { display: inline-flex !important; white-space: nowrap; line-height: 1.2 !important; height: auto !important; width: auto !important; align-items: center; gap: 6px; padding: 9px 16px !important; border-radius: 999px !important; background: var(--at-ink) !important; color: #fff !important; font-weight: 700; }
}


/* cards: content-height, call bar pinned to the bottom (theme reserved empty space) */
body.at-skin .grid_view_v2 .grid-style-container { display: flex; flex-direction: column; height: 100%; min-height: 0 !important; padding-bottom: 0 !important; }
body.at-skin .grid_view_v2 .lp-listing-cat { line-height: 1.5 !important; height: auto !important; }
body.at-skin .grid_view_v2 .lp-listing-bottom { min-height: 0 !important; }
body.at-skin .grid_view_v2 .lp-new-grid-bottom-button { position: static !important; margin-top: auto !important; }
@media (max-width: 991px) {
	#page .lp-search-bar-header input.lp-suggested-search { padding-left: 14px !important; padding-right: 10px !important; }
	body.at-skin .page-heading, body.at-skin .page-heading-inner-container, body.at-skin .page-heading .container { height: auto !important; min-height: 0 !important; }
	body.at-skin .page-heading-inner-container { padding: 18px 0 22px !important; min-height: 120px !important; display: flex; align-items: flex-end; position: relative !important; z-index: 1; }
	body.at-skin .page-heading .page-header-overlay { inset: 0; height: auto !important; }
	body.at-skin .page-heading .breadcrumbs { text-align: left !important; margin: 0 !important; }
}

/* ---------- listing page on phones: sticky contact bar + left-aligned title ---------- */
.at-stickybar { display: none; }
@media (max-width: 767px) {
	.at-stickybar { position: fixed; z-index: 60; left: 0; right: 0; bottom: 0; display: flex; gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(10, 20, 48, .94); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 -10px 30px -12px rgba(0, 0, 0, .5); }
	.at-stickybar .at-sbtn { flex: 1; min-height: 48px; grid-column: auto; }
	body.at-skin.single-listing { padding-bottom: 76px; }
	body.at-skin.single-listing .post-meta-left-box, body.at-skin.single-listing .post-meta-info .breadcrumbs, body.at-skin.single-listing .post-meta-info { text-align: left !important; }
	body.at-skin.single-listing .post-meta-left-box h1, body.at-skin.single-listing .post-meta-left-box p { font-size: 22px !important; text-align: left !important; }
	body.at-skin.single-listing .post-meta-left-box p { font-size: 16px !important; }
	body.at-skin.single-listing .post-meta-right-box { text-align: left !important; margin-top: 10px !important; }
	body.at-skin.single-listing .post-stat { justify-content: flex-start; }
	.at-supcard { margin-top: 18px; }
}

/* ---------- PHONE product lists: 2 tidy columns, edge to edge ---------- */
@media (max-width: 767px) {
	body.at-skin .page-container.listing-simple, body.at-skin .container.page-container { padding-left: 10px !important; padding-right: 10px !important; }
	body.at-skin .lp-list-page-grid, body.at-skin #content-grids.row { margin-left: -5px !important; margin-right: -5px !important; }
	body.at-skin .page-container.listing-simple .row:not(.lp-list-page-grid):not(#content-grids) { margin-left: -10px !important; margin-right: -10px !important; }
	body.at-skin .page-container.listing-simple .row:not(.lp-list-page-grid):not(#content-grids) > [class*="col-"] { padding-left: 10px !important; padding-right: 10px !important; }
	body.at-skin .lp-listings-inner-wrap, body.at-skin .search-filter-response > .lp-listings-inner-wrap { display: flex !important; flex-wrap: wrap; }
	body.at-skin .lp-listings-inner-wrap > .clearfix, body.at-skin .lp-listings-inner-wrap > .lp-archive-clearfix { display: none !important; }
	body.at-skin .lp-grid-box-contianer.grid_view_v2 { width: 50% !important; float: none !important; padding: 0 5px !important; margin-bottom: 10px !important; }
	body.at-skin .grid_view_v2 .lp-listing { border-radius: 14px; }
	body.at-skin .grid_view_v2 .lp-listing-bottom { padding: 10px 10px 8px !important; }
	body.at-skin .grid_view_v2 .lp-listing-cat { font-size: 11px !important; padding: 3px 8px; margin-bottom: 4px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	body.at-skin .grid_view_v2 h4 { font-size: 13.5px !important; margin: 2px 0 6px !important; }
	body.at-skin .grid_view_v2 h4 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	body.at-skin .grid_view_v2 .lp-listing-cats { display: none !important; }
	body.at-skin .grid_view_v2 .lp-listing-location { font-size: 12px; }
	body.at-skin .grid_view_v2 .lp-listing-favrt { width: 30px; height: 30px; top: 8px !important; right: 8px !important; }
	body.at-skin .grid_view_v2 .lp-new-grid-bottom-button p, body.at-skin .grid_view_v2 .lp-new-grid-bottom-button a { font-size: 13px !important; }
	body.at-skin .grid_view_v2 .lp-new-grid-bottom-button li { padding: 8px 0 !important; }
}

/* ---------- phone menu (mmenu): no duplicate logo, site colours ---------- */
#menu.mm-menu .mm-navbar, #menu.mm-menu .userimage { display: none !important; }
#menu.mm-menu.mm-menu_navbar_top-3 .mm-panels, #menu.mm-menu .mm-panels { top: 0 !important; }
#menu.mm-menu, #menu.mm-menu .mm-panels, #menu.mm-menu .mm-panel { background: var(--at-ink) !important; color: #fff !important; }
#menu.mm-menu .mm-panel { padding-top: 28px !important; }
#menu.mm-menu .mm-listitem, #menu.mm-menu .mm-listview { border-color: rgba(255, 255, 255, .08) !important; }
#menu.mm-menu .mm-listitem::after { border-color: rgba(255, 255, 255, .08) !important; left: 22px !important; right: 22px; }
#menu.mm-menu .mm-listitem > a, #menu.mm-menu .mm-listitem__text { color: #fff !important; font-family: var(--at-font) !important; font-size: 18px !important; font-weight: 700 !important; padding: 16px 22px !important; }
#menu.mm-menu .mm-listitem.current-menu-item > a { color: var(--at-gold) !important; box-shadow: inset 3px 0 0 var(--at-coral); }
#menu.mm-menu a.md-trigger, #menu.mm-menu .lp-join-now a, #menu.mm-menu [data-modal] { display: inline-flex !important; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px !important; border-radius: 999px !important; border: 1.5px solid rgba(255, 255, 255, .35) !important; background: rgba(255, 255, 255, .06) !important; color: #fff !important; font-weight: 700 !important; font-family: var(--at-font) !important; }

/* ---------- phone polish ---------- */
@media (max-width: 560px) {
	.at-hero { padding: 92px 0 26px; }
	.at-eyebrow { font-size: 12px; padding: 6px 12px; margin-bottom: 14px; gap: 8px; }
	body.at-skin .at-hero__title { font-size: 34px; margin-bottom: 12px; }
	body.at-skin .at-hero__sub { font-size: 15px; line-height: 1.55; margin-bottom: 20px; }
	.at-search { padding: 6px; border-radius: 18px; gap: 6px; }
	.at-search__field { padding: 20px 12px 7px 42px; border-radius: 13px; }
	.at-search__label { left: 42px; top: 7px; font-size: 11px; }
	.at-search__field > .at-ic { left: 13px; }
	.at-search__go { min-height: 50px; border-radius: 13px; }
	.at-hero__chips { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; width: calc(100% + 32px); margin: 16px -16px 0; padding: 0 16px 4px; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 24px), transparent); mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 24px), transparent); }
	.at-hero__chips::-webkit-scrollbar { display: none; }
	.at-hero__chips > span { display: none; }
	.at-hero__chips a, .at-hero__chips a:nth-of-type(n+5) { display: inline-flex; flex: 0 0 auto; white-space: nowrap; font-size: 13px; padding: 7px 13px; }
	.at-stats { margin-top: 26px; }
	.at-stats > div { padding: 14px 10px; }
	.at-stats b { font-size: 24px; }
	.at-stats span { font-size: 12px; }
	.at-sec { padding: 56px 0; }
	.at-head { margin-bottom: 28px; }
	body.at-skin .at-head h2 { font-size: 28px; }
	.at-head p:not(.at-kicker) { font-size: 15.5px; }
	.at-sectors { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
	.at-sector { min-height: 176px; padding: 14px; border-radius: 16px; }
	.at-sector__ic { width: 36px; height: 36px; border-radius: 11px; }
	.at-sector__name { font-size: 15.5px; }
	.at-sector__desc { display: none; }
	.at-sector__count { font-size: 12.5px; margin-top: 8px; }
	.at-catcloud { gap: 8px; margin-top: 26px; }
	.at-catcloud a { font-size: 13px; padding: 7px 12px; }
	.at-card__cat { font-size: 11px; padding: 3px 8px; }
	.at-steps li { padding: 22px; }
	.at-steps__n { font-size: 34px; }
	.at-join { padding: 40px 0 56px; }
	.at-join__in { border-radius: 22px; }
	.at-join__body { padding: 26px 22px 30px; }
	.at-join__cta .at-btn { width: 100%; justify-content: center; }
	.at-footer { padding-top: 52px; }
}
@media (prefers-reduced-motion: reduce) {
	.at-rise, .at-reveal { opacity: 1 !important; transform: none !important; animation: none !important; transition: none !important; }
	.at-hero__film, .at-grad, .at-dot, .at-hero__scroll span { animation: none !important; }
}