/*main {*/
/*    > section:first-child {*/
/*        > a {*/
/*            border-radius: 16px;*/
/*        }*/
/*        > a {*/
/*            background-image: url("../images/shopbg.png");*/
/*            background-size: cover;*/
/*            background-position: right bottom;*/
/*        }*/
/*        > div {*/
/*            > a {*/
/*                background-color: white;*/
/*                height: 100%;*/
/*                width: 100%;*/
/*                border-radius: 16px;*/
/*            }*/
/*            display: flex;*/
/*            flex-direction: column;*/
/*            gap: 16px;*/
/*        }*/
/*        > * {*/
/*            width: 100%;*/
/*            height: 100%;*/
/*        }*/
/*        height: 600px;*/
/*        display: flex;*/
/*        gap: 16px;*/
/*        margin: 10px 30px;*/
/*    }*/
/*    > section:nth-child(2) {*/
/*        > div {*/
/*            width: 60%;*/
/*            text-align: center;*/
/*        }*/
/*        display: flex;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*        height: 350px;*/
/*        width: 100%;*/
/*    }*/
/*    > hr {*/
/*        width: 75%;*/
/*    }*/
/*    > section:nth-child(4) {*/
/*        > div {*/
/*            > div {*/
/*                > div {*/
/*                    height: 200px;*/
/*                    width: 100%;*/
/*                    background-color: darkgray;*/
/*                    border-radius: 16px;*/
/*                }*/
/*                width: 100%;*/
/*                gap: 30px;*/
/*                display: flex;*/
/*            }*/

/*            width: 100%;*/
/*            padding: 30px;*/
/*            border-radius: 16px;*/
/*            background-color: #9a9a9a;*/
/*        }*/
/*        display: flex;*/
/*        gap: 16px;*/
/*        margin: 16px 30px;*/
/*    }*/
/*    > section:nth-child(5) {*/
/*        > div {*/
/*            width: 100%;*/
/*            border-radius: 16px;*/
/*            background-color: #9a9a9a;*/
/*        }*/
/*        display: flex;*/
/*        gap: 16px;*/
/*        margin: 16px 30px;*/
/*        height: 600px;*/
/*    }*/
/*    > section:nth-child(6) {*/
/*        > div {*/
/*            width: 100%;*/
/*            height: 100%;*/
/*            border-radius: 16px;*/
/*            background-color: #9a9a9a;*/
/*        }*/
/*        height: 225px;*/
/*        margin: 16px 30px;*/
/*    }*/
/*    > section:nth-child(7) {*/
/*        > div {*/
/*            > div {*/
/*                border-radius: 16px;*/
/*                background-color: #9a9a9a;*/
/*                height: 115px;*/
/*                width: 100%;*/
/*            }*/
/*            display: flex;*/
/*            justify-content: center;*/
/*            gap: 16px;*/
/*        }*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        gap: 16px;*/
/*        margin: 100px 30px 16px;*/
/*    }*/
/*}*/

/*main {*/
/*    > h2:first-child {*/
/*        margin-top: 20px;*/
/*    }*/

/*    > section:nth-child(2) {*/
/*        > div:first-child {*/
/*            > div:last-child {*/
/*                > img {*/
/*                    height: 100%;*/
/*                    width: 100%;*/
/*                }*/

/*                > a {*/
/*                    position: absolute;*/
/*                    inset: auto 14px 14px auto;*/
/*                    color: #fff;*/
/*                    background: rgba(0, 0, 0, .55);*/
/*                    border: 1px solid #2b2b2b;*/
/*                    padding: 8px 12px;*/
/*                    border-radius: 999px;*/
/*                    display: flex;*/
/*                    align-items: center;*/
/*                    gap: 8px;*/
/*                }*/

/*                border: 1px solid #1f2521;*/
/*                background: #0a0a0a;*/
/*                border-radius: 14px;*/
/*                overflow: hidden;*/
/*                position: relative;*/
/*            }*/

/*            grid-row: 1 / span 2;*/
/*            padding: 26px;*/
/*            min-height: 362px;*/
/*            background: linear-gradient(135deg, #0f231a 0%, #07130d 60%, #03100a 100%);*/
/*            border: 1px solid #1f2521;*/
/*            border-radius: 18px;*/
/*            display: grid;*/
/*            grid-template-columns: 1.2fr 1fr;*/
/*            gap: 12px;*/
/*        }*/

