@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#087f5b;--deep:#075640;--mint:#e9f6f0;--gold:#e7b95b;--ink:#172b25;--muted:#687770;--line:#e4ebe7;--paper:#fbfcfa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5.5%,calc((100% - 1240px)/2));border-bottom:1px solid #edf1ee;background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.8px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--green);color:white;display:grid;place-items:center;font-size:26px;box-shadow:inset 0 -4px 0 #04533d}.brand-accent{color:var(--green)}.brand small{display:block;font:700 8px 'DM Sans',sans-serif;letter-spacing:1.65px;color:#77847d;margin-top:1px}.site-header nav{display:flex;gap:31px;align-items:center;font-size:13px;font-weight:700}.site-header nav a:not(.nav-cta){color:#45554e}.nav-cta{background:var(--green);color:white;padding:13px 18px;border-radius:8px}.menu-toggle{display:none;background:none;border:0;font-size:25px}.hero{min-height:500px;padding:74px max(5.5%,calc((100% - 1240px)/2)) 65px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;background:linear-gradient(115deg,#f8fcf9 0%,#f2faf5 58%,#e7f4eb 100%);overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--green);display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-1.8px}h1{font-size:clamp(39px,4.3vw,61px);line-height:1.08;margin:22px 0 18px;font-weight:800}h1 span{color:var(--green)}.hero-content>p{font-size:16px;line-height:1.75;color:#64736b;max-width:480px;margin-bottom:25px}.search-box{display:flex;align-items:center;background:white;padding:6px;border:1px solid #e3ebe5;border-radius:12px;box-shadow:0 12px 30px #16452b0d;max-width:550px}.search-icon{font-size:28px;color:#829087;padding:0 12px}.search-box input{border:0;outline:0;min-width:0;flex:1;font:14px 'DM Sans',sans-serif;color:var(--ink)}.search-box button,.button{border:0;background:var(--green);color:white;padding:14px 21px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer}.hero-note{margin-top:17px;color:#76847d;font-size:11px}.hero-art{height:330px;position:relative;border-radius:24px;background:linear-gradient(145deg,#d6eee0,#a5d8bd);overflow:hidden;box-shadow:0 25px 55px #07564018}.sun{position:absolute;right:17%;top:12%;width:95px;height:95px;border-radius:50%;background:#f5d98b;box-shadow:0 0 0 22px #f5d98b30}.skyline{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:end;gap:7px;padding:0 22px}.skyline i{display:block;flex:1;border-radius:5px 5px 0 0}.skyline-back i{background:#76b995;height:130px}.skyline-back i:nth-child(2){height:180px}.skyline-back i:nth-child(3){height:145px}.skyline-back i:nth-child(4){height:205px}.skyline-back i:nth-child(5){height:155px}.skyline-front{padding:0 0;gap:0}.skyline-front i{background:#087f5b;height:78px;border-radius:3px 3px 0 0;border-top:5px solid #e8c36b}.skyline-front i:nth-child(2){height:112px}.skyline-front i:nth-child(3){height:90px}.skyline-front i:nth-child(4){height:142px}.skyline-front i:nth-child(5){height:100px}.skyline-front i:nth-child(6){height:123px}.art-label{position:absolute;z-index:2;left:25px;top:26px;background:white;padding:12px 16px;border-radius:12px;display:flex;gap:10px;align-items:center;box-shadow:0 10px 25px #16452b16}.art-label>span{background:#e8f5ed;color:var(--green);font-weight:800;padding:10px;border-radius:8px}.art-label b,.art-label small{display:block}.art-label b{font-size:12px}.art-label small{font-size:10px;color:var(--muted);margin-top:3px}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:25px max(5.5%,calc((100% - 1240px)/2));border-bottom:1px solid var(--line);gap:20px}.trust-strip>div{padding-left:22px;border-left:2px solid #d6eadf}.trust-strip b,.trust-strip span{display:block}.trust-strip b{font-size:13px;margin-bottom:5px}.trust-strip span{font-size:11px;color:var(--muted)}.section{padding:82px max(5.5%,calc((100% - 1240px)/2))}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2,.how-section h2,.cta-section h2{font-size:clamp(28px,3vw,39px);margin:11px 0 8px}.section-heading p{color:var(--muted);font-size:13px;margin:0}.text-link{font-size:12px;font-weight:800;color:var(--green);white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{text-align:left;position:relative;min-height:153px;border:1px solid var(--line);border-radius:13px;background:white;padding:22px;cursor:pointer;transition:.2s}.category-card:hover{border-color:#91c8ac;transform:translateY(-3px);box-shadow:0 12px 28px #17432a0b}.category-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--mint);color:var(--green);font-size:23px;margin-bottom:17px}.category-card b,.category-card small{display:block}.category-card b{font-size:14px;margin-bottom:6px}.category-card small{font-size:11px;color:var(--muted)}.arrow{position:absolute;right:20px;top:23px;color:#a0ada5}.listings-section{background:var(--paper)}.listings-section select{padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:white;font:12px 'DM Sans',sans-serif;color:var(--ink)}.notice{font-size:12px;background:#fff8e7;border:1px solid #f2e2b7;color:#725b25;padding:13px 15px;border-radius:8px;margin-bottom:20px}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.listing-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.2s}.listing-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #173b280d}.listing-image{height:155px;display:flex;align-items:center;justify-content:center;position:relative}.listing-image>span{position:absolute;left:13px;top:13px;background:#ffffffdb;color:#4b5c52;border-radius:5px;padding:6px 8px;font-size:8px;font-weight:800;letter-spacing:1px}.listing-image>div{font-size:48px;filter:drop-shadow(0 5px 6px #1232)}.image-one{background:linear-gradient(135deg,#dceee4,#b6ddc7)}.image-two{background:linear-gradient(135deg,#e9e7d8,#c9dfd1)}.image-three{background:linear-gradient(135deg,#d9e9ef,#c4ded2)}.listing-body{padding:18px}.listing-meta{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--green);font-weight:800}.location{color:#849087;font-weight:600}.listing-body h3{font-family:Manrope,sans-serif;font-size:16px;margin:13px 0 8px}.listing-body p{font-size:11px;line-height:1.7;color:var(--muted);min-height:38px}.listing-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1ee;padding-top:14px;font-size:11px;color:var(--green);font-weight:800}.no-results{padding:35px;text-align:center;color:var(--muted)}.how-section{background:#f6faf7}.how-section>.section{padding-top:70px;padding-bottom:75px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:38px}.steps>div{border-top:1px solid #d9e7de;padding-top:18px}.steps>div>span{font-size:11px;font-weight:800;color:var(--green)}.steps h3{font-family:Manrope,sans-serif;font-size:18px;margin:15px 0 8px}.steps p{font-size:12px;line-height:1.8;color:var(--muted);max-width:280px}.cta-section{background:var(--green);color:white;padding:55px max(5.5%,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-section .eyebrow{color:#d3f0df}.cta-section h2{margin-top:12px}.cta-section p{font-size:13px;line-height:1.8;color:#d6eee2;max-width:580px;margin-bottom:0}.button-light{background:white;color:var(--green);white-space:nowrap}footer{padding:36px max(5.5%,calc((100% - 1240px)/2)) 20px}.footer-brand{font-size:20px}.footer-brand .brand-mark{width:37px;height:37px;font-size:23px}footer>p{font-size:12px;color:var(--muted);margin:17px 0 30px}.footer-bottom{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#8a968f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.site-header{height:72px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:71px;left:0;right:0;background:white;padding:20px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:260px;max-width:600px;width:100%;margin:10px auto 0}.trust-strip{gap:13px}.trust-strip>div{padding-left:12px}.category-grid{grid-template-columns:repeat(2,1fr)}.listing-grid{grid-template-columns:repeat(2,1fr)}.section{padding-top:60px;padding-bottom:60px}.cta-section{align-items:flex-start;flex-direction:column}.section-heading{align-items:flex-start;flex-direction:column}.steps{gap:18px}}@media(max-width:520px){.hero{padding-top:42px}.hero-art{height:220px}.trust-strip{grid-template-columns:1fr;gap:17px;padding-top:22px;padding-bottom:22px}.trust-strip>div{padding-left:14px}.category-grid,.listing-grid,.steps{grid-template-columns:1fr}.category-card{min-height:130px}.listing-image{height:175px}.steps{gap:12px}.steps>div{padding-bottom:12px}.footer-bottom{flex-direction:column}.search-box input{font-size:12px}.search-box button{padding:13px 14px}}

