#sectionRecommandCategory {  }

#sectionRecommandCategory .block { display: none; }
#sectionRecommandCategory .blocks ~ .blocks { margin-top: 2rem; }
#sectionRecommandCategory .blocks .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.25rem; }
#sectionRecommandCategory .blocks .header .left { display: flex; align-items: center; }
#sectionRecommandCategory .blocks .header .left .categoryname { font-size: 1.3rem; font-weight: 500; white-space: nowrap; }
#sectionRecommandCategory .blocks .header .left .badges { display: flex; flex-wrap: wrap; margin-left: 1rem; }
#sectionRecommandCategory .blocks .header .left .badges .item { padding: 0 0.2rem; font-size: 0.9rem; color: var(--color-text-light); transition: all 0.4s; cursor: pointer; }
#sectionRecommandCategory .blocks .header .left .badges .item:hover { padding: 0 0.5rem; font-size: 1rem; color: #fff; background-color: var(--color-main); border-color: var(--color-main); border-radius: 3rem; }
#sectionRecommandCategory .blocks .header .right .more { white-space: nowrap; }
#sectionRecommandCategory .blocks .header .right .more a { display: flex; align-items: center; gap: 0.25rem; }
#sectionRecommandCategory .blocks .header .right .more a i { font-size: 0.75rem; -webkit-text-stroke: 1px; }
/*xl*/ @media (max-width: 1199px) {
    #sectionRecommandCategory .blocks .header .left .badges { display: none; }
}

#sectionRecommandCategory .splide .splide__arrows .splide__arrow { background-color: #fff!important; border-radius: 0; border-radius: 50%; box-shadow: 0 0 4px 2px rgb(0 0 0 / 9%); opacity: 1; transition: all 0.4s; }
#sectionRecommandCategory .splide .splide__arrows .splide__arrow:hover { box-shadow: 0 0 6px 3px rgb(0 0 0 / 15%); }
#sectionRecommandCategory .splide .splide__arrows .splide__arrow svg { width: 1rem; height: 1rem; }
#sectionRecommandCategory .splide .splide__arrows .splide__arrow svg path { fill: var(--color-gray-dark); }
#sectionRecommandCategory .splide .splide__arrows .splide__arrow.splide__arrow--prev { left: -1rem; }
#sectionRecommandCategory .splide .splide__arrows .splide__arrow.splide__arrow--next { right: -1rem; }
#sectionRecommandCategory .splide .splide__track { padding: 2px 0; }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide { margin-top: 0.3rem; background-color: #fff; border: 1px solid var(--color-gray-light); border-radius: 0.25rem; cursor: pointer; transition: opacity 0.4s, transform 0.4s; }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide:hover { opacity: 0.8; transform: translateY(-0.2rem); }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .thumb { margin-bottom: 0.5rem; background: no-repeat center / cover; border-top-left-radius: inherit; border-top-right-radius: inherit; }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .thumb .product-icon { position: absolute; top: 0; left: 0; display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: 0.25rem; }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .thumb .product-icon img { max-width: 25%; padding: 0.1rem; }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .icons { padding: 0 0.75rem; font-size: 0.8rem; font-weight: 300; color: var(--color-text-light); }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .icons .icon ~ .icon { position: relative; margin-left: 1rem; }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .icons .icon ~ .icon:before { position: absolute; content: ""; width: 2px; height: 2px; top: 50%; left: -0.5rem; transform: translateY(-50%); background-color: var(--color-text-light); }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .title { padding: 0 0.75rem; margin-bottom:0.25rem; font-size: 0.9rem; font-weight: 500; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .description { padding: 0 0.75rem; margin-bottom: 0.5rem; color: var(--color-text-light); font-size: 0.8rem; }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .blank { height: 45px; }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .price { position: absolute; bottom:0; padding: 0 0.75rem 0.5rem 0.75rem; }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .price .price-sell { margin-right: 0.5rem; font-size: 1.1rem; font-weight: 500; }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .price .price-per { font-size: 0.9rem; color: var(--color-main-light); }
#sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .price .nostartdate { margin: 0; }

/*md*/ @media (max-width: 767px) {
    #sectionRecommandCategory .splide .splide__arrows .splide__arrow { display: none; }
    #sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .icons { padding: 0 0.5rem; }
    #sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .title { padding: 0 0.5rem; }
    #sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .description { padding: 0 0.5rem; }
    #sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .price { padding: 0.5rem 0.5rem; }
}
/*sm*/ @media (max-width: 575px) {
}
/*Galaxy Fold 280*/ 
@media (max-width: 300px) {
    #sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .price .price-sell { font-size: 1rem; }
    #sectionRecommandCategory .splide .splide__track .splide__list .splide__slide .price .price-per { font-size: 0.8rem; }
}

