/* Exact target homepage: compact white marketplace dashboard */
.anm-target-home{--green:#07864f;--dark:#102019;--muted:#68776f;--line:#e3e9e5;--blue:#147fe8;width:min(1080px,100%);margin:auto;padding:10px 10px 96px;background:#fff;color:var(--dark);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.anm-target-search-actions{margin-top:0}.anm-target-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;height:46px;padding:0 13px;border:1px solid #dce3df;border-radius:17px;background:#fff;color:#7b8580;text-decoration:none;box-shadow:0 5px 18px rgba(16,32,25,.07)}.anm-target-search i:first-child{font-size:18px;color:#18342a}.anm-target-search i:last-child{padding-left:10px;border-left:1px solid #e4e8e6;color:#173c2e}.anm-target-search span{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.anm-target-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:9px 0}.anm-target-actions a{display:flex;min-width:0;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:999px;background:linear-gradient(135deg,#076c43,#079c5b);color:#fff;text-decoration:none;font-size:10px;box-shadow:0 5px 15px rgba(7,120,70,.15)}.anm-target-actions a.live{background:linear-gradient(135deg,#ff7a00,#ff9c16)}.anm-target-actions i{font-size:13px}.anm-target-actions b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.anm-target-live{position:relative;height:235px;margin:9px 0 11px;overflow:hidden;border-radius:18px;background:#09261b;box-shadow:0 8px 25px rgba(10,40,28,.15)}.anm-target-live__slide{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;transition:opacity .45s ease;color:#fff;text-decoration:none}.anm-target-live__slide.is-active{opacity:1;pointer-events:auto;z-index:2}.anm-target-live__slide>img,.anm-target-live__slide>video{width:100%;height:100%;object-fit:cover}.anm-target-live__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.42) 52%,rgba(0,0,0,.12) 100%)}.anm-target-live__content{position:absolute;z-index:2;left:18px;top:18px;display:flex;flex-direction:column;align-items:flex-start}.anm-target-live__content>small{padding:4px 8px;border-radius:999px;background:#e50026;font-size:9px;font-weight:900}.anm-target-live__content>small i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#fff}.anm-target-live__content>strong{margin-top:8px;font-size:25px;line-height:.98}.anm-target-live__content>em{margin-top:6px;font-size:10px;font-style:normal;line-height:1.35}.anm-target-live__content>b{margin-top:12px;padding:8px 13px;border-radius:999px;background:#079653;font-size:10px}.anm-target-live__place{position:absolute;z-index:3;right:12px;bottom:20px;display:flex;align-items:center;gap:7px;max-width:45%;padding:7px 9px;border-radius:12px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);font-size:9px;font-weight:800}.anm-target-live__place>i{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#fff;color:#07864f}.anm-target-live__place span{display:flex;min-width:0;flex-direction:column}.anm-target-live__place small{font-size:8px;font-weight:600}.anm-target-live__dots{position:absolute;z-index:5;left:50%;bottom:11px;display:flex;gap:6px;transform:translateX(-50%)}.anm-target-live__dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45)}.anm-target-live__dots button.is-active{background:#fff}
.anm-target-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:4px 0 12px}.anm-target-categories a{display:flex;min-width:0;flex-direction:column;align-items:center;gap:5px;color:#15251d;text-decoration:none;font-size:9px;font-weight:800}.anm-target-categories i{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#eef7f3;font-size:19px}.anm-target-categories .blue{color:#147fe8;background:#edf5ff}.anm-target-categories .orange{color:#ff7a00;background:#fff3e8}.anm-target-categories .green{color:#079653;background:#eaf8f1}.anm-target-categories .purple{color:#7b38db;background:#f4edff}.anm-target-categories .gold{color:#efa800;background:#fff8e4}.anm-target-categories .red{color:#e62e45;background:#fff0f2}
.anm-target-section{margin:13px 0}.anm-target-section header{display:flex;align-items:center;justify-content:space-between;margin:0 2px 7px}.anm-target-section h2{margin:0;font-size:15px}.anm-target-section h2 i{margin-right:5px;color:var(--green);font-size:13px}.anm-target-section header>a{color:#0878c9;text-decoration:none;font-size:9px;font-weight:900}.anm-target-row{display:grid;grid-auto-flow:column;gap:7px;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:none;scroll-snap-type:x proximity}.anm-target-row::-webkit-scrollbar{display:none}.anm-target-row.markets{grid-auto-columns:145px}.anm-target-row.shops{grid-auto-columns:150px}.anm-target-row.products,.anm-target-row.services{grid-auto-columns:132px}
.anm-target-market{position:relative;height:108px;overflow:hidden;border-radius:10px;background:#ddd;color:#fff;text-decoration:none;scroll-snap-align:start}.anm-target-market img{width:100%;height:100%;object-fit:cover}.anm-target-market>span{position:absolute;inset:0;background:linear-gradient(transparent 38%,rgba(0,0,0,.82))}.anm-target-market b,.anm-target-market small{position:absolute;z-index:2;left:8px;right:7px}.anm-target-market b{bottom:24px;font-size:10px;line-height:1.1}.anm-target-market small{bottom:8px;overflow:hidden;color:#e7eee9;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.anm-target-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #e4e8e6;border-radius:10px;background:#fff;color:#14231c;text-decoration:none;box-shadow:0 3px 10px rgba(18,45,32,.04);scroll-snap-align:start}.anm-target-card .photo{position:relative;height:82px;overflow:hidden;background:#eef2ef}.anm-target-card .photo img{width:100%;height:100%;object-fit:cover}.anm-target-card>b,.anm-target-card>strong,.anm-target-card>small{margin-left:7px;margin-right:7px}.anm-target-card>b{margin-top:6px;overflow:hidden;font-size:9px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.anm-target-card>strong{margin-top:3px;color:#111;font-size:9px}.anm-target-card>small{margin-top:3px;margin-bottom:7px;overflow:hidden;color:#69766f;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.verified{margin-left:3px;color:#1688f0;font-size:9px}.promoted{position:absolute;top:5px;left:5px;padding:3px 5px;border-radius:999px;background:#ff970d;color:#fff;font-size:6px;font-weight:900}.anm-target-card.product .photo,.anm-target-card.service .photo{height:86px}
.anm-target-app{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:16px 0 2px;padding:10px 12px;border-radius:12px;background:linear-gradient(90deg,#e7faef,#f6fff9);color:#0a6f43}.anm-target-app>i{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#bff1d3;font-size:16px}.anm-target-app>span{display:flex;min-width:0;flex-direction:column}.anm-target-app>span b{font-size:11px}.anm-target-app>span small{margin-top:2px;color:#527263;font-size:7.5px}.anm-target-app>a{padding:6px 9px;border-radius:8px;background:#071d2c;color:#fff;text-align:center;text-decoration:none;font-size:6px;line-height:1.1}.anm-target-app>a b{font-size:9px}
.anm-target-bottom{position:fixed;z-index:2147480000;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:67px;padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid #e3e8e5;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}.anm-target-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#52665c;text-decoration:none;font-size:8px}.anm-target-bottom i{font-size:17px}.anm-target-bottom .active{color:#07864f}.anm-target-bottom .post i{display:grid;width:42px;height:42px;margin-top:-22px;place-items:center;border-radius:50%;background:#078d50;color:#fff;font-size:20px;box-shadow:0 5px 14px rgba(7,141,80,.25)}
/* Homepage target owns its presentation; suppress old footer/promoter/floating navigation clutter. */
body:has(.anm-target-home) .features,body:has(.anm-target-home) .anm-footer-purpose,body:has(.anm-target-home) .footer-links,body:has(.anm-target-home) .anm-promoter-home-cta,body:has(.anm-target-home) #scrollTop,body:has(.anm-target-home) .floating-back-btn,body:has(.anm-target-home) footer[data-anm-web-copyright]{display:none!important}
@media(max-width:600px){.anm-target-home{padding:8px 8px 92px}.anm-target-actions{gap:5px}.anm-target-actions a{height:36px;font-size:9px}.anm-target-live{height:224px}.anm-target-live__content{left:14px;top:14px}.anm-target-live__content>strong{font-size:23px}.anm-target-categories{gap:4px}.anm-target-categories i{width:43px;height:43px}.anm-target-row.markets{grid-auto-columns:43vw}.anm-target-row.shops{grid-auto-columns:39vw}.anm-target-row.products,.anm-target-row.services{grid-auto-columns:34vw}}
@media(max-width:380px){.anm-target-actions b{font-size:8px}.anm-target-actions i{font-size:11px}.anm-target-live__place{max-width:48%}.anm-target-categories i{width:39px;height:39px}.anm-target-categories a{font-size:8px}}
@media(prefers-color-scheme:dark){.anm-target-home{background:#09120e;color:#eef7f1}.anm-target-search,.anm-target-card{border-color:#26372f;background:#101b15;color:#eef7f1}.anm-target-search{color:#a9b8b0}.anm-target-categories a{color:#e8f4ed}.anm-target-card>strong{color:#eef7f1}.anm-target-bottom{border-color:#27372f;background:rgba(10,19,14,.97)}}


/* V2.1 requested corrections */

/* Homepage Live slideshow reduced to approximately 50% of V2 height. */
.anm-target-live{
    height:118px;
}
.anm-target-live__content{
    left:12px;
    top:10px;
}
.anm-target-live__content>small{
    padding:3px 6px;
    font-size:7px;
}
.anm-target-live__content>strong{
    margin-top:5px;
    font-size:16px;
    line-height:1;
}
.anm-target-live__content>em{
    margin-top:3px;
    font-size:7px;
    line-height:1.25;
}
.anm-target-live__content>b{
    margin-top:7px;
    padding:5px 8px;
    font-size:8px;
}
.anm-target-live__place{
    right:8px;
    bottom:9px;
    padding:5px 7px;
    font-size:7px;
}
.anm-target-live__place>i{
    width:21px;
    height:21px;
}
.anm-target-live__place small{
    font-size:6px;
}
.anm-target-live__dots{
    bottom:5px;
}
.anm-target-live__dots button{
    width:5px;
    height:5px;
}

/* Search bar was removed from markup. */
.anm-target-search{display:none!important}

/* Native-style homepage bottom bar was removed from markup. */
.anm-target-bottom{display:none!important}

/*
 * Restore the CURRENT shared footer.
 * V2 hid these pieces to imitate the native mockup; V2.1 intentionally puts
 * the real AllNaijaMarket footer back.
 */
body:has(.anm-target-home) .features,
body:has(.anm-target-home) .anm-footer-purpose,
body:has(.anm-target-home) .footer-links,
body:has(.anm-target-home) footer[data-anm-web-copyright]{
    display:revert!important;
}

/* Keep unrelated floating homepage clutter suppressed. */
body:has(.anm-target-home) .anm-promoter-home-cta,
body:has(.anm-target-home) #scrollTop,
body:has(.anm-target-home) .floating-back-btn{
    display:none!important;
}

@media(max-width:600px){
    .anm-target-home{padding-bottom:18px}
    .anm-target-live{height:112px}
    .anm-target-live__content{left:10px;top:9px}
    .anm-target-live__content>strong{font-size:15px}
    .anm-target-live__content>em{display:none}
    .anm-target-live__place{max-width:42%}
}


/* V2.2 — Live slider manual navigation */
.anm-target-live{
    touch-action:pan-y;
}
.anm-target-live__arrow{
    position:absolute;
    z-index:7;
    top:50%;
    display:grid;
    width:28px;
    height:28px;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.25);
    border-radius:50%;
    background:rgba(5,18,12,.48);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    color:#fff;
    font-size:10px;
    box-shadow:0 4px 13px rgba(0,0,0,.18);
    transform:translateY(-50%);
    cursor:pointer;
}
.anm-target-live__arrow--left{left:7px}
.anm-target-live__arrow--right{right:7px}
.anm-target-live__arrow:active{transform:translateY(-50%) scale(.92)}
@media(max-width:600px){
    .anm-target-live__arrow{
        width:25px;
        height:25px;
        font-size:9px;
        opacity:.88;
    }
}


/* ==========================================================
   V2.3 PROFESSIONAL POLISH
   ========================================================== */

/* Fixed, non-interactive AllNaijaMarket watermark behind homepage content. */
.anm-home-watermark{
    position:fixed;
    z-index:0;
    left:50%;
    top:55%;
    width:min(44vw,250px);
    aspect-ratio:1;
    transform:translate(-50%,-50%);
    pointer-events:none;
    user-select:none;
    opacity:.035;
    filter:grayscale(1);
}
.anm-home-watermark img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.anm-target-home>*:not(.anm-home-watermark){
    position:relative;
    z-index:1;
}

/* Four premium quick actions: compact, balanced, distinct, consistent. */
.anm-target-actions{
    gap:7px;
    margin:10px 0;
}
.anm-target-actions a{
    position:relative;
    min-width:0;
    height:40px;
    padding:0 10px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.16);
    background:linear-gradient(145deg,#07894f,#05703f);
    box-shadow:0 6px 17px rgba(4,101,57,.15);
    transition:transform .16s ease,box-shadow .16s ease;
}
.anm-target-actions a:before{
    content:"";
    position:absolute;
    width:45px;
    height:45px;
    right:-18px;
    top:-25px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
}
.anm-target-actions a:nth-child(2){
    background:linear-gradient(145deg,#0a9860,#08794d);
}
.anm-target-actions a:nth-child(4){
    background:linear-gradient(145deg,#087c55,#066846);
}
.anm-target-actions a.live{
    border-color:rgba(255,255,255,.22);
    background:linear-gradient(145deg,#ff9e1a,#f87500);
    box-shadow:0 6px 18px rgba(237,111,0,.19);
}
.anm-target-actions a:active{transform:scale(.975)}
.anm-target-actions i{
    position:relative;
    z-index:1;
    display:grid;
    width:23px;
    height:23px;
    flex:0 0 23px;
    place-items:center;
    border-radius:8px;
    background:rgba(255,255,255,.11);
    font-size:11px;
}
.anm-target-actions b{
    position:relative;
    z-index:1;
    font-size:9px;
    letter-spacing:-.01em;
}

/*
 * Whole-slide directional animation.
 * Because every label, market location, image/video and CTA lives inside
 * .anm-target-live__slide, they now travel together as one physical card.
 */
.anm-target-live__slide{
    opacity:1;
    visibility:hidden;
    transform:translateX(0);
    transition:transform .42s cubic-bezier(.22,.8,.25,1),visibility 0s linear .42s;
    will-change:transform;
}
.anm-target-live__slide.is-active{
    visibility:visible;
    pointer-events:auto;
    z-index:3;
    transform:translateX(0);
    transition:transform .42s cubic-bezier(.22,.8,.25,1),visibility 0s;
}
.anm-target-live__slide.is-entering-right{
    visibility:visible;
    z-index:4;
    transform:translateX(100%);
    transition:none;
}
.anm-target-live__slide.is-entering-left{
    visibility:visible;
    z-index:4;
    transform:translateX(-100%);
    transition:none;
}
.anm-target-live__slide.is-leaving-left{
    visibility:visible;
    z-index:2;
    transform:translateX(-100%);
}
.anm-target-live__slide.is-leaving-right{
    visibility:visible;
    z-index:2;
    transform:translateX(100%);
}

/* More elegant controls over the compact banner. */
.anm-target-live__arrow{
    width:25px;
    height:25px;
    border-color:rgba(255,255,255,.2);
    background:rgba(3,20,13,.54);
    opacity:.9;
}
.anm-target-live__arrow--left{left:6px}
.anm-target-live__arrow--right{right:6px}
.anm-target-live__dots{gap:5px}
.anm-target-live__dots button{background:rgba(255,255,255,.46)}
.anm-target-live__dots button.is-active{width:12px;border-radius:999px;background:#fff}

/* Ensure the fixed watermark never harms dark mode legibility. */
@media(prefers-color-scheme:dark){
    .anm-home-watermark{opacity:.045;filter:grayscale(1) invert(1)}
}
@media(max-width:600px){
    .anm-home-watermark{width:46vw;max-width:210px;opacity:.032}
    .anm-target-actions{gap:5px}
    .anm-target-actions a{height:38px;padding:0 7px}
    .anm-target-actions i{width:21px;height:21px;flex-basis:21px}
    .anm-target-actions b{font-size:8.5px}
}
@media(max-width:380px){
    .anm-target-actions a{padding:0 5px;gap:4px}
    .anm-target-actions i{width:19px;height:19px;flex-basis:19px;font-size:9px}
    .anm-target-actions b{font-size:7.7px}
}
@media(prefers-reduced-motion:reduce){
    .anm-target-live__slide,.anm-target-live__slide.is-active{transition:none!important}
}


/* V2.4 — actual production logo watermark */
.anm-home-watermark{
 display:block!important;position:fixed!important;z-index:0!important;
 left:50%!important;top:52%!important;width:min(40vw,230px)!important;
 height:auto!important;aspect-ratio:1/1;transform:translate(-50%,-50%)!important;
 pointer-events:none!important;user-select:none!important;opacity:.055!important;
 filter:grayscale(1);mix-blend-mode:multiply
}
.anm-home-watermark img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.anm-target-home{position:relative;isolation:isolate;background:rgba(255,255,255,.965)}

/* Center the Simple-to-use feature area. */
body:has(.anm-target-home) .features,
body:has(.anm-target-home) .features .feature,
body:has(.anm-target-home) .features .feature-item,
body:has(.anm-target-home) .features section,
body:has(.anm-target-home) .home-features{
 text-align:center!important;margin-left:auto!important;margin-right:auto!important
}
body:has(.anm-target-home) .features h2,
body:has(.anm-target-home) .features h3,
body:has(.anm-target-home) .features p,
body:has(.anm-target-home) .features .feature-title{
 text-align:center!important;margin-left:auto!important;margin-right:auto!important
}

/* Center footer links/buttons as one group. */
body:has(.anm-target-home) .footer-links{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;
 justify-content:center!important;width:100%!important;margin-left:auto!important;
 margin-right:auto!important;text-align:center!important
}
body:has(.anm-target-home) .footer-links a,
body:has(.anm-target-home) .footer-links button{flex:0 0 auto!important}

/* Center the social icons row too. */
body:has(.anm-target-home) .social-links,
body:has(.anm-target-home) .footer-social,
body:has(.anm-target-home) .social-icons{
 justify-content:center!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important
}

@media(prefers-color-scheme:dark){
 .anm-target-home{background:rgba(9,18,14,.965)}
 .anm-home-watermark{opacity:.065!important;filter:grayscale(1) invert(1);mix-blend-mode:screen}
}
@media(max-width:600px){
 .anm-home-watermark{width:min(48vw,205px)!important;opacity:.05!important}
}


/* ==========================================================
   V2.5 — WATERMARK: SAME COMPONENT METHOD AS EXPLORE
   ========================================================== */

/* Retire the earlier homepage-specific watermark class. */
.anm-home-watermark{display:none!important}

/*
 * Same markup/class used by Explore:
 * .anm-explore-watermark > img from media('', 'logo')
 *
 * Fixed to viewport, below all homepage content, no interaction capture.
 */
.anm-target-home > .anm-explore-watermark{
    display:flex!important;
    position:fixed!important;
    z-index:0!important;
    inset:auto!important;
    left:50%!important;
    top:52%!important;
    width:min(48vw,260px)!important;
    height:min(48vw,260px)!important;
    align-items:center!important;
    justify-content:center!important;
    transform:translate(-50%,-50%)!important;
    pointer-events:none!important;
    user-select:none!important;
    opacity:.075!important;
    overflow:visible!important;
}
.anm-target-home > .anm-explore-watermark img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    opacity:1!important;
    filter:grayscale(1)!important;
}

/*
 * Content is individually above it. Do not use isolation/mix-blend here:
 * those were the difference from Explore and could make the fixed watermark
 * disappear behind the homepage's opaque stacking context.
 */
.anm-target-home{
    isolation:auto!important;
    background:transparent!important;
}
.anm-target-home > *:not(.anm-explore-watermark){
    position:relative;
    z-index:1;
}

/* Keep a page background on body rather than over the watermark. */
body:has(.anm-target-home){
    background:#fff;
}

@media(max-width:600px){
    .anm-target-home > .anm-explore-watermark{
        width:min(52vw,220px)!important;
        height:min(52vw,220px)!important;
        opacity:.07!important;
    }
}
@media(prefers-color-scheme:dark){
    body:has(.anm-target-home){background:#09120e}
    .anm-target-home > .anm-explore-watermark{opacity:.075!important}
    .anm-target-home > .anm-explore-watermark img{
        filter:grayscale(1) invert(1)!important;
    }
}