.list-best-product{font-family:Poppins,system-ui,sans-serif;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(24 28 33/var(--tw-text-opacity,1));letter-spacing:.32px}.list-best-product,.list-best-product *,.list-best-product :after,.list-best-product :before{box-sizing:border-box}.list-best-product__container{margin-left:auto;margin-right:auto;max-width:1440px;--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));background-image:url(/themes/custom/new_telkomsel/assets/img/bg-mobile-best-product.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem 1.5rem}@media(min-width:1024px){.list-best-product__container{background-image:none!important}}@media(min-width:1920px){.list-best-product__container{margin-left:240px;margin-right:240px}}@media(min-width:768px){.list-best-product__container{padding:64px 5rem}}.list-best-product__title{max-width:1280px;width:100%}.list-best-product__title-text{font-family:TelkomselBatikSans,system-ui,sans-serif;font-weight:700;text-align:center;--tw-text-opacity:1;color:rgb(0 26 65/var(--tw-text-opacity,1));font-feature-settings:"liga" 0;font-size:1.5rem;letter-spacing:-.32px;line-height:2rem;line-height:40px}@media(min-width:768px){.list-best-product__title-text{font-size:32px}}.list-best-product__title-text--mobile{display:block}@media(min-width:1024px){.list-best-product__title-text--mobile{display:none}}.list-best-product__title-text--desktop{display:none}@media(min-width:1024px){.list-best-product__title-text--desktop{display:block}}.list-best-product__cards{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1280px;overflow:hidden;row-gap:1rem;width:100%}.list-best-product__card{align-items:flex-start;background-color:#f1f2f4;border-radius:1rem;border-width:0;cursor:pointer;display:flex;flex:0 0 calc(50% - 8px);flex-direction:column;max-height:225px;max-width:157.5px;min-height:225px;overflow:hidden;padding:0;position:relative;text-align:left;text-decoration-line:none;text-decoration:none;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}@media (min-width:1200px){.list-best-product__card{max-width:100%}}@media(min-width:480px){.list-best-product__card{flex:0 0 calc(33.333% - 12px)}}@media(min-width:768px){.list-best-product__card{flex:0 0 calc(16.667% - 14px);height:225px;width:195px}}.list-best-product__card:active{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.list-best-product__card-content{align-items:flex-start;display:flex;flex:1 1 0%;flex-direction:column;gap:.25rem;padding:1rem 1rem .25rem;width:100%}.list-best-product__card-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.list-best-product__card-title{font-family:TelkomselBatikSans,system-ui,sans-serif;font-weight:700;--tw-text-opacity:1;color:rgb(24 28 33/var(--tw-text-opacity,1));flex:1 1 0%;font-size:1.25rem;letter-spacing:-1%;line-height:1.75rem;overflow:hidden;text-overflow:ellipsis;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.list-best-product__card-arrow{align-items:center;display:flex;flex-shrink:0;height:1rem;justify-content:center;width:1rem}.list-best-product__card-icon{height:100%;-o-object-fit:contain;object-fit:contain;transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.list-best-product__card:focus .list-best-product__card-icon,.list-best-product__card:hover .list-best-product__card-icon{--tw-translate-y:-0.125rem;--tw-translate-x:0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.list-best-product__card-description{font-family:Poppins,system-ui,sans-serif;font-weight:400;--tw-text-opacity:1;color:rgb(117 127 144/var(--tw-text-opacity,1));font-size:10px;letter-spacing:-1%;line-height:14px;width:100%}@media (min-width:1200px){.list-best-product__card-description{font-size:.75rem;line-height:1rem}}.list-best-product__card-image{aspect-ratio:314/208;flex-shrink:0;overflow:hidden;position:relative;width:100%}.list-best-product__card-image img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.list-best-product__modal{align-items:flex-end;display:flex;display:none;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:99999}@media(max-width:767px){.list-best-product__modal{align-items:flex-end}.list-best-product__modal:before{content:"";left:50%;position:absolute;top:.75rem;--tw-translate-x:-50%;border-radius:9999px;height:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:2.5rem;--tw-bg-opacity:1;background-color:rgb(204 207 211/var(--tw-bg-opacity,1));opacity:0;transition:opacity .3s ease;z-index:10}.list-best-product__modal.show:before{opacity:1}}@media(min-width:768px){.list-best-product__modal{align-items:center;padding-left:2rem;padding-right:2rem}}.list-best-product__modal.show{display:flex;opacity:1;visibility:visible}.list-best-product__modal-backdrop{background:rgba(0,26,65,.6);cursor:pointer;inset:0;position:absolute}.list-best-product__modal-dialog{position:relative;width:100%}@media (min-width:1200px){.list-best-product__modal-dialog{max-width:686px}}.list-best-product__modal-dialog{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));max-height:434px}@media (min-width:1200px){.list-best-product__modal-dialog{max-height:576px}}.list-best-product__modal-dialog{overflow:hidden;--tw-translate-y:100%;box-shadow:0 -4px 20px rgba(0,0,0,.15);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:ease-out;z-index:1}@media(min-width:768px){.list-best-product__modal-dialog{border-radius:1rem;--tw-translate-y:1rem;--tw-scale-x:.95;--tw-scale-y:.95;box-shadow:0 8px 40px rgba(0,0,0,.2);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:ease-out}}.list-best-product__modal.show .list-best-product__modal-dialog{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(min-width:768px){.list-best-product__modal.show .list-best-product__modal-dialog{--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.list-best-product__modal-content{display:flex;flex-direction:column;height:100%;max-height:90vh;overflow:hidden}.list-best-product__modal-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.list-best-product__modal-header-content{flex:1 1 0%}.list-best-product__modal-title{font-family:TelkomselBatikSans,system-ui,sans-serif;font-weight:700;--tw-text-opacity:1;color:rgb(0 26 65/var(--tw-text-opacity,1));font-size:1.25rem;line-height:1.75rem;margin-bottom:.25rem}@media(min-width:768px){.list-best-product__modal-title{font-size:1.5rem;line-height:2rem}}.list-best-product__modal-subtitle{font-family:Poppins,system-ui,sans-serif;font-weight:400;--tw-text-opacity:1;color:rgb(117 127 144/var(--tw-text-opacity,1));font-size:.875rem;letter-spacing:-1%;line-height:1rem}@media(min-width:768px){.list-best-product__modal-subtitle{font-size:1rem;line-height:1.5rem}}.list-best-product__modal-close{align-items:center;border-width:0;display:flex;flex-shrink:0;height:2rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:2rem;--tw-bg-opacity:1;background-color:rgb(241 242 244/var(--tw-bg-opacity,1));border-radius:9999px;cursor:pointer;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.list-best-product__modal-body{padding:1rem}@media (min-width:1200px){.list-best-product__modal-body{padding:2rem 2.5rem}}.list-best-product__modal-body{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}@media (min-width:1200px){.list-best-product__modal-body{flex-direction:row;gap:1.5rem}}.list-best-product__modal-body::-webkit-scrollbar{width:6px}.list-best-product__modal-body::-webkit-scrollbar-track{background:transparent}.list-best-product__modal-body::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(237 236 240/var(--tw-bg-opacity,1));border-radius:9999px}.list-best-product__modal-body::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(204 207 211/var(--tw-bg-opacity,1))}.list-best-product__modal-product{display:flex;flex-direction:column;gap:1.5rem;min-width:295px;width:100%}.list-best-product__modal-product__container{display:flex;flex-direction:column;gap:.25rem}@media (min-width:1200px){.list-best-product__modal-product__container{gap:.75rem}}.list-best-product__modal-product__title{font-family:TelkomselBatikSansBold,system-ui,sans-serif;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(24 28 33/var(--tw-text-opacity,1))}@media (min-width:1200px){.list-best-product__modal-product__title{font-size:40px}}.list-best-product__modal-product__desc{font-family:Poppins,system-ui,sans-serif;font-size:.75rem;letter-spacing:-1%;line-height:1rem;--tw-text-opacity:1;color:rgb(117 127 144/var(--tw-text-opacity,1))}@media (min-width:1200px){.list-best-product__modal-product__desc{font-size:1rem;line-height:1.5rem}}.list-best-product__modal-product__button{border-radius:9999px;display:none;width:-moz-fit-content;width:fit-content;--tw-bg-opacity:1;background-color:rgb(237 2 38/var(--tw-bg-opacity,1));font-family:PoppinsMedium,system-ui,sans-serif;padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:1200px){.list-best-product__modal-product__button{display:block}}.list-best-product__modal-features{display:flex;flex-direction:column;gap:.75rem;width:100%}@media (min-width:1200px){.list-best-product__modal-features{gap:1rem}}.list-best-product__modal-features-title{font-family:Poppins,system-ui,sans-serif;font-size:.75rem;font-weight:600;line-height:1rem;--tw-text-opacity:1;color:rgb(24 28 33/var(--tw-text-opacity,1))}@media (min-width:1200px){.list-best-product__modal-features-title{font-size:1.25rem;line-height:1.75rem}}.list-best-product__modal-features-list{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:1200px){.list-best-product__modal-features-list{display:flex;flex-direction:column;gap:1rem}}.list-best-product__modal-feature{align-items:center;display:flex;flex-direction:column;font-family:Poppins,system-ui,sans-serif;font-size:10px;gap:.5rem;letter-spacing:-1%;line-height:14px;text-align:center;--tw-text-opacity:1;color:rgb(117 127 144/var(--tw-text-opacity,1))}@media (min-width:1200px){.list-best-product__modal-feature{flex-direction:row;font-size:.875rem;gap:.75rem;line-height:1.25rem;text-align:left}}.list-best-product__modal-feature__img{height:2.5rem;width:2.5rem}.list-best-product__modal-footer{display:block}@media (min-width:1200px){.list-best-product__modal-footer{display:none}}.list-best-product__modal-footer__button{border-radius:9999px;display:block;width:100%;--tw-bg-opacity:1;background-color:rgb(237 2 38/var(--tw-bg-opacity,1));font-family:Poppins,system-ui,sans-serif;font-size:.875rem;font-weight:600;line-height:1.25rem;padding:.75rem 1.5rem;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:1200px){.list-best-product__modal-footer__button{display:none}}.list-best-product__modal-btn{align-items:center;border-radius:9999px;border-width:0;cursor:pointer;display:inline-flex;font-family:Poppins,system-ui,sans-serif;font-size:1rem;font-weight:600;justify-content:center;line-height:1.5rem;padding:.75rem 1.5rem;text-align:center;text-decoration-line:none;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}@media(min-width:768px){.list-best-product__modal-btn{padding-left:2rem;padding-right:2rem;width:auto}}.list-best-product__modal-btn:hover{text-decoration-line:none}