-option:hover {
            transform: scale(1.1);
        }

        .color-option.selected {
            border-color: #4a5568;
            transform: scale(1.2);
        }

        .grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            margin-top: 20px;
        }

        @media (max-width: 768px) {
            .grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>

<body>
    <div class="app-container">