/* Consistent, noticeable hover and keyboard-focus feedback */
.site-header nav a:not(.nav-cta),
.text-link,
.listing-link,
footer a {
  transition: color .2s ease, opacity .2s ease, transform .2s ease;
}
.site-header nav a:not(.nav-cta):hover,
.text-link:hover,
.listing-link:hover,
footer a:hover {
  color: var(--green);
}
.site-header nav a:not(.nav-cta):hover { transform: translateY(-2px); }
.nav-cta,
.search-box button,
.button {
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.nav-cta:hover,
.search-box button:hover,
.button:not(.button-light):hover {
  background: var(--deep);
  box-shadow: 0 7px 18px #07564026;
  transform: translateY(-2px);
}
.button-light:hover {
  background: var(--gold);
  color: #18382b;
  box-shadow: 0 7px 18px #033b2826;
  transform: translateY(-2px);
}
.category-card .category-icon,
.category-card .arrow { transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.category-card:hover .category-icon { background: var(--green); color: white; }
.category-card:hover .arrow { color: var(--green); transform: translate(2px, -2px); }
.listing-card:hover { border-color: #b7d9c5; }
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Business submission form */
.submission-section { max-width: 1100px; margin: 0 auto; }
.submission-form { background: #fff; border: 1px solid #e3e9e5; border-radius: 18px; padding: clamp(20px, 4vw, 36px); box-shadow: 0 14px 45px rgba(12,54,40,.06); }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.form-grid label { display: flex; flex-direction: column; gap: 8px; color: #24382f; font-weight: 650; font-size: .94rem; }
.form-grid input, .form-grid select, .form-grid textarea { width: 100%; min-width: 0; border: 1px solid #cbd8d0; border-radius: 10px; padding: 13px 14px; font: inherit; color: #1d2b24; background: #fff; }
.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus { outline: 3px solid rgba(8,127,91,.18); border-color: #087f5b; }
.form-grid .full-width { grid-column: 1 / -1; }
.form-grid .consent-label { flex-direction: row; align-items: flex-start; font-weight: 450; line-height: 1.5; }
.consent-label input { width: auto; margin-top: 4px; }
.submission-form > .button { margin-top: 22px; border: 0; cursor: pointer; }
#submissionMessage { margin-bottom: 0; font-weight: 600; }
@media (max-width: 650px) { .form-grid { grid-template-columns: 1fr; } .form-grid .full-width { grid-column: auto; } }


/* Business/product image upload and responsive image gallery */
.image-upload-field { border: 1px dashed #b9cfc1; background: #f8fcf9; border-radius: 12px; padding: 18px; }
.image-upload-field > label { display:block; font-weight:700; margin-bottom:8px; }
.upload-help { color:var(--muted); font-size:12px; line-height:1.65; margin:0 0 12px; }
.image-upload-field input[type=file] { background:#fff; }
.upload-feedback { font-size:12px; color:var(--muted); margin-top:9px; }
.image-preview-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:14px; }
.image-preview-item { position:relative; min-width:0; }
.image-preview-item img { display:block; width:100%; aspect-ratio:1; object-fit:cover; border-radius:9px; border:1px solid var(--line); background:#fff; }
.image-preview-item button { display:block; width:100%; margin-top:5px; border:1px solid #e2c9c9; color:#8a3333; background:#fff; padding:6px 4px; border-radius:7px; cursor:pointer; font-size:11px; }
.listing-photo-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px; height:190px; overflow:hidden; background:#e8f2ec; }
.listing-photo-gallery.count-1 { grid-template-columns:1fr; }
.listing-photo-gallery img { display:block; width:100%; height:100%; min-height:0; object-fit:cover; }
.listing-photo-gallery.count-3 img:first-child { grid-row:span 2; }
.listing-photo-gallery.count-4 img, .listing-photo-gallery.count-5 img { min-height:0; }
.listing-photo-gallery .listing-image-fallback { display:flex; align-items:center; justify-content:center; color:var(--green); font-size:38px; background:linear-gradient(135deg,#dceee4,#b6ddc7); }
@media(max-width:520px){.image-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.listing-photo-gallery{height:210px;}}


/* One-photo business cards and swipeable image gallery */
.listing-photo-trigger{display:block;position:relative;width:100%;height:190px;padding:0;border:0;background:#e8f2ec;cursor:zoom-in;overflow:hidden;text-align:left}
.listing-main-photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.listing-photo-trigger:hover .listing-main-photo{transform:scale(1.035)}
.photo-count{position:absolute;right:12px;bottom:12px;background:#ffffffed;color:#164c38;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800;box-shadow:0 3px 12px #0002}
.listing-view-details{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:transparent;padding:0 0 13px;color:#50675b;font:700 11px 'DM Sans',sans-serif;cursor:pointer;text-align:left}
.listing-view-details span{color:var(--green)}.listing-view-details:hover{color:var(--green)}
.photo-gallery-modal[hidden]{display:none!important}.photo-gallery-modal{position:fixed;inset:0;z-index:1000;background:#071b14e8;display:flex;align-items:center;justify-content:center;padding:20px}
.photo-gallery-dialog{width:min(900px,100%);max-height:95vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 90px #0005}
.photo-gallery-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-bottom:1px solid #e5eee8}
.photo-gallery-top h2{font-size:17px;letter-spacing:-.3px;margin:0}.gallery-close{border:0;border-radius:8px;background:#edf4ef;color:#183c2d;font-size:28px;line-height:1;width:40px;height:40px;cursor:pointer}
.photo-gallery-stage{position:relative;min-height:200px;height:min(65vh,620px);display:flex;align-items:center;justify-content:center;background:#10251c}
.photo-gallery-stage img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;touch-action:pan-y}
.gallery-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:44px;height:52px;border:0;border-radius:10px;background:#ffffffeb;color:#173d2c;font-size:36px;line-height:1;cursor:pointer;box-shadow:0 3px 14px #0003}
.gallery-arrow:disabled{opacity:.4;cursor:default}.gallery-prev{left:14px}.gallery-next{right:14px}
.photo-gallery-counter{text-align:center;font-size:12px;font-weight:800;color:#244b38;padding:12px 10px 3px}.photo-gallery-hint{text-align:center;color:#738078;font-size:11px;margin:0;padding:7px 12px 14px}.gallery-open{overflow:hidden}
@media(max-width:520px){.listing-photo-trigger{height:210px}.photo-gallery-modal{padding:8px}.photo-gallery-dialog{border-radius:12px}.photo-gallery-stage{height:58vh}.gallery-arrow{width:38px;height:46px;font-size:30px}.photo-gallery-hint{font-size:10px}}

/* Reveal business contact numbers only when a visitor asks to call. */
button.listing-call-reveal{width:100%;font-family:inherit;text-align:left;background:transparent;border-left:0;border-right:0;border-bottom:0;cursor:pointer;}
button.listing-call-reveal:hover{color:#04533d;}


/* Refined SkyGhana business listing cards: emerald, soft mint and gold accents. */
.listing-card{background:linear-gradient(180deg,#ffffff 0%,#fbfefc 100%);border:1px solid #d4e7dc;border-radius:16px;box-shadow:0 5px 18px rgba(7,86,64,.045);}
.listing-card:hover{border-color:#91cbb0;box-shadow:0 15px 34px rgba(7,86,64,.12);}
.listing-body{padding:19px 18px 18px;background:linear-gradient(180deg,#ffffff 0%,#f7fbf8 100%);}
.listing-meta{color:#087f5b;letter-spacing:.25px;text-transform:none;font-size:10px;}
.listing-meta>span:first-child{background:#e7f5ed;border-radius:20px;padding:5px 8px;}
.listing-body h3{font-family:'Manrope',sans-serif;font-size:19px;font-weight:800;letter-spacing:-.55px;line-height:1.3;color:#075640;margin:15px 0 8px;text-wrap:pretty;}
.listing-body h3:after{content:'';display:block;width:30px;height:3px;border-radius:3px;background:#e7b95b;margin-top:9px;}
.listing-body p{color:#5f7067;font-size:12px;line-height:1.75;}
.listing-link{color:#087f5b;border-top-color:#e2eee6;padding-top:15px;}
.listing-link:hover,.listing-view-details:hover{color:#b0801c;}
.listing-photo-trigger{background:#e2f2e8;}
.photo-count{background:#fffdf6;color:#075640;border:1px solid #f0dfb0;}
@media(max-width:520px){.listing-body h3{font-size:20px;}}


/* SkyGhana blue brand refresh: sky blue + deep navy + white */
:root{--green:#0789e8;--deep:#075fc8;--mint:#e0f3ff;--gold:#42b9f5;--ink:#102d62;--muted:#58799e;--line:#d8eaf7;--paper:#f4f9fe}
body{color:var(--ink)}
.site-header{border-bottom-color:#dceefa}
.brand-mark{background:linear-gradient(145deg,#42b9f5,#006bd6);box-shadow:inset 0 -4px 0 #075fc8}
.brand-accent{color:#0789e8}
.brand small{color:#5c83aa}
.site-header nav a:not(.nav-cta){color:#173969}
.hero{background:linear-gradient(115deg,#f8fcff 0%,#e8f6ff 55%,#ccecff 100%)}
.dot{background:#42b9f5}
.hero-content>p,.section-heading p{color:#58799e}
.search-box{border-color:#d7edfc;box-shadow:0 12px 30px #087fdb12}
.search-icon{color:#0789e8}
.hero-art{background:linear-gradient(145deg,#b9e7ff,#4db9f3);box-shadow:0 25px 55px #087fdb20}
.sun{background:#ffffff;box-shadow:0 0 0 22px #ffffff35}
.skyline-back i{background:#7bc9f2}
.skyline-front i{background:#0789e8;border-top-color:#d8f4ff}
.art-label>span{background:#e0f3ff;color:#0789e8}
.art-label{box-shadow:0 10px 25px #0c4e8016}
.trust-strip>div{border-left-color:#b9e4fc}
.text-link{color:#0789e8}
.category-card:hover{border-color:#82cafa;box-shadow:0 12px 28px #087fdb12}
.category-icon{background:#e0f3ff;color:#0789e8}
.category-card:hover .category-icon{background:#0789e8;color:#fff}
.category-card:hover .arrow{color:#0789e8}
.listings-section{background:#f4f9fe}
.listings-section select{border-color:#d8eaf7;color:#102d62}
.listing-card{border-color:#d8eaf7;box-shadow:0 5px 18px #0a4b7810}
.listing-card:hover{border-color:#8dcff6;box-shadow:0 12px 30px #0a4b781a}
.listing-image>span{color:#174778}
.image-one{background:linear-gradient(135deg,#dff4ff,#9bdcff)}
.image-two{background:linear-gradient(135deg,#e8f7ff,#c2e9ff)}
.image-three{background:linear-gradient(135deg,#d7efff,#a8d8f6)}
.listing-body h3{color:#102d62;font-weight:800;letter-spacing:-.35px}
.listing-meta{color:#0789e8}
.location{color:#6283a6}
.listing-link{border-top-color:#e5f1fa;color:#0789e8}
.how-section{background:#f6fbff}
.steps>div{border-top-color:#d3eafa}
.steps>div>span{color:#0789e8}
.cta-section{background:linear-gradient(115deg,#075fc8,#0789e8);color:#fff}
.cta-section .eyebrow{color:#d8f4ff}
.cta-section p{color:#e4f6ff}
.button-light{color:#075fc8}
.button-light:hover{background:#dff4ff;color:#075fc8}
footer>p{color:#58799e}
.footer-bottom{border-top-color:#d8eaf7;color:#6f8eae}
.nav-cta,.search-box button,.button{background:linear-gradient(135deg,#12a8f4,#006bd6)}
.nav-cta:hover,.search-box button:hover,.button:not(.button-light):hover{background:#075fc8;box-shadow:0 7px 18px #075fc82b}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline-color:#42b9f5}
.form-grid label{color:#173969}
.form-grid input,.form-grid select,.form-grid textarea{border-color:#c8e2f4;color:#102d62}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline-color:#0789e82e;border-color:#0789e8}
.listing-photo-gallery .listing-image-fallback{color:#0789e8;background:linear-gradient(135deg,#dff4ff,#9bdcff)}
.photo-gallery-modal{background:#071b35e8}
.photo-gallery-top{border-bottom-color:#d8eaf7}
.gallery-close{background:#e0f3ff;color:#075fc8}
.photo-gallery-stage{background:#102d62}
.gallery-arrow{color:#075fc8}
.photo-gallery-counter{color:#173969}
@media(max-width:800px){.site-header nav{background:#fff;border-bottom-color:#d8eaf7}}

/* SkyGhana's chosen Ghana-inspired discovery image in the homepage hero */
.hero-art{background:#dff4ff;overflow:hidden;position:relative;}
.hero-discovery-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;}
@media(max-width:800px){.hero-discovery-image{object-position:center;}}


/* High-resolution professional category photography (Unsplash). These are illustrative images, not photos of individual businesses. */
.category-card{background-size:cover;background-position:center;color:#fff;min-height:165px;isolation:isolate;overflow:hidden;border-color:#cfe5f7}
.category-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,36,79,.88) 0%,rgba(7,62,111,.58) 58%,rgba(7,62,111,.12) 100%);transition:opacity .2s ease}
.category-card b{font-size:15px;color:#fff}.category-card small{font-size:11px;color:#edf8ff;max-width:82%}.category-card .category-icon{background:rgba(255,255,255,.94);color:#087fdb;margin-bottom:16px}.category-card .arrow{color:#fff}.category-card:hover{border-color:#8dcff6;transform:translateY(-4px);box-shadow:0 14px 30px #075fc82a}.category-card:hover::before{opacity:.78}.category-card:hover .category-icon{background:#0789e8;color:#fff}.category-card:hover .arrow{color:#fff}
.cat-real-estate{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=85')}
.cat-cars{background-image:url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=900&q=85')}
.cat-hotels{background-image:url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=900&q=85')}
.cat-professional{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=85')}
.cat-food{background-image:url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=900&q=85')}
.cat-shops{background-image:url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=900&q=85')}
.cat-health{background-image:url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=900&q=85')}
.cat-beauty{background-image:url('https://images.unsplash.com/photo-1560066984-138dadb4c035?auto=format&fit=crop&w=900&q=85')}
.cat-education{background-image:url('https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=900&q=85')}
.cat-home{background-image:url('https://images.unsplash.com/photo-1621905251189-08b45d6a269e?auto=format&fit=crop&w=900&q=85')}
.cat-events{background-image:url('https://images.unsplash.com/photo-1507504031003-b417219a0fde?auto=format&fit=crop&w=900&q=85')}
.cat-agriculture{background-image:url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=900&q=85')}
.listing-image-fallback{height:190px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;padding:14px}
.listing-image-fallback::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,34,73,.5),transparent 58%)}
.listing-image-fallback>span{z-index:1;background:rgba(255,255,255,.93);color:#174778;padding:7px 9px;border-radius:5px;font-size:8px;font-weight:800;letter-spacing:.6px}
.fallback-real-estate{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1000&q=85')}
.fallback-cars{background-image:url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1000&q=85')}
.fallback-hotels{background-image:url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1000&q=85')}
.fallback-professional{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1000&q=85')}
.fallback-food{background-image:url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1000&q=85')}
.fallback-shops{background-image:url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=1000&q=85')}
.fallback-health{background-image:url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=1000&q=85')}
.fallback-beauty{background-image:url('https://images.unsplash.com/photo-1560066984-138dadb4c035?auto=format&fit=crop&w=1000&q=85')}
.fallback-education{background-image:url('https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=1000&q=85')}
.fallback-home{background-image:url('https://images.unsplash.com/photo-1621905251189-08b45d6a269e?auto=format&fit=crop&w=1000&q=85')}
.fallback-events{background-image:url('https://images.unsplash.com/photo-1507504031003-b417219a0fde?auto=format&fit=crop&w=1000&q=85')}
.fallback-agriculture{background-image:url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=1000&q=85')}
@media(max-width:520px){.category-card{min-height:145px}.listing-image-fallback{height:205px}}


/* Automatic hero slideshow: rotating through SkyGhana's main service categories */
.hero-slideshow{border-radius:24px;isolation:isolate;}
.hero-slideshow .hero-discovery-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .7s ease,transform 5s ease;transform:scale(1.015);}
.hero-slideshow .hero-discovery-image.is-changing{opacity:.12;transform:scale(1.045);}
.hero-slide-caption{position:absolute;left:18px;bottom:18px;z-index:2;display:flex;align-items:center;gap:9px;max-width:calc(100% - 36px);padding:11px 15px;border:1px solid #ffffff70;border-radius:999px;background:rgba(5,34,67,.78);color:#fff;font-size:12px;font-weight:700;letter-spacing:.15px;box-shadow:0 8px 24px #061e3a30;backdrop-filter:blur(8px);}
.hero-slide-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#42b9f5;box-shadow:0 0 0 4px #42b9f52b;}
.hero-slide-indicators{position:absolute;right:18px;bottom:27px;z-index:2;display:flex;gap:5px;}
.hero-slide-indicators span{width:6px;height:6px;border-radius:50%;background:#ffffff8a;box-shadow:0 1px 3px #0004;}
.hero-slide-indicators span.active{width:18px;border-radius:8px;background:#fff;}
@media(prefers-reduced-motion:reduce){.hero-slideshow .hero-discovery-image{transition:none;transform:none;}}
@media(max-width:520px){.hero-slide-caption{left:12px;bottom:12px;font-size:11px;padding:9px 12px}.hero-slide-indicators{right:14px;bottom:20px}}

/* Business owner account access */
.owner-account-panel{background:#f4faff;border:1px solid #d4e9f8;border-radius:16px;padding:24px;margin:0 0 22px}
.owner-account-intro h3{font-family:Manrope,sans-serif;font-size:20px;margin:0 0 8px;color:#123b70}
.owner-account-intro p{font-size:13px;line-height:1.65;color:#536d88;margin:0 0 20px;max-width:760px}
.owner-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.owner-auth-form{background:#fff;border:1px solid #dceaf5;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}
.owner-auth-form h4{font-family:Manrope,sans-serif;color:#123b70;font-size:16px;margin:0 0 4px}
.owner-auth-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#24435f}
.owner-auth-form input{width:100%;border:1px solid #c8dceb;border-radius:8px;padding:12px;font:inherit;font-weight:400;color:#17324c;background:white}
.owner-auth-form input:focus{outline:3px solid #0789e82e;border-color:#0789e8}
.owner-auth-form .button{align-self:flex-start;margin-top:4px}
.button-secondary{background:#e7f3fc!important;color:#075c9e!important;border:1px solid #c7e3f7!important}
.owner-auth-message{font-size:12px;line-height:1.55;margin:0;color:#31516e}
.owner-auth-message.error{color:#a12626}.owner-auth-message.success{color:#087443}
.owner-signed-in{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #cfe9dc;border-radius:12px;padding:18px}
.owner-signed-in strong{color:#075c9e;overflow-wrap:anywhere}.owner-signed-in p{font-size:12px;color:#5c7084;margin:5px 0 0}
#businessSubmissionForm[hidden],#ownerAuthForms[hidden],#ownerSignedInPanel[hidden]{display:none!important}
@media(max-width:650px){.owner-auth-grid{grid-template-columns:1fr}.owner-account-panel{padding:16px}.owner-signed-in{align-items:flex-start;flex-direction:column}}

/* Password recovery forms */
.text-link-button{align-self:flex-start;background:transparent;border:0;padding:2px 0;color:#075c9e;text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}
.text-link-button:hover{color:#123b70}
.recovery-form{max-width:520px;margin-top:16px}
.recovery-form[hidden]{display:none!important}
.recovery-form p{font-size:12px;line-height:1.55;color:#536d88;margin:0}
#ownerLoginForm[hidden]{display:none!important}