#special_deals {
    position: relative;
    touch-action: pan-y
}

#special_deals .title {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--home-spacing);
    align-items: flex-start;
    margin-block-end:var(--home-spacing)}

#special_deals .title h3 {
    font-size: 2em;
    font-weight: 800;
    text-transform: uppercase
}

#special_deals .title p {
    max-width: 60em;
    opacity: .75;
    margin: 0
}

#special_deals .list {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(19em,1fr));
    gap: 1em
}

#special_deals .list a {
    display: block;
    background: var(--warna_5) !important;
    color: currentColor;
    border-radius: 1em;
    overflow: hidden
}



#special_deals .list .item .img {
    width: 4.5em;
    height: 4.5em;
    align-self: flex-start;
    border-radius: 1em;
    overflow: hidden;
   /* box-shadow: var(--warna_3) 0 0 0 1px*/
}

#special_deals .list .item .img img {
    vertical-align: top;
    width: 100%;
    height: 100%
}

#special_deals .list .item .sku {
    font-weight: 800;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

#special_deals .list .item .name {
    font-size: .8em;
    opacity: .75;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

#special_deals .list .promo {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1em;
    align-items: center;
    padding: .75em 1em
}

#special_deals .list .price {
    text-align: end
}

#special_deals .list .price b {
    display: block;
    text-transform: uppercase
}

#special_deals .list .free,#special_deals .list .rate {
    background-color: var(--warna_4) !important;
    color: var(--background-color-L3,#fff);
    min-width: 4.5em;
    padding: 0 .5em;
    box-sizing: border-box;
    
    text-align: center;
    border-radius: 1em;
    text-transform: uppercase
}

#special_deals .list .condition {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#special_deals .btc {
    position: absolute;
    inset-inline: calc(var(--home-spacing) * -1 + .75em);
    inset-block-end: 6.25em;
    z-index: 1;
    height: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: opacity .3s,transform .3s
}

#special_deals .btc .btw.swiper-button-disabled {
    visibility: hidden;
    opacity: 0;
    transform: scale(.75)
}

@media only screen and (min-width: 1001px) and (max-width:1280px) {
    #special_deals .list a:nth-of-type(8)~a {
        display:none
    }
}

@media only screen and (min-width: 1001px) {
    #special_deals .list {
        transform:none!important
    }

    #special_deals .btc {
        display: none
    }
}

@media only screen and (max-width: 1000px) {
    #special_deals .title h3 {
        font-size:1.5em
    }

    #special_deals .list {
        display: flex;
        gap: 0;
        margin-inline:calc(var(--home-spacing) * -1);padding-inline: var(--home-spacing)
    }

    #special_deals .list a {
        flex: none;
        width: min(22.5em,calc(var(--VWidth) - 6em))
    }
}

@media only screen and (max-width: 480px) {
    #special_deals .title {
        align-items:flex-start
    }

    #special_deals .title p {
        font-size: .8em
    }

    #special_deals .title a.more {
        --padding-block: .166667em;
        --padding-inline: 1em
    }

    #special_deals .btc {
        display: none
    }
}
#special_deals .list .item {
    color: var(--color-text);
    background-color: var(--background-color);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7b3BhY2l0eTouMTtjbGlwLXBhdGg6dXJsKCNjbGlwUGF0aCk7ZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXBQYXRoIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDAwIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjkwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMCkiLz48L2xpbmVhckdyYWRpZW50PjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAsMTAwMClzY2FsZSgtMSwtMSkiPjxwYXRoIGQ9Ik0xMzg0LjUgMzQzLjJMMTkyLjcgMTUzNWwtMjEzLjUtM0wxMzgzIDEyOC4ybDEuNSAyMTV6Ii8+PHBhdGggZD0iTTE5MTkuNyA0NDguM0wxMzU5IDEwMDlsLTEwMC40LTEuNEwxOTE5IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMTc2LjcgNTE0LjNMNjE2IDEwNzVsLTEwMC40LTEuNEwxMTc2IDQxMy4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik02NDQuNyA0NTcuM0w4NCAxMDE4bC0xMDAuNC0xLjRMNjQ0IDM1Ni4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMzg3LjcgNDQ4LjNMODI3IDEwMDlsLTEwMC40LTEuNEwxMzg3IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMjUwLjEgNDkzLjhsLTU0NSA1NDUtNTIuNyA0My42IDY0MS45LTY0MS45LTQ0LjIgNTMuM3oiLz48cGF0aCBkPSJNODkxLjEgNjM5LjFMLTc3OCAyMzA4LjNsLTI5OC45LTQuMkw4ODkgMzM4LjFsMi4xIDMwMXoiLz48cGF0aCBkPSJNMTg3MC40IDQxOS44TC0yOC44IDIzMTlsLTM0MC4xLTQuOEwxODY4IDc3LjNsMi40IDM0Mi41eiIvPjxwYXRoIGQ9Ik05MDguNCA0MzYuOEwtOTkwLjggMjMzNmwtMzQwLjEtNC44TDkwNiA5NC4zbDIuNCAzNDIuNXoiLz48cGF0aCBkPSJNMTYzMi40IDUxNS44TC0yNjYuOCAyNDE1bC0zNDAuMS00LjhMMTYzMCAxNzMuM2wyLjQgMzQyLjV6Ii8+PHBhdGggZD0iTTExNzYuMyA1NjcuMUwtMTQ0NS42IDMxODlsLTQ2OS41LTYuNkwxMTczIDk0LjNsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0xNDI3LjMgNTgwLjFMLTExOTQuNiAzMjAybC00NjkuNS02LjZMMTQyNCAxMDcuM2wzLjMgNDcyLjh6Ii8+PHBhdGggZD0iTTE2NDkuNSA4ODAuMkw0NTcuNyAyMDcybC0yMTMuNS0zTDE2NDggNjY1LjJsMS41IDIxNXoiLz48cGF0aCBkPSJNNjc1LjggNTIyLjJsLTI2MjEuOSAyNjIxLjktNDY5LjQtNi42TDY3Mi41IDQ5LjRsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0yNTk1LjkgNTIyLjJMLTI2IDMxNDQuMWwtNDY5LjUtNi42TDI1OTIuNiA0OS40bDMuMyA0NzIuOHoiLz48L2c+PC9zdmc+), linear-gradient(135deg, hsl(calc( 240 + 10) calc( 3% * .9) max(calc( 34% - 25%),10%)), hsl(calc( 240 - 10) calc( 3% * .9) min(calc( 34% + 25%),90%)));
    background-repeat: repeat-x;
    background-position: -90% 0, center;
    background-size: 225% auto, cover;
}
#special_deals .list .item {
    display: grid;
    grid-template-columns: 4.5em calc(100% - 5.5em);
    gap: 1em;
    align-items: center;
    padding: 1em;
    border-radius: 1em;
}