/* Soko Ya Hood discovery layout — overrides the existing index.css */
.hood-header{background:#fff;border-bottom:1px solid #eee;position:relative;z-index:3}
.hood-nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}
.hood-brand{color:#111;text-decoration:none;font-size:1.45rem;font-weight:800;letter-spacing:-.04em}
.hood-brand span{color:#f60}.hood-desktop-links{display:flex;align-items:center;gap:30px}
.hood-desktop-links a{color:#222;text-decoration:none;font-weight:600;font-size:14px}
.hood-desktop-links a:hover{color:#f60}.hood-about-mobile{display:none;color:#222}
.landing-shell{max-width:1280px}.discovery-hero{display:block!important;padding:12px 0 28px!important}
.discovery-hero .unified-search-panel{width:100%!important;max-width:800px!important;min-height:0!important;margin:0 auto!important;padding:8px!important;background:#fff!important;border:1px solid #e9e9e9!important;border-radius:50px!important;box-shadow:0 3px 18px rgba(0,0,0,.07)!important;display:block!important}
.discovery-hero #liveSearchForm{width:100%!important;max-width:none!important}
.discovery-hero .live-search-wrap{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;width:100%!important}
.discovery-hero .live-search-icon{position:static!important;margin-left:17px!important;color:#555!important}
.discovery-hero .live-search-input{flex:1!important;min-width:0!important;width:auto!important;height:44px!important;padding:8px!important;border:0!important;border-radius:30px!important;box-shadow:none!important;background:transparent!important;font-size:14px!important}
.discovery-hero .live-search-button{width:auto!important;min-width:92px!important;min-height:45px!important;padding:9px 18px!important;border-radius:28px!important;background:#f60!important;color:#fff!important}
.discovery-hero #liveSearchResults{max-width:none!important;width:100%!important}
.hood-mobile-search-trigger{display:none}.hood-discovery-section{margin:8px 0 32px}
.hood-section-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.hood-section-header h2{font-size:1.35rem;line-height:1.3;font-weight:750;letter-spacing:-.025em;margin:0;color:#151515}
.hood-scroll-controls{display:flex;gap:9px}.hood-scroll-btn{width:34px;height:34px;border:1px solid #ddd;border-radius:50%;background:#fff;color:#222;display:grid;place-items:center}
.hood-scroll-btn:hover{background:#f7f7f7}.hood-card-rail{display:flex!important;flex-wrap:nowrap!important;gap:16px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none;padding:0 0 8px!important;scroll-behavior:smooth}
.hood-card-rail::-webkit-scrollbar{display:none}
.hood-feature-card,.hood-card-rail .marketplace-card{display:block!important;flex:0 0 clamp(145px,16.5vw,198px)!important;min-width:0!important;max-width:none!important;width:auto!important;scroll-snap-align:start;text-decoration:none!important;color:#171717!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.hood-card-image{width:100%;aspect-ratio:4/4.4;position:relative;overflow:hidden;border-radius:14px;background:#f0f0f0}
.hood-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.hood-feature-card:hover img{transform:scale(1.035)}
.hood-card-name{font-size:14px;font-weight:700;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hood-card-subtitle{font-size:12px;color:#737373;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hood-card-subtitle i{color:#f60;font-size:11px}
.hood-premium-tag{position:absolute;top:9px;left:9px;background:#fff;color:#171717;font-size:10px;font-weight:700;padding:5px 8px;border-radius:30px}
.hood-premium-tag i{color:#f60}.hood-premium-section{margin-top:10px}
@media(max-width:767.98px){
 .hood-header{display:none!important}.landing-shell{margin-top:0!important;padding-top:0!important}
 .discovery-hero{padding:12px 0 18px!important}
 .discovery-hero .unified-search-panel{padding:0!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 .hood-mobile-search-trigger{display:flex;width:100%;min-height:62px;align-items:center;gap:13px;padding:9px 13px;border:1px solid #e7e7e7;background:#fff;border-radius:50px;text-align:left;box-shadow:0 3px 13px rgba(0,0,0,.12)}
 .hood-search-round{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;background:#f60;color:#fff;border-radius:50%}
 .hood-search-label{display:flex;flex-direction:column;min-width:0;gap:3px}
 .hood-search-label strong{font-size:14px;color:#222}.hood-search-label small{font-size:11px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .hood-search-area{display:none;margin-top:12px}.hood-search-area.is-open{display:block}
 .discovery-hero .live-search-wrap{border:1px solid #eee;border-radius:28px;padding:4px;gap:3px!important}
 .discovery-hero .live-search-icon{margin-left:10px!important}.discovery-hero .live-search-input{font-size:12px!important}
 .discovery-hero .live-search-button{min-width:70px!important;padding:8px 10px!important}
 .hood-discovery-section{margin-bottom:15px}.hood-section-header h2{font-size:1.12rem}
 .hood-scroll-controls{display:none}.hood-card-rail{gap:12px!important;margin-right:-12px;padding-right:12px!important}
 .hood-feature-card,.hood-card-rail .marketplace-card{flex-basis:42vw!important;max-width:174px!important}
 .hood-card-image{border-radius:12px}.hood-card-name{font-size:13px}
}

/* Premium marketplace carousel: one card per marketplace, multiple paid shops */
.hood-premium-market-card .hood-premium-carousel{position:relative}
.hood-premium-market-card .carousel-inner{display:block}
.hood-premium-market-card .carousel-item{height:100%;position:relative}
.hood-premium-market-card .carousel-item>a{display:block;width:100%;height:100%}
.hood-premium-market-card .carousel-item img{width:100%;height:100%;object-fit:cover;display:block}
.hood-premium-market-card .hood-slide-shop-name{position:absolute;bottom:0;left:0;right:0;padding:24px 10px 10px;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(transparent,rgba(0,0,0,.68));pointer-events:none}
.hood-premium-market-card .carousel-control-prev,.hood-premium-market-card .carousel-control-next{width:23%;opacity:0;transition:opacity .2s}
.hood-premium-market-card:hover .carousel-control-prev,.hood-premium-market-card:hover .carousel-control-next,.hood-premium-market-card:focus-within .carousel-control-prev,.hood-premium-market-card:focus-within .carousel-control-next{opacity:1}
.hood-premium-market-card .carousel-control-prev-icon,.hood-premium-market-card .carousel-control-next-icon{width:18px;height:18px}
.hood-premium-market-card .hood-marketplace-label{margin-top:10px;text-decoration: none;}
@media(max-width:767.98px){.hood-premium-market-card .carousel-control-prev,.hood-premium-market-card .carousel-control-next{opacity:.85}}

/* Mobile swipe affordances, compact partners, orange premium branding */

.hood-premium-section #premiumTitle{color:#ff6600}
.hood-premium-market-card .hood-premium-tag{background:#ff6600;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);letter-spacing:.02em}
.hood-premium-market-card .hood-marketplace-label{color:#171717!important;}
.hood-swipe-hint{display:none;color:#666;font-size:12px;margin:-6px 0 12px;align-items:center;gap:6px}
.hood-swipe-hint i,.hood-swipe-hint span{color:#ff6600}
.partners-section{padding:26px 0!important}
.partners-section .partners-intro{font-size:12px;margin-bottom:14px!important}
.partners-section .partner-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:12px!important}
.partners-section .partner-item{flex:0 1 155px!important;max-width:155px!important;min-width:0!important;padding:12px 9px!important;border-radius:12px!important}
.partners-section .partner-item img{width:auto!important;max-width:100%!important;height:48px!important;object-fit:contain!important;margin:0 auto 8px!important}
.partners-section .partner-item h3{font-size:12px!important;line-height:1.3!important;margin:0 0 4px!important}
.partners-section .partner-item p{font-size:10px!important;line-height:1.3!important;margin:0!important}
@media(max-width:767.98px){
 .hood-swipe-hint{display:flex}
 .hood-card-rail{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity!important;scroll-padding-inline:12px;touch-action:pan-x pan-y}
 .hood-card-rail>.hood-feature-card{scroll-snap-align:start}
 .hood-discovery-section{position:relative}
 .hood-card-rail{mask-image:linear-gradient(to right,#000 0%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 94%,transparent 100%)}
 .partners-section .partner-strip{gap:9px!important}
 .partners-section .partner-item{flex:0 1 calc(50% - 7px)!important;max-width:155px!important;padding:9px 7px!important}
 .partners-section .partner-item img{height:40px!important}
}
@media(prefers-reduced-motion:reduce){.hood-card-rail{scroll-behavior:auto!important}}
#marketplacesTitle{color:#ff6600 !important}

/* October refinement: consistent Soko Ya Hood brand system */
:root{--hood-orange:#ff6600;--hood-ink:#171717;--hood-muted:#696969;--hood-cream:#fff8f2;--hood-line:#f2dfd2}
body{color:var(--hood-ink);background:linear-gradient(180deg,#fff 0%,#fffdfb 58%,#fff 100%)}
.hood-header{border-bottom:1px solid var(--hood-line);box-shadow:0 2px 18px rgba(45,24,5,.035)}
.hood-brand{letter-spacing:-.045em}.hood-brand span{color:var(--hood-orange)}
.hood-desktop-links a{position:relative;transition:color .2s ease}
.hood-desktop-links a::after{content:"";position:absolute;left:0;bottom:-7px;height:2px;width:0;border-radius:3px;background:var(--hood-orange);transition:width .2s ease}
.hood-desktop-links a:hover::after,.hood-desktop-links a:focus-visible::after{width:100%}
.discovery-hero .unified-search-panel{border-color:#f3dac9!important;box-shadow:0 8px 28px rgba(255,102,0,.075)!important}
.discovery-hero .live-search-button{font-weight:700!important;box-shadow:0 3px 10px rgba(255,102,0,.18)}
.discovery-hero .live-search-button:hover{background:#e95d00!important}
.hood-discovery-section{margin-bottom:15px}
.hood-section-header{position:relative;padding:0 0 13px;margin-bottom:18px;border-bottom:1px solid #f1e7df}
.hood-section-header::after{content:"";position:absolute;bottom:-2px;left:0;width:52px;height:3px;border-radius:10px;background:var(--hood-orange)}
.hood-section-header h2{color:var(--hood-ink);font-size:clamp(1.25rem,2.1vw,1.6rem);font-weight:800;letter-spacing:-.035em}
.hood-premium-section #premiumTitle{color:var(--hood-orange)}
.hood-scroll-btn{border-color:#f2d7c5;color:var(--hood-orange);box-shadow:0 2px 7px rgba(24,24,24,.035);transition:background .2s,border-color .2s,transform .2s}
.hood-scroll-btn:hover{background:var(--hood-orange);border-color:var(--hood-orange);color:#fff;transform:translateY(-1px)}
.hood-scroll-btn:focus-visible,.hood-feature-card:focus-visible,.hood-premium-market-card a:focus-visible{outline:3px solid var(--hood-orange);outline-offset:3px}
/* Browse marketplace cards: editorial photo + branded caption */
#marketplaceList .marketplace-card{padding:0 0 11px!important;border:1px solid #f1e8e1!important;border-radius:17px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 4px 14px rgba(26,19,12,.055)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
#marketplaceList .marketplace-card:hover{transform:translateY(-4px);border-color:#ffc49e!important;box-shadow:0 12px 28px rgba(255,102,0,.12)!important}
#marketplaceList .marketplace-card .hood-card-image{border-radius:0!important;aspect-ratio:4/3.7;background:#fff1e5}
#marketplaceList .marketplace-card .hood-card-image::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,rgba(19,13,7,.12));pointer-events:none}
#marketplaceList .marketplace-card .hood-card-name{margin:0;padding:12px 12px 1px;font-size:13px;font-weight:800;line-height:1.4;color:var(--hood-ink);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px}
#marketplaceList .marketplace-card::after{content:"Explore marketplace  ↗";display:block;margin:0 12px;padding-top:5px;color:var(--hood-orange);font-size:10px;font-weight:750;letter-spacing:.015em}
/* Premium cards: keep image carousel behavior, refine its frame and title */
.hood-premium-market-card .hood-card-image{border:1px solid #ffd6bc;border-radius:16px;box-shadow:0 5px 15px rgba(255,102,0,.075)}
.hood-premium-market-card .hood-premium-tag{background:var(--hood-orange)!important;color:#fff!important;font-weight:800;letter-spacing:.025em}
.hood-premium-market-card .hood-marketplace-label{font-size:13px;margin-top:10px !important}
.hood-premium-market-card .hood-slide-shop-name{font-size:12px}
/* Compact partner area, with a quiet brand separator */
.partners-section{border-top:1px solid var(--hood-line);background:linear-gradient(180deg,var(--hood-cream),#fff 92%)}
.partners-section .section-eyebrow{color:var(--hood-orange);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}
.partners-section #partnersTitle{color:var(--hood-ink);font-weight:800!important;letter-spacing:-.025em}
.partners-section #partnersTitle::after{content:"";display:block;width:40px;height:3px;border-radius:3px;background:var(--hood-orange);margin:9px auto 0}
.partners-section .partner-item{background:#fff;border:1px solid #f2e7df;box-shadow:0 3px 12px rgba(0,0,0,.035);transition:transform .2s,border-color .2s}
.partners-section .partner-item:hover{transform:translateY(-2px);border-color:#ffc49e}
.partners-section .partner-item h3{color:#222}
.site-footer{border-top:4px solid var(--hood-orange)}
.site-footer .footer-heading{color:#fff}
.site-footer a:hover{color:#ff994d!important}
@media(max-width:767.98px){
 .hood-discovery-section{margin-bottom:30px}
 .hood-section-header{padding-bottom:11px;margin-bottom:13px}
 .hood-section-header h2{font-size:1.19rem}
 #marketplaceList .marketplace-card{border-radius:14px!important}
 #marketplaceList .marketplace-card .hood-card-name{padding:10px 9px 0;font-size:12px;min-height:43px}
 #marketplaceList .marketplace-card::after{margin:0 9px;font-size:9px}
 .hood-premium-market-card .hood-card-image{border-radius:13px}
 .hood-mobile-search-trigger{border-color:#f6d8c3;box-shadow:0 5px 18px rgba(255,102,0,.10)}
}
@media(prefers-reduced-motion:reduce){#marketplaceList .marketplace-card,.partners-section .partner-item,.hood-scroll-btn{transition:none!important}}

/* Premium rail: match Browse Marketplaces mobile swipe behaviour */
#premiumList {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
}
#premiumList::-webkit-scrollbar { display: none; }
#premiumList > .hood-premium-market-card {
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    min-width: 0 !important;
}
#premiumList .hood-premium-carousel,
#premiumList .carousel-inner,
#premiumList .carousel-item {
    touch-action: pan-x;
}
/* Keep the premium badge and image within each rotating slide */
#premiumList .carousel-item { position: relative; }
#premiumList .carousel-item img { display: block; }
@media (max-width: 767.98px) {
    #premiumList {
        gap: 12px !important;
        padding: 8px 12px 18px 0 !important;
        margin-right: -12px;
        scroll-padding-inline: 0;
        touch-action: pan-x;
        mask-image: none !important;
        -webkit-mask-image: none !important;
    }
    #premiumList > .hood-premium-market-card {
        flex: 0 0 42vw !important;
        width: 42vw !important;
        max-width: 174px !important;
    }
    #premiumList .hood-premium-carousel,
    #premiumList .hood-card-image { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    #premiumList { scroll-behavior: auto !important; }
}