.woo-var-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 20px;
                list-style: none;
                padding: 0;
                margin: 0;
            }
            .woo-var-grid-item {
                background: transparent !important;
                border: none !important;
                padding: 10px;
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
            .woo-var-grid-item a {
                text-decoration: none;
                color: inherit;
            }
            .woo-var-grid-item img {
                max-width: 100%;
                height: auto;
                display: block;
                margin: 0 auto 10px;
            }
            
            /* A CÍM DOBOZA */
            .woo-var-grid-title {
                margin: 10px 0;
                min-height: 50px;
                line-height: 1.4;
                display: flex;
                flex-direction: column; /* Egymás alá rakja a nevet és a variációt */
                gap: 5px; /* Távolság a név és a variáció között */
            }

            /* 1. A TERMÉK NEVE (pl. Üzleti E-mail Szolgáltatás) */
            .woo-var-product-name {
                font-size: 18px; /* Nagyobb betűméret */
                font-weight: bold;
                color: #111111; /* Sötétebb szín */
                display: block;
            }

            /* 2. A VARIÁCIÓ NEVE (pl. START: 3 e-mail cím, 3 GB tárhely) */
            .woo-var-attribute-name {
                font-size: 13px; /* Kisebb betűméret */
                font-weight: normal;
                color: #666666; /* Halványabb, szürke szín */
                display: block;
            }

            .woo-var-grid-price {
                display: block;
                margin-bottom: 15px;
                font-weight: bold;
            }
            .woo-var-grid-btn {
                display: block;
                text-align: center;
                background-color: #000;
                color: #fff !important;
                padding: 10px;
                border-radius: 4px;
                text-decoration: none;
                font-weight: bold;
                transition: background-color 0.2s ease;
            }
            .woo-var-grid-btn:hover {
                background-color: #333;
            }

            /* Tablet nézet (1024px és alatta) */
            @media (max-width: 1024px) {
                .woo-var-grid {
                    grid-template-columns: repeat(3, 1fr);
                }
            }

            /* Mobil nézet (767px és alatta) */
            @media (max-width: 767px) {
                .woo-var-grid {
                    grid-template-columns: repeat(2, 1fr);
                    gap: 15px;
                }
                .woo-var-product-name {
                    font-size: 15px;
                }
                .woo-var-attribute-name {
                    font-size: 11px;
                }
            }