/*        > div:nth-child(2) {*/
/*            > ul:first-child {*/
/*                > li:first-child {*/
/*                    opacity: 1;*/
/*                    position: sticky;*/
/*                }*/

/*                > li {*/
/*                    > img {*/
/*                        width: 100%;*/
/*                        height: 100%;*/
/*                    }*/

/*                    height: 100%;*/
/*                    opacity: 0;*/
/*                    position: absolute;*/
/*                }*/

/*                height: 100%;*/
/*            }*/

/*            > ul:hover ~ div, > div:hover {*/
/*                display: block;*/
/*            }*/

/*            > div {*/
/*                > button {*/
/*                    position: absolute;*/
/*                    top: 50%;*/
/*                    transform: translateY(-50%);*/
/*                    background: #404040;*/
/*                    border-radius: 50%;*/
/*                    height: 45px;*/
/*                    width: 45px;*/
/*                    display: flex;*/
/*                    align-items: center;*/
/*                    justify-content: center;*/
/*                }*/

/*                > button:first-child {*/
/*                    left: 10px;*/
/*                }*/

/*                > button:last-child {*/
/*                    right: 10px;*/
/*                }*/

/*                display: none;*/
/*            }*/

/*            > ul:nth-child(2) {*/
/*                > li:first-child {*/
/*                    > button {*/
/*                        background-color: green;*/
/*                        width: 20px;*/
/*                    }*/
/*                }*/

/*                > li {*/
/*                    > button {*/
/*                        background-color: gray;*/
/*                        width: 5px;*/
/*                        height: 5px;*/
/*                        border-radius: 10px;*/
/*                    }*/
/*                }*/

/*                position: absolute;*/
/*                bottom: 10px;*/
/*                left: 50%;*/
/*                transform: translate(-50%);*/
/*                display: flex;*/
/*                gap: 10px;*/
/*            }*/

/*            position: relative;*/
/*            overflow: hidden;*/
/*        }*/

/*        > div:last-child {*/

/*        }*/

/*        > div:not(:first-child) {*/
/*            height: 100%;*/
/*            background: linear-gradient(160deg, #131615, #0e120f 60%, #0a0f0c);*/
/*            border: 1px solid #1f2521;*/
/*            border-radius: 18px;*/
/*        }*/

/*        display: grid;*/
/*        grid-template-columns: 2fr 1fr;*/
/*        grid-template-rows: 1fr 1fr;*/
/*        gap: 14px;*/
/*    }*/

/*    > section:nth-child(3) {*/
/*        > div {*/
/*            > div {*/
/*                > div {*/
/*                    > p {*/
/*                        color: rgba(255, 255, 255, 0.7);*/
/*                        font-size: 13px;*/
/*                    }*/

/*                    font-weight: 700;*/
/*                    border: 1px solid rgba(255, 255, 255, 0.1);*/
/*                    background: rgba(255, 255, 255, .04);*/
/*                    border-radius: 14px;*/
/*                    padding: 14px;*/
/*                    backdrop-filter: blur(8px);*/
/*                    width: 338px;*/
/*                    text-align: center;*/
/*                    left: -338px;*/
/*                    position: absolute;*/
/*                    box-sizing: border-box;*/
/*                    !*animation: slide linear infinite;*!*/
/*                }*/

/*                display: flex;*/
/*                gap: 16px;*/
/*                height: 100px;*/
/*                width: 100%;*/
/*            }*/

/*            overflow: hidden;*/
/*            position: relative;*/
/*        }*/

/*        > div:last-child {*/
/*            > div {*/
/*                > div {*/
/*                    animation-direction: reverse;*/
/*                }*/
/*            }*/
/*        }*/

/*        > div:hover {*/
/*            > div {*/
/*                > div {*/
/*                    animation-play-state: paused;*/
/*                }*/
/*            }*/
/*        }*/

/*        > ::after, > ::before {*/
/*            content: "";*/
/*            position: absolute;*/
/*            top: 0;*/
/*            bottom: 0;*/
/*            width: 40px;*/
/*            z-index: 1;*/
/*            pointer-events: none;*/
/*        }*/

