body {

    margin: 0;

    padding: 0;

    font-family: 'Roboto', sans-serif;

    background-color: #f1f2f6;

    color: #333;

}

header {

    height: 100px;

    width: 100%;

    display: flex;

    align-items: center;

    background-color: #fff;

    margin-bottom: 25px;

}

header .link {

    max-width: 950px;

    margin: auto;

    width: 100%;

    text-align: left;

    padding-left: 15px;

}

header .link a {

    color: #333;

    text-decoration: none;

    font-size: 30px;

    font-weight: 700;

}

main {

    max-width: 950px;

    margin: auto;

    box-sizing: border-box;

    padding-bottom: 45px;

}

main .title {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    background-color: #fff;

    width: 100%;

    text-align: center;

    padding: 30px 20px;

    margin-bottom: 10px;

    box-sizing: border-box;

}

main .title img {

    width: 125px;

    height: 125px;

    border-radius: 125px;

    display: block;

    margin: auto;

}

main .title h1 {

    font-weight: 700;

    margin: 0;

    margin-top: 30px;

}

main .money {

    width: 100%;

    background-color: rgb(46,204,113);

    padding: 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    text-align: center;

    font-weight: 700;

    font-size: 32px;

    color: #fff;

    box-sizing: border-box;

}

main .money p {

    font-family: 'Roboto', sans-serif;

    font-size: 32px;

    margin: 0;

    color: #fff;

    font-weight: 700;

}

main .products {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    box-sizing: border-box;

    gap: 10px;

}

main .products .product {

    padding: 20px 15px;

    max-width: 100%;

    background-color: #fff;

    text-align: center;

}

main .products .product img {

    width: 100%;

    object-fit: contain;

    height: 110px;

    display: block;

    margin-left: auto;

    margin-right: auto;

    padding: 15px 10px 10px;

}

main .products .product .name {

    font-family: 'Roboto', sans-serif;

    font-size: 22px;

    color: #333;

    font-weight: 700;

    margin: 0;

}

main .products .product .price {

    font-family: 'Roboto', sans-serif;

    font-size: 20px;

    color: rgb(46,204,113);

    font-weight: 500;

    margin: 0;

}

main .products .product .buttons {

    margin-top: 25px;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 10px;

}

main .products .product .buttons button:first-child {

    font-size: 16px;

    cursor: pointer;

    text-align: center;

    background-color: rgb(245, 59, 87);

    color: white;

    font-weight: 700;

    user-select: none;

    touch-action: manipulation;

    padding: 9px 12px;

    border-radius: 3px;

    border-width: initial;

    border-style: none;

    border-color: initial;

    border-image: initial;

}

main .products .product .buttons button:last-child {

    font-size: 16px;

    cursor: pointer;

    text-align: center;

    background-color: rgb(5, 196, 107);

    color: white;

    font-weight: 700;

    user-select: none;

    touch-action: manipulation;

    padding: 9px 12px;

    border-radius: 3px;

    border-width: initial;

    border-style: none;

    border-color: initial;

    border-image: initial;

}

main .products .product .buttons input {

    max-width: 100px;

    text-align: center;

    font-size: 16px;

    color: #333;

    font-family: 'Roboto', sans-serif;

    appearance: none;

    -webkit-appearance: none;

    padding: 9px 12px;

    border-radius: 3px;

    border-width: 1px;

    border-style: solid;

    border-color: rgb(178,190,195);

    border-image: initial;

    margin: 0;

}

main .products .product .buttons input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    -moz-appearance: none;

    margin: 0;

}

main .products .product .buttons input::-webkit-outer-spin-button {

    -webkit-appearance: none;

    -moz-appearance: none;

    margin: 0;

}

main .cart {

    max-width: 100%;

    background-color: white;

    text-align: center;

    font-size: 18px;

    margin-top: 10px;

    padding: 15px;

}

main .cart .cart-title {

    background-color: white;

    text-align: center;

    font-size: 28px;

    color: rgb(46,204,113);

    font-weight: 700;

    padding: 15px;

}

main .cart .cart-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 10px 0px;

}

main .cart .cart-grid .cart-item {

    text-align: center;

    display: flex;

    -webkit-box-pack: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

}

main .cart .cart-grid .cart-item img {

    max-height: 50px;

    max-width: 50px;

    margin-right: 7px;

    display: inline;

}

main .cart .cart-grid .cart-item p {

    font-size: 16px;

    display: inline;

}

main .cart .cart-grid .cart-item p span {

    font-size: 16px;

    font-weight: 700;

    display: inline;

    margin-left: 5px;

}

.money.sticky {

    position: fixed;

    top: 0;

    margin-top: 0 !important;

    max-width: 950px;

}

.title.sticky {

    margin-bottom: 98px;

}

.disabled {

    cursor: initial !important;

    color: rgb(51, 51, 51) !important;

    touch-action: manipulation !important;

    background-color: rgb(241, 242, 246) !important;

}

@media (max-width: 900px) {

    main .cart .cart-grid {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        gap: 10px 0px;

    }

    main .products {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        box-sizing: border-box;

        gap: 10px;

    }

}

@media (max-width: 600px) {

    main .cart .cart-grid {

        display: grid;

        grid-template-columns: repeat(1, 1fr);

        gap: 10px 0px;

    }

    main .products {

        display: grid;

        grid-template-columns: repeat(1, 1fr);

        box-sizing: border-box;

        gap: 10px;

    }

}
.no-ads .google-auto-placed {
   display: none !important;
}