/* Homepage POS Accessories Shop — premium UI (matches /shop) */
#shop.home-shop-premium {
    --shop-primary: #0ea5e9;
    --shop-primary-dark: #0369a1;
    --shop-bg: #f8fafc;
    --shop-card: #ffffff;
    --shop-text: #0f172a;
    --shop-muted: #64748b;
    --shop-border: #e2e8f0;
    --shop-radius: 16px;
    --shop-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
    --shop-shadow-hover: 0 20px 40px rgba(15, 23, 42, 0.12);
    background: var(--shop-bg);
    overflow-x: hidden;
}

#shop.home-shop-premium .section-title,
#shop.home-shop-premium .section-description {
    text-align: center;
}

#shop.home-shop-premium .home-shop-cats-scroll {
    display: none;
    overflow-x: auto;
    gap: 10px;
    padding: 4px 0 16px;
    margin: 0 -4px 8px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
}

#shop.home-shop-premium .home-shop-cats-scroll::-webkit-scrollbar {
    display: none;
}

#shop.home-shop-premium .home-cat-pill {
    flex-shrink: 0;
    scroll-snap-align: start;
    padding: 12px 20px;
    min-height: 44px;
    border-radius: 24px;
    border: none;
    background: var(--shop-card);
    color: var(--shop-text);
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 500;
    box-shadow: var(--shop-shadow);
    white-space: nowrap;
    cursor: pointer;
    transition: 0.2s;
}

#shop.home-shop-premium .home-cat-pill.active,
#shop.home-shop-premium .home-cat-pill:hover {
    background: var(--shop-primary);
    color: #fff;
}

#shop.home-shop-premium .home-shop-categories {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 32px;
}

#shop.home-shop-premium .home-shop-categories .category-btn {
    padding: 10px 20px;
    background: var(--shop-card);
    border: 1px solid var(--shop-border);
    border-radius: 24px;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 500;
    transition: 0.2s;
    box-shadow: var(--shop-shadow);
}

#shop.home-shop-premium .home-shop-categories .category-btn:hover,
#shop.home-shop-premium .home-shop-categories .category-btn.active {
    background: var(--shop-primary);
    border-color: var(--shop-primary);
    color: #fff;
}

#shop.home-shop-premium .home-shop-grid {
    margin-bottom: 8px;
}

#shop.home-shop-premium .home-shop-cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 36px;
}

#shop.home-shop-premium .home-shop-cta .btn-shop-view-all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    background: var(--shop-primary-dark);
    color: #fff;
    border-radius: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.2s;
}

#shop.home-shop-premium .home-shop-cta .btn-shop-view-all:hover {
    background: #1e40af;
    transform: translateY(-2px);
}

#shop.home-shop-premium .home-shop-cta .btn-quote {
    display: inline-flex;
    align-items: center;
    padding: 14px 28px;
    background: var(--shop-card);
    color: var(--shop-primary);
    border: 2px solid var(--shop-primary);
    border-radius: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.2s;
}

#shop.home-shop-premium .home-shop-cta .btn-quote:hover {
    background: var(--shop-primary);
    color: #fff;
}

@media (max-width: 992px) {
    #shop.home-shop-premium .home-shop-cats-scroll {
        display: flex;
    }

    #shop.home-shop-premium .home-shop-categories {
        display: none;
    }

    #shop.home-shop-premium .section {
        padding: 60px 0;
    }
}

@media (max-width: 640px) {
    #shop.home-shop-premium .products-grid-premium {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    #shop.home-shop-premium .product-card-premium {
        border-radius: 14px;
        min-width: 0;
    }

    #shop.home-shop-premium .product-card-image {
        height: 140px;
    }

    #shop.home-shop-premium .product-card-image img {
        padding: 12px;
    }

    #shop.home-shop-premium .product-badges {
        top: 8px;
        left: 8px;
    }

    #shop.home-shop-premium .product-badge {
        padding: 3px 8px;
        font-size: 0.62rem;
    }

    #shop.home-shop-premium .product-card-body {
        padding: 12px 10px 14px;
    }

    #shop.home-shop-premium .product-category-tag {
        font-size: 0.65rem;
        margin-bottom: 4px;
    }

    #shop.home-shop-premium .product-card-title {
        font-size: 0.82rem;
        min-height: 2.4em;
        -webkit-line-clamp: 2;
        margin-bottom: 6px;
    }

    #shop.home-shop-premium .product-card-desc {
        display: none;
    }

    #shop.home-shop-premium .product-card-price {
        margin-bottom: 10px;
    }

    #shop.home-shop-premium .price-current {
        font-size: 1rem;
    }

    #shop.home-shop-premium .price-original {
        font-size: 0.78rem;
    }

    #shop.home-shop-premium .product-card-actions {
        flex-direction: row;
        gap: 6px;
    }

    #shop.home-shop-premium .btn-shop {
        padding: 10px 8px;
        font-size: 0.75rem;
        min-height: 40px;
        border-radius: 8px;
    }

    /* Mobile: hide overlay quick actions — use Details/Add buttons only */
    #shop.home-shop-premium .product-quick-actions {
        display: none !important;
    }

    #shop.home-shop-premium .home-shop-cta {
        flex-direction: column;
        align-items: stretch;
        padding: 0 4px;
    }

    #shop.home-shop-premium .home-shop-cta a {
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 400px) {
    #shop.home-shop-premium .products-grid-premium {
        gap: 8px;
    }

    #shop.home-shop-premium .product-card-image {
        height: 120px;
    }

    #shop.home-shop-premium .btn-shop .btn-text {
        display: none;
    }

    #shop.home-shop-premium .btn-shop {
        flex: 1;
        padding: 10px 6px;
    }
}