#storefront-home {
    box-sizing: border-box;
    max-width: 1100px;
    height: 100vh;
    height: 100dvh;
    overflow-y: auto;
    margin: 0 auto;
    padding: 0 clamp(16px, 4vw, 42px) 24px;
    font: 16px/1.5 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    color: #193548;
    background: #fff;
}
#storefront-home a { color: inherit; text-decoration: none; }
#storefront-home a:focus-visible { outline: 2px solid #24618b; outline-offset: 2px; }
#storefront-home .shop-header, #storefront-home nav, #storefront-home .shop-footer {
    display: flex;
    gap: 8px 18px;
    align-items: center;
    flex-wrap: wrap;
}
#storefront-home .shop-header { justify-content: space-between; padding: 18px 0; border-bottom: 1px solid #e4ebef; }
#storefront-home h1 { font-size: 24px; margin: 0; }
#storefront-home nav, #storefront-home .shop-footer { font-size: 14px; }
#storefront-home .shop-categories { margin: 18px 0; }
#storefront-home .shop-categories a { background: #eef5f8; color: #244f69; padding: 4px 10px; border-radius: 4px; }
#storefront-home h2 { font-size: 20px; margin: 20px 0 12px; }
#storefront-home .shop-products { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px 14px; list-style: none; padding: 0; margin: 0; }
#storefront-home .shop-product { display: grid; gap: 6px; }
#storefront-home .shop-product img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 6px; background: #f2f4f5; }
#storefront-home .shop-product-name { font-size: 15px; overflow-wrap: anywhere; }
#storefront-home .shop-price { color: #ac3833; }
#storefront-home .shop-footer { padding: 22px 0; margin-top: 22px; border-top: 1px solid #e4ebef; }
@media (max-width: 680px) {
    #storefront-home .shop-products { grid-template-columns: repeat(2,minmax(0,1fr)); }
}