/*        > ::before {*/
/*            left: 0;*/
/*            background: linear-gradient(to right, #0b0f0c, transparent);*/
/*        }*/

/*        > ::after {*/
/*            right: 0;*/
/*            background: linear-gradient(to left, #0b0f0c, transparent);*/
/*        }*/

/*        margin: 16px auto;*/
/*        display: flex;*/
/*        gap: 16px;*/
/*        flex-direction: column;*/
/*    }*/

/*    > section:nth-child(4) {*/
/*        > div:first-child {*/
/*            > * {*/
/*                margin: 0;*/
/*            }*/

/*            > h1 {*/
/*                font-weight: 800;*/
/*                font-size: 28px;*/
/*            }*/

/*            > p {*/
/*                color: rgba(255, 255, 255, 0.70);*/
/*            }*/

/*            display: flex;*/
/*            justify-content: space-between;*/
/*            align-items: center;*/
/*        }*/

/*        > div:last-child {*/
/*            > div {*/
/*                > * {*/
/*                    margin: 0;*/
/*                }*/

/*                > img {*/
/*                    width: 100%;*/
/*                    height: 120px;*/
/*                    border: 1px solid rgba(255, 255, 255, 0.10);*/
/*                    border-radius: 14px;*/
/*                }*/

/*                > h1 {*/
/*                    font-weight: 800;*/
/*                    font-size: 18px;*/
/*                    text-align: center;*/
/*                }*/

/*                > p {*/
/*                    color: rgba(255, 255, 255, 0.70);*/
/*                    font-size: 14px;*/
/*                }*/

/*                > div.infoCategory {*/
/*                    > div {*/
/*                        > span {*/
/*                            font-weight: 670;*/
/*                        }*/

/*                        display: flex;*/
/*                        align-items: center;*/
/*                        justify-content: space-between;*/
/*                        padding: 10px 12px;*/
/*                        background: rgba(0, 0, 0, .35);*/
/*                        border: 1px solid rgba(255, 255, 255, 0.10);*/
/*                        border-radius: 12px;*/
/*                        font-size: 13px;*/
/*                    }*/

/*                    display: flex;*/
/*                    flex-direction: column;*/
/*                    gap: 8px;*/
/*                }*/

/*                > div:last-child {*/
/*                    > button {*/
/*                        width: 100%;*/
/*                        color: #fff;*/
/*                        border-radius: 14px;*/
/*                    }*/

/*                    > button:first-child {*/
/*                        text-align: center;*/
/*                        padding: 12px;*/
/*                        border: 1px solid rgba(34, 197, 94, 0.20);*/
/*                        background: rgba(34, 197, 94, 0.10);*/
/*                        font-weight: 600;*/
/*                        box-shadow: inset 0 0 8px rgba(34, 197, 94, .2);*/
/*                    }*/

/*                    > button:last-child {*/
/*                        border: 1px solid rgba(255, 255, 255, 0.10);*/
/*                        background: transparent;*/
/*                    }*/

/*                    display: flex;*/
/*                    justify-content: space-between;*/
/*                    gap: 12px;*/
/*                }*/

/*                position: relative;*/
/*                display: flex;*/
/*                flex-direction: column;*/
/*                justify-content: space-between;*/
/*                gap: 14px;*/
/*                padding: 18px;*/
/*                background: rgba(255, 255, 255, 0.035);*/
/*                border: 1px solid rgba(255, 255, 255, 0.10);*/
/*                border-radius: 20px;*/
/*                box-sizing: border-box;*/
/*            }*/

/*            > div::before {*/
/*                content: "";*/
/*                position: absolute;*/
/*                inset: 0;*/
/*                background: radial-gradient(120px 70px at 30% 0%, rgba(34, 197, 94, .16), transparent 60%), radial-gradient(120px 70px at 75% 0%, rgba(34, 197, 94, .12), transparent 70%);*/
/*                opacity: .9;*/
/*            }*/

/*            display: grid;*/
/*            grid-template-columns: repeat(4, 1fr);*/
/*            gap: 18px;*/
/*        }*/
/*    }*/
/*}*/

/*@keyframes slide {*/
/*    0% {*/
/*        left: -338px;*/
/*    }*/
/*    100% {*/
/*        left: 2832px;*/
/*    }*/
/*}*/