/* Website: src/app/static/css/components/product-section.css v1.0 */
/* Website: Website/src/app/static/css/components/product-section.css v1.0 */

.product-section {
    --product-border: var(--brand-color-primary);
    --product-accent: rgba(0, 170, 255, 0.12);
    --product-chip-bg: rgba(0, 170, 255, 0.08);
    --product-highlight-border: rgba(0, 170, 255, 0.18);

    margin: 3rem auto;
    padding: 3rem 1.5rem;
    background: var(--brand-color-container-foreground-dark);
    border-radius: 24px;
    border-top: 4px solid var(--product-border);
    box-shadow: 0 28px 48px rgba(0, 0, 0, 0.35);
    position: relative;
    overflow: hidden;
}

.product-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, var(--product-accent), transparent 55%);
    pointer-events: none;
    opacity: 0.9;
}

@media (max-width: 1024px) {
    .product-section {
        padding: 2.5rem 1.25rem;
    }
}