#sectionRecommandCategory .inner { margin-top:40px; }



#sectionEtcInfo { padding: 3rem 0; }
#sectionEtcInfo .container { display: flex; gap: 2rem; }
#sectionEtcInfo .header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 0.75rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--color-text); }
#sectionEtcInfo .header .text { font-size: 1.5rem; font-weight: 700; }
#sectionEtcInfo .header .more { font-size: 0.8rem; font-weight: 300; color: var(--color-text-light); cursor: pointer; }
#sectionEtcInfo .header .more i { margin-left: 0.25rem; font-size: 0.5rem; -webkit-text-stroke: 1px; }
#sectionEtcInfo .leftcenter { flex: 1; display: flex; gap: 2rem; }
#sectionEtcInfo .leftcenter > div { flex: 1; }
#sectionEtcInfo .leftcenter .left { display: flex; flex-direction: column; justify-content: space-between; gap: 2rem; }
#sectionEtcInfo .leftcenter .left .board .content .line { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; cursor: pointer; transition: 0.4s; }
#sectionEtcInfo .leftcenter .left .board .content .line ~ .line { margin-top: 0.5rem; }
#sectionEtcInfo .leftcenter .left .board .content .line:hover { opacity: 0.6; }
#sectionEtcInfo .leftcenter .left .board .content .line .title { display: flex; align-items: baseline; }
#sectionEtcInfo .leftcenter .left .board .content .line .title i { margin-right: 0.25rem; }
#sectionEtcInfo .leftcenter .left .board .content .line .title div { max-height: 1.3rem; overflow: hidden; position: relative; color: transparent; }
#sectionEtcInfo .leftcenter .left .board .content .line .title div:after { content: attr(data-text); position: absolute; top: 0; left: 0; right: 0; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sectionEtcInfo .leftcenter .left .board .content .line .date { font-size: 0.8rem; color: var(--color-text-light); white-space: nowrap; }
#sectionEtcInfo .leftcenter .center .board .content .line { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; transition: 0.4s; }
#sectionEtcInfo .leftcenter .center .board .content .line ~ .line { margin-top: 0.5rem; }
#sectionEtcInfo .leftcenter .center .board .content .line:hover { opacity: 0.6; }
#sectionEtcInfo .leftcenter .center .board .content .line .thumb { width: 95px; background: no-repeat center / cover; border-radius: 0.5rem; }
#sectionEtcInfo .leftcenter .center .board .content .line .thumb:after { content: ""; display: block; padding-bottom: 80%; }
#sectionEtcInfo .leftcenter .center .board .content .line .thumb.noimage { position: relative; border: 1px solid var(--color-gray-light); }
#sectionEtcInfo .leftcenter .center .board .content .line .thumb.noimage i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2rem; color: var(--color-gray-light); }
#sectionEtcInfo .leftcenter .center .board .content .line .text { flex: 1; }
#sectionEtcInfo .leftcenter .center .board .content .line .text .title { display: flex; align-items: baseline; font-weight: 500; }
#sectionEtcInfo .leftcenter .center .board .content .line .text .title i { margin-right: 0.25rem; }
#sectionEtcInfo .leftcenter .center .board .content .line .text .title div { max-height: 1.3rem; overflow: hidden; position: relative; color: transparent; }
#sectionEtcInfo .leftcenter .center .board .content .line .text .title div:after { content: attr(data-text); position: absolute; top: 0; left: 0; right: 0; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sectionEtcInfo .leftcenter .center .board .content .line .text .date { margin-top: 0.25rem; color: var(--color-text-light); font-size: 0.8rem; white-space: nowrap; }
#sectionEtcInfo .right { display: flex; flex-direction: column; justify-content: space-between; gap: 2rem; }
#sectionEtcInfo .right .info .content { white-space: nowrap; }
#sectionEtcInfo .right .info .content .big { font-size: 1.25rem; font-weight: 500; }
#sectionEtcInfo .right .info .content .description { font-size: 0.9rem; font-weight: 300; color: var(--color-text-light); }
/*lg*/ @media (max-width: 991px) {
    #sectionEtcInfo .container { flex-direction: column; }
    #sectionEtcInfo .right { flex-direction: row; }
    #sectionEtcInfo .right > div { flex: 1; }
}
/*md*/ @media (max-width: 767px) {
}
/*sm*/ @media (max-width: 575px) {
    #sectionEtcInfo { padding: 2rem 0; }
    #sectionEtcInfo .leftcenter { flex-direction: column; }
    #sectionEtcInfo .right { flex-direction: column; }
}