body main {
    max-width:1250px;
}

#search {
    gap:30px
}
@media all and (max-width:899px) {
    #search {
        flex-direction:column
    }
}
@media all and (min-width:900px) {
    #search {
        flex-direction:row
    }
}
#compare {
    .scrollable  {
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: thin;
        text-align: center;
        .smart-watches {
            width: max-content;
            margin:auto;
            display: flex;
            gap: 2vw;
            .smart-watch {
                position: relative;
                display: inline-block;
                width: 40vw;
                max-width: 275px;
            }
        }
    }

    #top {
        margin-bottom:2rem;
        padding-bottom: 1rem;
        position: relative;
        h2 {
            padding:10px;
            display:flex;
            flex-direction:column;
            margin-bottom: 1rem;
            >span {
                height:1.3rem;
            }
            .brand {
                font: var(--s);
            }
            .model {
                font: var(--m);
                font-weight:bold;
            }
            .variant {
                font: var(--s);
                color:var(--color-primary);
                font-weight:500;
            }
        }
        .image {
            text-align:center;
            height: 40vw;
            max-height: 275px;
            background-color: white;
            img {
                object-fit:cover;
                margin:auto;
                width:100%;
                height:100%;
            }
            margin-bottom: 1rem;
        }
    }

    .info-group {
        flex-wrap:wrap;
        flex-direction:column;
        margin:auto;
        margin-bottom: 15px;

        h3 {
            padding: 10px 0px;
            font-family: Jura;
        }

        .infos {
            display: flex;
            flex-direction: column;
            gap: 10px;

            .info {
                letter-spacing:.5px;
                color:#464646;
                .scrollable {
                    scrollbar-width: none;
                }
                .label {
                    font-size:.8em;
                    margin-bottom: 5px;
                    color: rgb(100,100,100);
                }
                .smart-watches {
                    line-height: 2rem;
                    .smart-watch {
                        font-weight: bold;
                        text-align: center;
                    }
                }
            }
        }
    }

    .price {
        padding:0.5rem 1rem;
        color:black;
        background-color:#fff9c6;
        font-weight:600;
        border-radius:6px;
        width: min-content;
        margin: auto;
    }
}