.product
{
    display: flex;
    gap: 1rem;
    margin: 0 0 1rem 0;
    padding: 0;
}

.product dd
{
    margin: 0;
    padding: 0;
}

.product dd img { display: block; width: 120px; }
.product dt { font-size: 80%; }

@media screen and (max-width: 768px)
{
    .product { display: block; }
    .product dd, .product dt { width: 100%; }
    .product dd img { width: 100%; }
}

/* Basket Page */

    .basket_item
    {
        background: white;
        border-radius: 0.5rem;
        display: flex;
        gap: 1rem;
        font-size: 0.8rem;
        margin: 0 0 1rem 0;
        padding: 1rem;
    }

    .basket_item dd
    {
        margin: 0;
        padding: 0;
    }
    
/* Forms */

form { width: 100%; }

form dl { margin-bottom: 8px; width: 100%; }
form dl dt { font-weight: bold !important; }
form dl dd { margin: 0; padding: 0; }
form dl dd input { border: 1px solid #ccc; padding: 6px 4px; min-width: 200px; }
form dl dd textarea { border: 1px solid #ccc; height: 100px; padding: 6px 4px; min-width: 200px; }

/* Address */

    div.select_address { display: flex; gap: 1rem; }
    div.address
    {
        background: white;
        border: 1px solid #ccc;
        cursor: pointer;
        display: inline-block;
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
        width: 25%;
    }

    div.address.selected
    {
        border-color: #007bff;
        background-color: #f0f8ff;
    }

    div.address.red
    {
        background: #cc0000;
    }

    div.address.red img { width: 30px; }

    div.address p smaller a { color: #ddd; }

    /*div.address input { display: none; }*/

/* Buttons */

    button, input[type="submit"]
    {
        background: #910F00;
        border: 0;
        border-radius: 0.3rem;
        color: white;
        font-size: 0.8rem;
        font-weight: bold;
        margin-right: 0.5rem;
        padding: 0.5rem 0.9rem;
    }

    button:hover, input[type="submit"]:hover { background: #333; cursor: pointer; }

/* Error message */

.error { color: #cc0000; font-weight: bold; font-style: italic; }
code { background: #4d9a49; color: white; display: inline-block; font-family: "JetBrains Mono", monospace; padding: 0.6rem; }