body { font-family: 'Inter', sans-serif; }

.glass-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.03);
}

.bg-grid-pattern {
    background-image:
        linear-gradient(to right, rgba(0,0,0,0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0,0,0,0.05) 1px, transparent 1px);
    background-size: 60px 60px;
}

.bg-grid-pattern-dark {
    background-image:
        linear-gradient(to right, rgba(255,255,255,0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: 60px 60px;
}

.product-image-container {
    position: relative;
    overflow: hidden;
}
.product-image-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    pointer-events: none;
}

.swiss-grid-border-t { border-top: 1px solid #E5E5E5; }
.swiss-grid-border-b { border-bottom: 1px solid #E5E5E5; }
.swiss-grid-border-l { border-left: 1px solid #E5E5E5; }
.swiss-grid-border-r { border-right: 1px solid #E5E5E5; }

.border-text {
    -webkit-text-stroke: 2px white;
    color: transparent;
}