body {
    background-image: url(../assets/storebg.png);
}

.carticon {
    grid-row: 1 / span 1;
    grid-column: 8 / span 1;
}

.aboutbutton {
    grid-row: 1 / span 1;
    grid-column: 3 / span 1;
}

.contactbutton {
    grid-row: 1 / span 1;
    grid-column: 2 / span 1;
}

.returnhome {
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;
}

.carticon:hover, .returnhome:hover, .aboutbutton:hover, .contactbutton:hover {
    transform: translateY(-5px);
}

.catalogue {
    border: dashed white 2px;
    grid-row: 3 / span 6;
    grid-column: 2 / span 3;
}

.desc {
    border: dashed white 2px;
    grid-row: 3 / span 6;
    grid-column: 5 / span 3;
}

.storewindowheaders {
    grid-row: 2 / span 1;
    grid-column: 2 / span 6;
}

.animswipe {
    grid-row: 1 / span 1;
    grid-column: 4 / span 4;
}



.catalogue {
    overflow-y: auto;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-preview {
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid white;
    padding: 5px;
}

.product-preview img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.product-preview p {
    color: white;
}

.desc {
    padding: 20px;
    color: white;
}

.desc h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.desc .price {
    font-size: 20px;
    color: #0f0;
    margin-bottom: 15px;
}

.add-to-cart {
    background-color: #f00;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    margin-top: 20px;
}