/* The section shares the homepage background. Only the guide has its own surface. */
#explore-stores .shop-discovery {
    display:grid;grid-template-columns:clamp(265px,21vw,320px) minmax(0,1fr);
    align-items:stretch;gap:clamp(16px,1.6vw,25px);
}
#explore-stores .shop-brands-head {margin-bottom:26px}
#explore-stores .sf-open {display:inline-flex;align-items:center;gap:8px;min-height:42px}
#explore-stores .shop-discovery [data-shop-brand-list] {min-width:0;display:grid}
#explore-stores .shop-discovery .shop-brand-grid {
    align-content:space-between;gap:12px 9px;grid-template-columns:repeat(8,minmax(0,1fr));
    grid-template-rows:repeat(2,auto);grid-auto-flow:row;margin:0;
}
#explore-stores .shop-discovery .shop-brand-plate {height:clamp(64px,5.2vw,80px)}
#explore-stores .shop-discovery .shop-brand-mark img {transform:scale(.78)}
#explore-stores .shop-discovery .shop-brand-caption {font-size:13px;margin:6px 0 0}
#explore-stores .shop-guide-feature {
    position:relative;isolation:isolate;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:column;
    min-width:0;min-height:225px;padding:20px;border:1px solid #a5517f;border-radius:15px;
    background:radial-gradient(ellipse at 103% 15%,#76355a,transparent 54%),linear-gradient(125deg,#39162f,#291323 65%,#321b2d);
    box-shadow:inset 0 1px 0 #ffffff14,0 8px 28px -21px #f15ea584;
}
#explore-stores .shop-guide-pet {
    position:absolute;right:0;top:-14px;width:clamp(113px,9.5vw,151px);height:auto;z-index:-1;pointer-events:none;
    filter:drop-shadow(2px 8px 6px #1c081b99);
}
#explore-stores .shop-guide-intro {max-width:calc(100% - 79px);min-height:92px}
#explore-stores .shop-guide-kicker {
    display:inline-flex;align-items:center;gap:7px;color:#ff9cc9;font-size:10px;
    font-weight:750;letter-spacing:.14em;line-height:1.3;text-transform:uppercase;
}
#explore-stores .shop-guide-feature svg {fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}
#explore-stores .shop-guide-kicker svg {width:15px;height:15px}
#explore-stores .shop-guide-feature h3 {
    margin:9px 0 8px;max-width:5.6em;font-size:clamp(29px,2.4vw,35px);font-weight:730;
    line-height:1.04;letter-spacing:-.045em;text-wrap:balance;color:#fff5fb;overflow-wrap:break-word;
}
#explore-stores .shop-guide-feature p {max-width:18em;margin:4px 0 14px;color:#e4cadb;font-size:13px;line-height:1.45}
#explore-stores .shop-guide-action {
    display:inline-flex;align-items:center;gap:13px;min-height:42px;margin-top:auto;
    padding:10px 14px;border:0;border-radius:8px;background:#ff78b9;color:#240b18;
    font:inherit;font-size:13px;line-height:1.2;font-weight:750;cursor:pointer;box-shadow:inset 0 1px #ffcce7;
}
#explore-stores .shop-guide-action:hover {background:#ff97c9}
#explore-stores .shop-guide-action:focus-visible {outline:2px solid white;outline-offset:4px}
@media(max-width:1100px){
    #explore-stores .shop-discovery .shop-brand-grid {
        --visible-columns:5;grid-template-columns:none;grid-auto-flow:column;
        grid-auto-columns:calc((100% + 9px)/var(--visible-columns) - 9px);
        overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:3px 2px 8px;
    }
    #explore-stores .shop-discovery .shop-brand-grid li {scroll-snap-align:start}
}
@media(max-width:760px){
    #explore-stores .shop-discovery {grid-template-columns:minmax(0,1fr);gap:18px}
    #explore-stores .shop-guide-feature {min-height:200px}
    #explore-stores .shop-guide-pet {width:144px;right:2px}
    #explore-stores .shop-guide-intro {max-width:calc(100% - 115px);min-height:96px}
    #explore-stores .shop-discovery .shop-brand-grid {--visible-columns:4}
    #explore-stores .shop-discovery .shop-brand-plate {height:clamp(47px,9vw,62px)}
    #explore-stores .shop-discovery .shop-brand-caption {font-size:12px}
    #explore-stores .shop-brands-head {flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
    #explore-stores .sf-open {width:auto;min-height:42px}
}
@media(max-width:360px){
    #explore-stores .shop-guide-pet {width:118px}
    #explore-stores .shop-guide-intro {max-width:calc(100% - 78px)}
    #explore-stores .shop-discovery .shop-brand-grid {--visible-columns:3}
}
