KOPI77: Gerbang Petualangan Digital Anda - Login, Daftar </div> <span class="pd-buying-price__monthly-price" data-sdf-test="{{priceAnchor.priceWrapper.info.totalPriceMonthly}}"> {{priceAnchor.priceWrapper.info.totalPriceMonthly}} </span> </div> <div class="pd-buying-price__box"> <p class="pd-buying-price__trade-in" data-sdf-test="{{priceAnchor.priceWrapper.info.ceExchangePrice}}"> {{priceAnchor.priceWrapper.info.ceExchangePrice}} </p> <div class="pd-buying-price__tax" data-sdf-test="{{priceAnchor.priceWrapper.info.orignalPriceAddText}}"> {{priceAnchor.priceWrapper.info.orignalPriceAddText}} </div> <div class="pd-buying-price__label" data-sdf-test="{{priceAnchor.priceWrapper.info.lowestWasPricetext}}"> {{priceAnchor.priceWrapper.info.lowestWasPricetext}} </div> <div class="pd-buying-price__was" data-sdf-test="{{priceAnchor.priceWrapper.info.orignalPrice}}"> <span class="hidden"> Harga awal: </span> {{priceAnchor.priceWrapper.info.orignalPrice}} </div> <div class="pd-buying-price__save" data-sdf-test="{{priceAnchor.priceWrapper.info.savePrice}}"> {{priceAnchor.priceWrapper.info.savePrice}} </div> <div class="pd-buying-price__disclaimer" data-sdf-test="{{priceAnchor.priceWrapper.info.disclaimer}}"> {{priceAnchor.priceWrapper.info.disclaimer}} </div> </div> </div> <div class="pdd39-anchor-nav__cta pd-buying-price__cta"> <a href="https://asatexas.org/" class="cta cta--contained cta--emphasis cta--2line add-special-tagging"> Masuk </a> <a href="https://asatexas.org/" class="cta cta--contained cta--emphasis cta--2line add-special-tagging"> Daftar </a> </div> </div> </div> </div>  <input id="featureYN" name="featureYN" type="hidden" value="Y"> <div class="pdd39-anchor-nav__menu"> <div class="tab" data-auto-init="false" data-comp-name="tab" data-use-arrow="" data-use-arrow-mo=""> <div class="tab__left-arrow-wrap"> <button aria-label="previous" class="tab__left-arrow disabled" role="button" type="button"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#previous-regular"> </use> </svg> </button> </div> <input id="featureAnchorListYn" name="featureAnchorListYn" type="hidden" value="N"> <ul class="tab__list" id="anchor-menu-list" role="tablist"> <li class="tab__item" id="benefitWrap" role="presentation" style="display: none; margin-left: 0;"> <a an-ac="anchor navi" an-ca="navigation" an-la="anchor navi:features" an-tr="pdd39_anchor nav v3-product detail-sub navi-navigation" aria-label="Fitur" class="tab__item-title" href="#features"> Fitur <span class="tab__item-line"> </span> </a> </li> </ul> <div class="tab__right-arrow-wrap disabled"> <button aria-label="next" class="tab__right-arrow" role="button" type="button"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#next-regular"> </use> </svg> </button> </div> </div> </div> <div class="pdd39-anchor-nav__header-dummy"> </div> <div class="sg-component" id="navProperties" style="display:none;"> <input id="navPriceDisplayYn" type="hidden" value="Y"> <input id="navShopServiceYn" type="hidden"> <input id="navPackageYn" type="hidden" value="N"> <input id="thirdPartyPrdYN" type="hidden" value="N"> <input id="tenantId" type="hidden" value="idn"> <input id="pdType" type="hidden" value="S-B"> <input id="navOldProductYn" type="hidden" value="N"> <input id="shopSKU" type="hidden" value="MS-F813QBDUIDZ"> <input id="wtbUseYn" type="hidden" value="N"> <input id="pdpUrl" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/"> <input id="ctaType" type="hidden" value="INSTOCK"> <input id="marketingPdpYN" type="hidden" value="N"> <input id="familyCode" type="hidden" value="561454"> <input id="tellsomeYn" type="hidden" value="N"> <input id="navDisplayName" type="hidden" value="Galaxy A07"> <input id="navPageTrack" type="hidden" value="product detail"> <input id="current-page-nav" name="current-page-nav" type="hidden" value="/content/samsung/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy"> <input id="navConfiguratorUrl" type="hidden"> <input id="navCtaLocalText" type="hidden"> <input id="navCtaEngText" type="hidden"> <input id="navConfiguratorUseYn" type="hidden" value="N"> <input id="navDetailRootNodePath" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy.dynamic"> </div> <div class="pd-g-product-detail-header-ux2"> <div class="add-ons-evoucher-popup" style="display:none"> <div class="layer-popup" id="freeGiftPopup" role="dialog" style="display:block" tabindex="0"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="add-ons-evoucher-popup__contents scrollbar__contents"> <div class="add-ons-evoucher-popup__wrap"> <div class="add-ons-evoucher-popup__head"> <h2 class="layer-popup__title"> </h2> </div> <div class="add-ons-evoucher-popup__body"> <ul class="add-ons-evoucher-popup__list"> </ul> </div> </div> </div> </div> <div class="add-ons-evoucher-popup__button"> <div class="add-ons-evoucher-popup__button-item"> <button aria-disabled="true" aria-label="Out of Stock" class="cta cta--contained cta--black cta--disabled"> Out of Stock </button> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div>  <section class="pdd16-step-buying" id="pdd16-step-buying" style="display:none;"> <div class="pdd16-step-buying__header"> <div class="pdd16-step-buying__header-wrap"> <div class="pdd16-step-buying__header-title"> <div class="image"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$240_240_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$240_240_PNG$"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$240_240_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$240_240_PNG$"> </div> <div class="pdd16-step-buying__header-text"> <strong> Galaxy A07 </strong>  </div> <div class="pdd16-step-buying__quantity"> <strong> </strong> </div> </div> <div aria-live="polite" class="pdd16-step-buying__add-on-list swiper-container basic-swiper" data-swiper-option="{ "componentEl":".pdd16-step-buying__add-on-list", "keepWrapper": true, "offSlideAccessibility":true, "followFinger": false, "slidesPerView":"auto" }" style="display:none;"> <button class="swiper-button-prev" type="button"> <span class="hidden"> Previous </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#previous-regular"> </use> </svg> </button> <div class="swiper-wrapper" role="list"> </div> <button class="swiper-button-next" type="button"> <span class="hidden"> Next </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#next-regular"> </use> </svg> </button> </div>  <div class="pdd16-step-buying__header-price"> <div class="pdd16-step-buying__header-price-text"> <strong> from £55.53/mo for 36 mos </strong> or £3,299.00  <div class="pdd16-step-buying__header-price-save"> <del class="was-text"> £2,399.00 </del> <span class="sale-text"> save $ £400.00 </span> </div> </div> </div> </div> </div> <div class="pdd16-step-buying__header__dummy"> </div>  <div class="pdd16-step-buying__promotion-banner"> <svg class="icon" focusable="false"> <use xlink:href="#deal-bold"> </use> </svg> <p class="pdd16-step-buying__promotion-banner-text"> </p> </div> <div class="pdd16-step-buying__contents"> <p class="pdd16-step-buying__headline"> Tambahan Menarik Lainnya </p> <h3 class="pdd16-step-buying__sub-headline" style="display:none;"> </h3> <div class="pdd16-step-buying__evoucher" style="display:none;"> <div class="pdd16-step-buying__evoucher-wrap"> <ul class="pdd16-step-buying__evoucher-list"> <li class="pdd16-step-buying__evoucher-item"> <span class="pdd16-step-buying__evoucher-title"> Selected Items( <span> </span> ) </span> <p class="pdd16-step-buying__evoucher-content" id="selectedItem"> </p> <input id="voucherTotal" type="hidden" value="0"> </li> <li class="pdd16-step-buying__evoucher-item"> <span class="pdd16-step-buying__evoucher-title"> Saldo eVoucher saya </span> <p class="pdd16-step-buying__evoucher-content" id="voucherBalance"> </p> </li> <li class="pdd16-step-buying__evoucher-item"> <span class="pdd16-step-buying__evoucher-title"> Biaya Tambahan </span> <p class="pdd16-step-buying__evoucher-content" id="voucherCharge"> </p> </li> </ul> </div> <div class="pdd16-step-buying__evoucher-cta"> <button aria-label="Clear All" class="cta cta--underline cta--black cta--icon cta--clear-all"> Clear All <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> <div class="pdd16-step-buying__tab-wrap"> <div class="tab bg-light-gray" data-use-arrow=""> <div class="tab__left-arrow-wrap disabled"> <button aria-label="previous" class="tab__left-arrow" role="button" type="button"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#previous-regular"> </use> </svg> </button> </div> <ul class="tab__list" role="tablist"> <li class="tab__item" role="presentation"> <button class="tab__item-title" role="tab"> <span class="tab__item-line"> </span> </button> </li> <li class="tab__item" role="presentation"> <button class="tab__item-title" role="tab"> <span class="tab__item-line"> </span> </button> </li> <li class="tab__item" role="presentation"> <button class="tab__item-title" role="tab"> <span class="tab__item-line"> </span> </button> </li> </ul> <div class="tab__right-arrow-wrap disabled"> <button aria-label="next" class="tab__right-arrow" role="button" type="button"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#next-regular"> </use> </svg> </button> </div> </div> <div aria-live="polite" class="pdd16-step-buying__card-wrap swiper-container basic-swiper" data-swiper-option="{ "slidesPerView":1, "autoHeight":true, "pagination":false, "componentEl":".pdd16-step-buying__card-wrap", "watchOverflow":true, "offTxtAccesibility":"true" }"> <div class="swiper-wrapper"> <div class="pdd16-step-buying__tab pdd16-step-buying__2column swiper-slide"> <div class="pdd16-step-buying__list-type"> <a aria-label="2column" class="btn-type on"> <svg class="icon" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0H16V16H0z" fill="none" transform="translate(-344 -388) translate(344 388)"> </path> <g> <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(344 388)"> </path> <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(344 394.649)"> </path> <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(350.65 388)"> </path> <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(350.65 394.649)"> </path> </g> </svg> </a> <a aria-label="1column" class="btn-type"> <svg class="icon" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0H16V16H0z" fill="none" transform="translate(349 388) translate(-349 -388)"> </path> <g> <path class="cls-2" d="M.652 0h10.7A.681.681 0 0 1 12 .764v3.822a.681.681 0 0 1-.652.764H.652A.681.681 0 0 1 0 4.586V.764A.681.681 0 0 1 .652 0z" transform="translate(344 388.732) translate(7 1.268) translate(-349 -388)"> </path> <path class="cls-2" d="M.652 0h10.7A.681.681 0 0 1 12 .764v3.822a.681.681 0 0 1-.652.764H.652A.681.681 0 0 1 0 4.586V.764A.681.681 0 0 1 .652 0z" transform="translate(344 395.732) translate(7 1.268) translate(-349 -388)"> </path> </g> </svg> </a> </div> <div class="scrollbar"> <div class="scrollbar__contents"> <div class="pdd16-step-buying__view-more"> <button aira-label="View more" class="cta" type="button"> <svg class="icon next" focusable="false"> <use xlink:href="#next-bold"> </use> </svg> <span class="cta-text"> Lihat selengkapnya </span> <svg class="icon down" focusable="false"> <use xlink:href="#open-down-bold"> </use> </svg> </button> </div> </div> </div> </div> </div> <div class="pdd16-step-buying__disclaimer" style="display:none"> <p> </p> </div> <div class="pdd16-step-buying__footer pdd16-step-buying__footer--fixed"> <div class="pdd16-step-buying__footer-price"> <p class="pdd16-step-buying__footer-text"> <strong> Total </strong> VAT Inclusive </p> <p class="pdd16-step-buying__footer-sum"> <strong> From $107.50/mo </strong> for most at 0% APR <br> or $2,579.96 </p> </div> </div> <div class="pdd16-step-buying__footer__dummy"> </div> </div> </div> </div> <div aria-modal="true" class="pdd16-step-buying__layer-learn-more" id="layerPopupLearnMore" role="dialog" tabindex="0"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title"> </h2> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="pdd16-step-buying__learn-more-images"> </div> <div class="pdd16-step-buying__learn-more-content"> </div> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Layer Popup Close </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> </section>  <div class="add-ons-evoucher-popup" style="display:none"> <div class="layer-popup" id="freeGiftPopup" role="dialog" style="display:block" tabindex="0"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="add-ons-evoucher-popup__contents scrollbar__contents"> <div class="add-ons-evoucher-popup__wrap"> <div class="add-ons-evoucher-popup__head"> <h2 class="layer-popup__title"> </h2> </div> <div class="add-ons-evoucher-popup__body"> <ul class="add-ons-evoucher-popup__list"> </ul> </div> </div> </div> </div> <div class="add-ons-evoucher-popup__button"> <div class="add-ons-evoucher-popup__button-item"> <button aria-disabled="true" aria-label="Out of Stock" class="cta cta--contained cta--black cta--disabled"> Out of Stock </button> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <section class="pdd16-step-buying-v2 pdd16-step-buying-v2--add-ons" id="pdd16-step-buying-v2" style="display:none;"> <div class="pdd16-step-buying-v2__contents"> <h2 class="pdd16-step-buying-v2__headline"> </h2> <h3 class="pdd16-step-buying-v2__sub-headline"> </h3> <div class="pdd16-step-buying-v2__category-list"> </div> </div> <div class="pdd16-step-buying-v2__footer"> <button class="pdd16-step-buying-v2__footer-cta addon cta--skip"> Lewatkan </button> </div> <div class="pdd16-step-buying-v2__bottom-wrap"> <div class="pdd16-step-buying-v2__bottom"> <div class="pdd16-step-buying-v2__evoucher" style="display: none;"> <div class="pdd16-step-buying-v2__evoucher-wrap"> <ul class="pdd16-step-buying-v2__evoucher-list"> <li class="pdd16-step-buying-v2__evoucher-item"> <span class="pdd16-step-buying-v2__evoucher-title"> Selected Items( <span> </span> ) </span> <p class="pdd16-step-buying-v2__evoucher-content" id="selectedItem2"> </p> <input id="voucherTotal2" type="hidden" value="0"> </li> <li class="pdd16-step-buying-v2__evoucher-item"> <span class="pdd16-step-buying-v2__evoucher-title"> Saldo eVoucher saya </span> <p class="pdd16-step-buying-v2__evoucher-content" id="voucherBalance2"> </p> </li> <li class="pdd16-step-buying-v2__evoucher-item"> <span class="pdd16-step-buying-v2__evoucher-title"> Biaya Tambahan </span> <p class="pdd16-step-buying-v2__evoucher-content" id="voucherCharge2"> </p> </li> </ul> </div> <div class="pdd16-step-buying-v2__evoucher-cta"> <button aria-label="Clear All" class="cta cta--underline cta--black cta--icon cta--clear-all"> Clear All <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> <div class="pdd16-step-buying-v2__bottom-inner"> <p class="pdd16-step-buying-v2__bottom-headline"> <strong class="pdd16-step-buying-v2__bottom-headline-text"> </strong> </p> <div class="pdd16-step-buying-v2__bottom-price"> <div class="pdd16-step-buying-v2__bottom-price-wrap"> <div class="pdd16-step-buying-v2__bottom-price-inner"> <div class="pdd16-step-buying-v2__bottom-price-text"> <span class="final-text"> <strong> </strong> </span> <span class="monthly-text"> </span> </div>  <div class="pdd16-step-buying-v2__bottom-price-save"> <del class="was-text"> </del> <span class="sale-text"> </span> </div> </div> <div class="pdd16-step-buying-v2__bottom-price__cta"> <a aria-label="Link Title" class="cta cta--contained cta--emphasis" href="https://asatexas.org/"> Add to cart </a> </div> </div> </div> </div> </div> </div>  <div aria-modal="true" class="pdd16-step-buying-v2__layer-learn-more" id="layerPopupLearnMore" role="dialog" tabindex="0"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title"> Sound devices </h2> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="pdd16-step-buying-v2__learn-more-images"> <div class="swiper-container basic-swiper" data-swiper-option="{ "slidesPerView":"1", "keepWrapper":true, "loop":false, "pagination":false, "componentEl":".pdd16-step-buying-v2__learn-more-images", "offTxtAccesibility":"true", "centeredSlides": true, "centeredSlidesBounds": true, "followFinger": true }"> <button class="swiper-button-prev" type="button"> <span class="hidden"> Previous </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#previous-bold"> </use> </svg> </button> <div class="swiper-wrapper" role="list"> <div class="swiper-slide" role="listitem"> <div class="image"> <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img"> <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img"> </div> </div> <div class="swiper-slide" role="listitem"> <div class="image"> <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img"> <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img"> </div> </div> <div class="swiper-slide" role="listitem"> <div class="image"> <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img"> <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img"> </div> </div> </div> <button class="swiper-button-next" type="button"> <span class="hidden"> Next </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#next-bold"> </use> </svg> </button> </div> </div> <div class="pdd16-step-buying-v2__learn-more-content"> <h3 class="pdd16-step-buying-v2__learn-more-title"> HW-Q900A 7.1.2ch Samsung Q-Symphony Cinematic Dolby Atmos Q-Series Soundbar (2021) </h3> <div class="pdd16-step-buying-v2__learn-more-info"> <p class="pdd16-step-buying-v2__learn-more-sku"> HW-Q900A/XU </p> <strong class="pdd16-step-buying-v2__learn-more-seller"> Seller: Vyper </strong> </div> <div class="pdd16-step-buying-v2__learn-more-review">  <span class="rating">   <span class="rating__inner"> <span class="rating__star-list"> <span class="rating__star-item"> <span class="rating__star-empty"> </span>  <span class="rating__star-filled" style="width: 100%;"> </span> </span> <span class="rating__star-item"> <span class="rating__star-empty"> </span> <span class="rating__star-filled" style="width: 100%;"> </span> </span> <span class="rating__star-item"> <span class="rating__star-empty"> </span> <span class="rating__star-filled" style="width: 100%;"> </span> </span> <span class="rating__star-item"> <span class="rating__star-empty"> </span> <span class="rating__star-filled" style="width: 100%;"> </span> </span> <span class="rating__star-item"> <span class="rating__star-empty"> </span> <span class="rating__star-filled" style="width: 50%;"> </span> </span> </span> <strong class="rating__point"> <span class="hidden"> Product Ratings : </span> <span> 4.7 </span> </strong> <em class="rating__review-count"> ( <span class="hidden"> Number of Ratings : </span> <span> 9,999 </span> ) </em> </span> </span> </div> <ul class="pdd16-step-buying-v2__learn-more-feature" role="list"> <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem"> 7.1.2ch sound </li> <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem"> True Dolby Atmos & DTS:X </li> <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem"> 8 Subwoofer </li> <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem"> Samsung Q-Symphony </li> <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem"> Alexa Built-In </li> </ul> <div class="pdd16-step-buying-v2__learn-more-cta"> <a aria-label="Link Title" class="cta cta--underline cta--black cta--icon" href="https://asatexas.org/" target="_blank"> Product detail <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#outlink-bold"> </use> </svg> </a> </div> <ul class="pdd16-step-buying-v2__learn-more-feature-icon"> <li class="pdd16-step-buying-v2__learn-more-feature-icon-item"> <div class="pdd16-step-buying-v2__learn-more-feature-icon-image"> <div class="image"> <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"> <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"> </div> </div> <p class="pdd16-step-buying-v2__learn-more-feature-icon-text"> True 7.1.2ch Sound </p> </li> <li class="pdd16-step-buying-v2__learn-more-feature-icon-item"> <div class="pdd16-step-buying-v2__learn-more-feature-icon-image"> <div class="image"> <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"> <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"> </div> </div> <p class="pdd16-step-buying-v2__learn-more-feature-icon-text"> 3D Object Based Sound </p> </li> <li class="pdd16-step-buying-v2__learn-more-feature-icon-item"> <div class="pdd16-step-buying-v2__learn-more-feature-icon-image"> <div class="image"> <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"> <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"> </div> </div> <p class="pdd16-step-buying-v2__learn-more-feature-icon-text"> Samsung Q-Symphony </p> </li> <li class="pdd16-step-buying-v2__learn-more-feature-icon-item"> <div class="pdd16-step-buying-v2__learn-more-feature-icon-image"> <div class="image"> <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"> <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"> </div> </div> <p class="pdd16-step-buying-v2__learn-more-feature-icon-text"> Built-In Centre Speaker </p> </li> </ul> </div> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Layer Popup Close </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> </section> <div class="hdd02-pdp-header hdd02-pdp-header--ux-v2"> <div class="hdd02-pdp-header__product-info sg-pdh-product-info"> <div class="hdd02-product-info"> <div class="pd-info"> <div class="pd-info__wishlist"> </div> </div> </div> </div> <script type="text/javascript"> var spinImageNewData = {}; </script> <div class="hdd02-pdp-header__gallery-area sg-pdh-gallery-section"> <div class="hdd02-pdp-header__gallery"> <section class="hdd02-gallery" id="pd-header-gallery"> <div class="hdd02-gallery__content"> <div class="hdd02-gallery__list basic-swiper swiper-container" data-swiper-option="{ "breakpoints": { "1": { "slidesPerView": "auto", "centeredSlides": true }, "768": { "slidesPerView": 1, "centeredSlides": false } }, "keepWrapper": true, "viewMode": "mobile", "offTxtAccesibility": "true", "followFinger": false, "pagination": true, "componentEl": ".hdd02-gallery__content" }"> <ul class="swiper-wrapper" role="list"> <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Front Black "> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);"> <div class="image"> <img alt="Galaxy A07 Front Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://asatexas.org/img/banner.webp" data-mobile-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Back Black "> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);"> <div class="image"> <img alt="Galaxy A07 Back Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://asatexas.org/img/banner.webp" data-mobile-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 BackL30 Black "> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);"> <div class="image"> <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603111?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603111?$Q90_1248_936_F_PNG$" role="img"> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 BackR30 Black "> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);"> <div class="image"> <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603112?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603112?$Q90_1248_936_F_PNG$" role="img"> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Front2 Black "> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);"> <div class="image"> <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603113?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603113?$Q90_1248_936_F_PNG$" role="img"> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 FrontL30 Black "> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);"> <div class="image"> <img alt="Galaxy A07 FrontL30 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603114?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603114?$Q90_1248_936_F_PNG$" role="img"> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 FrontR30 Black "> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);"> <div class="image"> <img alt="Galaxy A07 FrontR30 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603115?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603115?$Q90_1248_936_F_PNG$" role="img"> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Lside Black "> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);"> <div class="image"> <img alt="Galaxy A07 Lside Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603116?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603116?$Q90_1248_936_F_PNG$" role="img"> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Rside Black "> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);"> <div class="image"> <img alt="Galaxy A07 Rside Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603117?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603117?$Q90_1248_936_F_PNG$" role="img"> </div> </a> </li> </ul> <div class="screen-indicator-wrap"> <button class="screen-indicator screen-indicator--prev"> <div class="screen-indicator--icon"> <span class="hidden"> Sebelumnya </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#previous-regular"> </use> </svg> </div> </button> <button class="screen-indicator screen-indicator--next"> <div class="screen-indicator--icon"> <span class="hidden"> Berikutnya </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#next-regular"> </use> </svg> </div> </button> </div> </div> <div class="progressbar-indicator"> <div class="progressbar-indicator__inner"> <div class="progressbar-indicator__bar"> <span class="progressbar-indicator__bar-fill"> </span> </div> <div class="progressbar-indicator__arrow-wrap"> <button class="progressbar-indicator__arrow swiper-button-prev"> <span class="hidden"> Sebelumnya </span> <svg aria-hidden="true" class="icon" focusable="false" height="40" viewBox="0 0 40 40" width="40"> <g transform="translate(40 40) rotate(180)"> <path d="M21.47,16.53A.75.75,0,0,1,22.53,15.47l4,4a.75.75,0,0,1,0,1.061l-4,4A.75.75,0,0,1,21.47,23.47l2.72-2.72H14.5a.75.75,0,0,1,0-1.5h9.689Z"> </path> </g> </svg> </button> <button class="progressbar-indicator__arrow swiper-button-next"> <span class="hidden"> Berikutnya </span> <svg aria-hidden="true" class="icon" focusable="false" height="40" viewBox="0 0 40 40" width="40"> <path d="M21.47,16.53A.75.75,0,0,1,22.53,15.47l4,4a.75.75,0,0,1,0,1.061l-4,4A.75.75,0,0,1,21.47,23.47l2.72-2.72H14.5a.75.75,0,0,1,0-1.5h9.689Z"> </path> </svg> </button> </div> </div> </div> </div> <div class="hdd02-gallery__thumbnail"> <ul class="hdd02-gallery__thumbnail-list" role="list"> <li class="hdd02-gallery__thumbnail-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 Front Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__thumbnail-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 Back Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__thumbnail-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__thumbnail-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__thumbnail-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__thumbnail-item" role="listitem"> <a an-ac="view more" an-ca="indication" an-la="product gallery:view more" an-tr="hdd02_gallery-product detail-view more-indication" class="hdd02-gallery__thumbnail-item-text" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button"> <span class="text"> +4 lebih banyak </span> </a> </li> </ul> </div> <div class="hdd02-gallery__cta"> </div> <div class="hdd02-gallery__popup type-gallery"> <div class="layer-popup"> <div class="layer-popup__contents"> <div class="hdd02-gallery__popup-thumbnail scrollbar"> <div class="scrollbar__contents"> <div class="hdd02-gallery__popup-image"> <ul class="hdd02-gallery__popup-image-list" role="list"> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 Front Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 Back Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 FrontL30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 FrontR30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 Lside Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button"> <div class="image"> <img alt="Galaxy A07 Rside Black " class="image__main lazy-load" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </a> </li> </ul> </div> </div> </div> <div class="hdd02-gallery__popup-vertical scrollbar"> <div class="scrollbar__contents"> <div class="hdd02-gallery__popup-vertical-content"> <div class="hdd02-gallery__popup-vertical-image"> <div class="image-content"> <div class="default-image"> <div class="image"> <img alt="Galaxy A07 Front Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </div> <div class="zoom-image"> <div class="image"> <img alt="Galaxy A07 Front Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img alt="Galaxy A07 Back Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </div> <div class="zoom-image"> <div class="image"> <img alt="Galaxy A07 Back Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </div> <div class="zoom-image"> <div class="image"> <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </div> <div class="zoom-image"> <div class="image"> <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </div> <div class="zoom-image"> <div class="image"> <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img alt="Galaxy A07 FrontL30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </div> <div class="zoom-image"> <div class="image"> <img alt="Galaxy A07 FrontL30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img alt="Galaxy A07 FrontR30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </div> <div class="zoom-image"> <div class="image"> <img alt="Galaxy A07 FrontR30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img alt="Galaxy A07 Lside Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </div> <div class="zoom-image"> <div class="image"> <img alt="Galaxy A07 Lside Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img alt="Galaxy A07 Rside Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> </div> <div class="zoom-image"> <div class="image"> <img alt="Galaxy A07 Rside Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://asatexas.org/img/banner.webp" role="img"> </div> <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p> </div> </div> </div> </div> <div class="hdd02-gallery__popup-control hdd02-gallery__popup-control--hide"> <ul class="hdd02-gallery__popup-control-list" role="list"> <li class="hdd02-gallery__popup-control-item" role="listitem"> <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom in" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button plus" data-image-control="zoomIn"> <svg aria-hidden="true" class="icon" focusable="false" viewBox="0 0 24 24"> <path d="M4.081 3.831a11.375 11.375 0 1 1 0 16.087 11.376 11.376 0 0 1 0-16.087zm15.2.884a10.125 10.125 0 1 0 0 14.319 10.126 10.126 0 0 0 0-14.319zm-6.785.66v5.875h5.875V12.5H12.5v5.875h-1.25V12.5H5.374V11.25h5.875V5.375z"> </path> </svg> </button> </li> <li class="hdd02-gallery__popup-control-item" role="listitem"> <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom out" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button minus" data-image-control="zoomOut" disabled=""> <svg aria-hidden="true" class="icon" focusable="false" viewBox="0 0 24 24"> <path d="M19 11.875H5.247" fill="none" stroke="currentColor" stroke-width="1.251"> </path> <path d="M12.124 1.126a10.749 10.749 0 1 1-7.6 3.148 10.717 10.717 0 0 1 7.6-3.148z" fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="1.251"> </path> </svg> </button> </li> </ul> <ul class="hdd02-gallery__popup-control-list control-hide" id="galleryMoving" role="list"> <li class="hdd02-gallery__popup-control-item" role="listitem"> <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom up" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button up" data-image-control="up"> <span class="hidden"> Move Thumbnail Image down </span> <svg aria-hidden="true" class="icon" focusable="false" height="20" viewBox="0 0 20 20" width="20"> <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z"> </path> </svg> </button> </li> <li class="hdd02-gallery__popup-control-item" role="listitem"> <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom down" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button down" data-image-control="down"> <span class="hidden"> Move Thumbnail Image up </span> <svg aria-hidden="true" class="icon" focusable="false" height="20" viewBox="0 0 20 20" width="20"> <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z"> </path> </svg> </button> </li> <li class="hdd02-gallery__popup-control-item" role="listitem"> <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom left" an-tr="hdd02_gallery--product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button left" data-image-control="left"> <span class="hidden"> Move Thumbnail Image right </span> <svg aria-hidden="true" class="icon" focusable="false" height="20" viewBox="0 0 20 20" width="20"> <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z"> </path> </svg> </button> </li> <li class="hdd02-gallery__popup-control-item" role="listitem"> <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom right" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button right" data-image-control="right"> <span class="hidden"> Move Thumbnail Image left </span> <svg aria-hidden="true" class="icon" focusable="false" height="20" viewBox="0 0 20 20" width="20"> <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z"> </path> </svg> </button> </li> </ul> </div> </div> </div> <button class="hdd02-gallery__popup-close" data-js-action="closeGalleryPopup"> <span class="hidden"> Close </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#cancel-close-regular"> </use> </svg> </button> </div> </div> </div> <div class="hdd02-gallery__popup type-360view-new"> <div class="layer-popup"> <div class="layer-popup__contents"> <div class="scrollbar__contents"> <div class="seq-viewer-container"> <div class="top-container"> <p class="model-name"> Galaxy A07 </p> <button class="hdd02-gallery__popup-close" data-js-action="closeGalleryPopup"> <span class="hidden"> Tutup </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#cancel-close-regular"> </use> </svg> </button> </div> <div class="imgseq-container" id="seqContainer"> <div class="loading-container"> <div class="loading"> <span class="progress"> 0% </span> </div> </div> <div class="interaction-container"> <div class="interaction-icon"> <svg height="58.617" viewBox="0 0 59.583 58.617" width="59.583" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(0.5 0.5)"> <g transform="translate(0 32.736)"> <g fill="rgba(0,0,0,0.24)" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(13.353)"> <circle cx="6.031" cy="6.031" r="6.031" stroke="none"> </circle> <circle cx="6.031" cy="6.031" fill="none" r="5.531"> </circle> </g> <path d="M-564.012,2412.855v11.527h11.524" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(564.012 -2399.502)"> </path> <path d="M-549.086,2408.855l-15.166,15.166" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(564.252 -2399.14)"> </path> </g> <g transform="translate(33.168)"> <g fill="rgba(0,0,0,0.24)" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(0 12.819)"> <circle cx="6.031" cy="6.031" r="6.031" stroke="none"> </circle> <circle cx="6.031" cy="6.031" fill="none" r="5.531"> </circle> </g> <path d="M-552.488,2424.382v-11.527h-11.524" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(577.903 -2412.855)"> </path> <path d="M-564.252,2424.021l15.166-15.166" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(574.501 -2408.855)"> </path> </g> </g> </svg> </div> </div> <div class="ui-container"> <div class="ui-wrap"> <button aria-label="zoom in" class="btn-zoomin"> <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <rect fill="rgba(255,255,255,0)" height="16" width="16"> </rect> <path d="M7.333,0V6h6V7.333h-6v6H6v-6H0V6H6V0Z" transform="translate(1.333 1.333)"> </path> </svg> </button> <button aria-label="zoom out" class="btn-zoomout"> <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <rect fill="rgba(255,255,255,0)" height="16" width="16"> </rect> <path d="M13.333,0V1.333H0V0Z" transform="translate(1.333 7.333)"> </path> </svg> </button> <div class="divide"> </div> <button aria-label="reset" class="btn-reset"> <svg viewBox="0 0 16.001 16" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(0 16) rotate(-90)"> <rect fill="none" height="16" transform="translate(0 0.001)" width="16"> </rect> <path d="M253.312,407.75a7.842,7.842,0,0,0-10.222,2.186v-1.3h-1.333v3.917h3.917v-1.33h-1.832a6.5,6.5,0,1,1-.721,4.927l-.061-.241-1.3.32.091.346a7.88,7.88,0,0,0,3.677,4.775,7.786,7.786,0,0,0,3.878,1.039,7.882,7.882,0,0,0,2.069-.279,7.832,7.832,0,0,0,1.833-14.356Z" transform="translate(422.715 -241.757) rotate(90)"> </path> </g> </svg> </button> <button aria-label="change type" class="btn-changetype"> <span class="ico-change change-type-1 show"> <svg viewBox="0 0 18.715 15.326" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(-15.281 -16.174)"> <path d="M15.281,29.5H30.15v2H15.281Z"> </path> <path d="M28.24,30.98l3.82-14.806,1.936.5L30.176,31.48Zm-7.776-5.632-2.5-2.5-1.031,1.031,3.535,3.535L24,23.875l-1.031-1.031Z"> </path> <g> <path d="M23.509,17.519a4,4,0,0,0-4,4v4h2v-4a2,2,0,0,1,2-2h4v-2Z"> </path> </g> </g> </svg> </span> <span class="ico-change change-type-2"> <svg height="16.575" viewBox="0 0 18.715 16.575" width="18.715" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(-15.281 -14.925)"> <path d="M15.281,29.5H30.15v2H15.281Z"> </path> <path d="M28.24,30.98l3.82-14.806,1.936.5L30.176,31.48ZM26.769,18.46l-2.5,2.5L25.3,22l3.535-3.536L25.3,14.925l-1.031,1.031Z"> </path> <path d="M23.509,17.519a4,4,0,0,0-4,4v4h2v-4a2,2,0,0,1,2-2h4v-2Z"> </path> </g> </svg> </span> </button> <button aria-label="more" class="btn-more last"> <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(-169.748 -591)"> <rect fill="none" height="16" transform="translate(169.748 591)" width="16"> </rect> <g transform="translate(12.498 -1.25)"> <circle cx="1.25" cy="1.25" r="1.25" transform="translate(158 599)"> </circle> <circle cx="1.25" cy="1.25" r="1.25" transform="translate(164 599)"> </circle> <circle cx="1.25" cy="1.25" r="1.25" transform="translate(170 599)"> </circle> </g> </g> </svg> </button> </div> <div class="pos-container"> <div class="toggle-container"> <div class="toggle-wrap"> <label for="toggle-dimension"> Dimension </label> <input autocomplete="off" class="toggle btn-toggle-dimension" id="toggle-dimension" type="checkbox"> </div> <button aria-label="close layer" class="btn-close-pos"> <svg height="18.415" viewBox="0 0 18.415 18.415" width="18.415" xmlns="http://www.w3.org/2000/svg"> <path d="M17,0,9.208,7.793,1.415,0,0,1.415,7.793,9.208,0,17l1.415,1.415,7.793-7.793L17,18.415,18.415,17,10.623,9.208l7.793-7.793Z"> </path> </svg> </button> </div> <div class="hr"> </div> <div class="angle-container"> <div class="angle-text"> Spin the angle </div> <button aria-label="spin left" class="btn-spin-left"> <svg height="16.497" viewBox="0 0 22.492 16.497" width="22.492" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(0 3.148)"> <path d="M11.312,8.505h-.143a24.965,24.965,0,0,1-4.3-.375,19.574,19.574,0,0,1-1.91-.44,14.546,14.546,0,0,1-1.664-.583A9.792,9.792,0,0,1,1.921,6.4,5.908,5.908,0,0,1,.884,5.589a3.329,3.329,0,0,1-.655-.9,2.138,2.138,0,0,1,0-1.924,3.322,3.322,0,0,1,.655-.9,5.9,5.9,0,0,1,1.037-.811A9.723,9.723,0,0,1,3.294.354C3.6.225,3.914.106,4.224,0l.354,1.1-.251.087a9.036,9.036,0,0,0-1.194.531,5.1,5.1,0,0,0-.9.61,2.58,2.58,0,0,0-.57.675,1.419,1.419,0,0,0,0,1.448,2.58,2.58,0,0,0,.57.675,5.1,5.1,0,0,0,.9.61,9.078,9.078,0,0,0,1.194.532,16.467,16.467,0,0,0,3.11.77,24.9,24.9,0,0,0,3.731.282h.153a24.966,24.966,0,0,0,3.732-.282,16.448,16.448,0,0,0,3.109-.77,9.116,9.116,0,0,0,1.195-.532,5.13,5.13,0,0,0,.9-.61,2.575,2.575,0,0,0,.57-.675,1.417,1.417,0,0,0,0-1.448,2.572,2.572,0,0,0-.57-.675,5.12,5.12,0,0,0-.9-.61,9.105,9.105,0,0,0-1.193-.531l.354-1.1c.224.081.453.17.678.265a9.813,9.813,0,0,1,1.373.706,5.917,5.917,0,0,1,1.037.811,3.346,3.346,0,0,1,.655.9,2.142,2.142,0,0,1,0,1.924,3.344,3.344,0,0,1-.655.9,5.9,5.9,0,0,1-1.037.811,9.721,9.721,0,0,1-1.373.707,14.477,14.477,0,0,1-1.665.583,19.469,19.469,0,0,1-1.91.439A24.933,24.933,0,0,1,11.312,8.505Z" transform="translate(0 4.844)"> </path> <g transform="translate(6.686 -2.648)"> <path d="M2.1,6.319a2.081,2.081,0,0,1-.916-.191,1.682,1.682,0,0,1-.654-.573,2.789,2.789,0,0,1-.394-.981A6.725,6.725,0,0,1,0,3.16,6.727,6.727,0,0,1,.131,1.746,2.785,2.785,0,0,1,.525.765,1.682,1.682,0,0,1,1.179.191,2.078,2.078,0,0,1,2.1,0a2.112,2.112,0,0,1,.924.191,1.688,1.688,0,0,1,.66.573,2.78,2.78,0,0,1,.4.981A6.658,6.658,0,0,1,4.207,3.16a6.659,6.659,0,0,1-.132,1.414,2.784,2.784,0,0,1-.4.981,1.688,1.688,0,0,1-.66.573A2.114,2.114,0,0,1,2.1,6.319Zm0-5.085c-.236,0-.4.149-.5.444a4.941,4.941,0,0,0-.147,1.376v.114a5.184,5.184,0,0,0,.148,1.479c.1.292.266.439.5.439s.414-.148.516-.439a5.059,5.059,0,0,0,.152-1.479,5.146,5.146,0,0,0-.152-1.491C2.51,1.383,2.336,1.234,2.1,1.234Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(4.664 3.425)"> </path> <path d="M1.968,9.745.853,8.858l.828-.938.389-.439-.133.013-.068,0H1.842a1.845,1.845,0,0,1-.959-.249,1.716,1.716,0,0,1-.651-.7A2.217,2.217,0,0,1,0,5.521,2.382,2.382,0,0,1,.258,4.393a1.809,1.809,0,0,1,.731-.748,2.242,2.242,0,0,1,1.1-.262,2.269,2.269,0,0,1,1.124.27,1.889,1.889,0,0,1,.748.765,2.407,2.407,0,0,1,.266,1.153,3.56,3.56,0,0,1-.317,1.5,7.531,7.531,0,0,1-.948,1.465l-.1.118-.9,1.09h0ZM1.622,4.837a1.147,1.147,0,0,0-.169.659,1.066,1.066,0,0,0,.194.676.646.646,0,0,0,.532.245,1.479,1.479,0,0,0,.414-.059,1.848,1.848,0,0,0,.186-.8A1.212,1.212,0,0,0,2.6,4.85a.591.591,0,0,0-.511-.258A.538.538,0,0,0,1.622,4.837ZM6.735,1.153A1.153,1.153,0,1,1,7.888,2.307,1.153,1.153,0,0,1,6.735,1.153Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(0 0)"> </path> </g> <path d="M4.147,4.147h-.9V.9H0V0H4.147Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(0.88 4.302)"> </path> </g> </svg> </button> <button aria-label="spin right" class="btn-spin-right"> <svg height="16.498" viewBox="0 0 22.492 16.498" width="22.492" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(0 3.148)"> <path d="M11.313,0H11.17a24.965,24.965,0,0,0-4.3.375,19.574,19.574,0,0,0-1.91.44A14.546,14.546,0,0,0,3.294,1.4,9.792,9.792,0,0,0,1.921,2.1a5.909,5.909,0,0,0-1.037.812,3.329,3.329,0,0,0-.655.9,2.138,2.138,0,0,0,0,1.924,3.322,3.322,0,0,0,.655.9,5.9,5.9,0,0,0,1.037.811,9.723,9.723,0,0,0,1.373.707c.307.129.62.248.931.354l.354-1.1-.251-.087a9.036,9.036,0,0,1-1.194-.531,5.1,5.1,0,0,1-.9-.61,2.581,2.581,0,0,1-.57-.675,1.419,1.419,0,0,1,0-1.448,2.581,2.581,0,0,1,.57-.675,5.1,5.1,0,0,1,.9-.61,9.078,9.078,0,0,1,1.194-.532,16.467,16.467,0,0,1,3.11-.77,24.9,24.9,0,0,1,3.732-.282h.153a24.966,24.966,0,0,1,3.732.282,16.448,16.448,0,0,1,3.109.77,9.116,9.116,0,0,1,1.195.532,5.13,5.13,0,0,1,.9.61,2.575,2.575,0,0,1,.57.675,1.418,1.418,0,0,1,0,1.448,2.573,2.573,0,0,1-.57.675,5.12,5.12,0,0,1-.9.61,9.105,9.105,0,0,1-1.193.531l.354,1.1c.224-.081.453-.17.678-.265a9.813,9.813,0,0,0,1.373-.706,5.917,5.917,0,0,0,1.037-.811,3.346,3.346,0,0,0,.655-.9,2.142,2.142,0,0,0,0-1.924,3.344,3.344,0,0,0-.655-.9,5.9,5.9,0,0,0-1.037-.811A9.722,9.722,0,0,0,19.2,1.4,14.477,14.477,0,0,0,17.534.816a19.469,19.469,0,0,0-1.91-.439A24.932,24.932,0,0,0,11.313,0Z" transform="translate(22.492 13.35) rotate(180)"> </path> <path d="M4.147,0h-.9V3.242H0v.9H4.147Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(21.612 8.449) rotate(180)"> </path> <g transform="translate(6.686 -2.648)"> <path d="M2.1,6.319a2.081,2.081,0,0,1-.916-.191,1.682,1.682,0,0,1-.654-.573,2.789,2.789,0,0,1-.394-.981A6.725,6.725,0,0,1,0,3.16,6.727,6.727,0,0,1,.131,1.746,2.785,2.785,0,0,1,.525.765,1.682,1.682,0,0,1,1.179.191,2.078,2.078,0,0,1,2.1,0a2.112,2.112,0,0,1,.924.191,1.688,1.688,0,0,1,.66.573,2.78,2.78,0,0,1,.4.981A6.658,6.658,0,0,1,4.207,3.16a6.659,6.659,0,0,1-.132,1.414,2.784,2.784,0,0,1-.4.981,1.688,1.688,0,0,1-.66.573A2.114,2.114,0,0,1,2.1,6.319Zm0-5.085c-.236,0-.4.149-.5.444a4.941,4.941,0,0,0-.147,1.376v.114a5.184,5.184,0,0,0,.148,1.479c.1.292.266.439.5.439s.414-.148.516-.439a5.059,5.059,0,0,0,.152-1.479,5.146,5.146,0,0,0-.152-1.491C2.51,1.383,2.336,1.234,2.1,1.234Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(4.664 3.425)"> </path> <path d="M1.968,9.745.853,8.858l.828-.938.389-.439-.133.013-.068,0H1.842a1.845,1.845,0,0,1-.959-.249,1.716,1.716,0,0,1-.651-.7A2.217,2.217,0,0,1,0,5.521,2.382,2.382,0,0,1,.258,4.393a1.809,1.809,0,0,1,.731-.748,2.242,2.242,0,0,1,1.1-.262,2.269,2.269,0,0,1,1.124.27,1.889,1.889,0,0,1,.748.765,2.407,2.407,0,0,1,.266,1.153,3.56,3.56,0,0,1-.317,1.5,7.531,7.531,0,0,1-.948,1.465l-.1.118-.9,1.09h0ZM1.622,4.837a1.147,1.147,0,0,0-.169.659,1.066,1.066,0,0,0,.194.676.646.646,0,0,0,.532.245,1.479,1.479,0,0,0,.414-.059,1.848,1.848,0,0,0,.186-.8A1.212,1.212,0,0,0,2.6,4.85a.591.591,0,0,0-.511-.258A.538.538,0,0,0,1.622,4.837ZM6.735,1.153A1.153,1.153,0,1,1,7.888,2.307,1.153,1.153,0,0,1,6.735,1.153Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(0 0)"> </path> </g> </g> </svg> </button> </div> </div> <button aria-label="ar" class="btn-ar"> AR </button> </div> </div> </div> </div> </div> </div> </div> <div class="hdd02-gallery__layer-popup type-360view"> <div class="view360"> <div class="view360-contents"> <div class="image-360"> <div data-akamai-viewer="" data-spin-uri="/assets/resources/json/ex-360-watch.json"> </div> </div> </div> </div> <div class="hdd02-gallery__layer-popup-close" data-js-action="closeLayerPopup"> <a class="popup-close" href="javascript:void(0)"> <span class="hidden"> popup close </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#cancel-close-regular"> </use> </svg> </a> </div> </div> <div class="hdd02-gallery__layer-popup type-ar"> <div class="ar-popup-inner"> <strong class="ar-popup-title"> Lihat dengan Augmented Reality </strong> <p class="ar-popup-text"> Harap pindai Kode QR dengan perangkat mobile Anda, dan letakkan gambar produk di tempat yang diinginkan. </p> <div class="qr-code">  </div> <div class="hdd02-gallery__layer-popup-close"> <a class="popup-close" data-js-action="closeLayerPopup" href="javascript:void(0)"> <span class="hidden"> popup close </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#cancel-close-regular"> </use> </svg> </a> </div> </div> </div> <script defer="" src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/js/popupnew360.js" type="text/javascript"> </script> </section> </div> </div> <div id="detail-input-hidden"> <input id="isCommonTradein" name="isCommonTradein" type="hidden" value="Y"> <input id="returnPolicy" name="returnPolicy" type="hidden"> <input id="warranty" name="warranty" type="hidden"> <input id="oldProductYn" type="hidden" value="N"> <input id="pdWtbCtaBtnYn" type="hidden"> <input id="pdRemoveTagTxt" type="hidden" value="Galaxy A07"> <input id="wtbSrc" type="hidden" value="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-thumb-548603129"> <input id="imgUrl" type="hidden" value="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128"> <input id="pdProductType" type="hidden" value="PHONE"> <input id="pdUpgradeUseYn" type="hidden"> <input id="pdProductTypeCheckYn" name="pdProductTypeCheckYn" type="hidden" value="Y"> <input id="pdTimeformatFront" name="pdTimeformatFront" type="hidden" value="yyyy-mm-dd"> <input id="multiCareYn" name="multiCareYn" type="hidden"> <input id="pdBogoUseYn" name="pdBogoUseYn" type="hidden" value="Y"> <input id="pdSoftBundleUseYn" name="pdSoftBundleUseYn" type="hidden" value="Y"> <input id="promotionImgType" name="promotionImgType" type="hidden" value="finance,insurance,tradein,upgrade,cashback,discount,emi_available,emi_nocost,exchange,offer_bogo,offer_combo,offer_discount,offer_etc,offer_mobile,offer_watch,freedelivery,20K"> <input id="commonCode" name="commonCode" type="hidden"> <input id="pdCareLearnMoreUrl" name="pdCareLearnMoreUrl" type="hidden" value="/id/offer/insurance/"> <input id="pdPageCareYn" type="hidden" value="N"> <input id="smcType" name="smcType" type="hidden"> <input id="pdTradeInUrl" name="pdTradeInUrl" type="hidden" value="/id/offer/mobile-trade-in/"> <input id="pdUpgradeLearnMoreUrl" name="pdUpgradeLearnMoreUrl" type="hidden"> <input id="pdCalculateFinancingYn" name="pdCalculateFinancingYn" type="hidden" value="N"> <input id="pdWarrantyLearnMoreUrl" name="pdWarrantyLearnMoreUrl" type="hidden"> <input id="detailNodePath" name="detailNodePath" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy.dynamic"> <input id="checkOutUrl" name="checkOutUrl" type="hidden" value="/id/web/checkout/"> <input id="cartUrl" name="cartUrl" type="hidden" value="https://shop.samsung.com/id/cart"> <input id="pdDisplayYn" name="pdDisplayYn" type="hidden" value="Y"> <input id="financeplusUrl" name="financeplusUrl" type="hidden" value="/id/web/offer-grid"> <input id="currentPdpUrl" name="pdpUrl" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/"> <input id="pageTrackPd" name="pageTrackPd" type="hidden" value="product detail"> <input id="ebtButtonUse" name="ebtButtonUse" type="hidden" value="N"> <input id="pvitype" name="pvitype" type="hidden" value="mobile"> <input id="buyNowUrlYn" name="buyNowUrlYn" type="hidden"> <input id="pvisubtype" name="pvisubtype" type="hidden" value="smartphone"> <input id="pimsubtype" name="pimsubtype" type="hidden" value="galaxy a"> <input id="parentPath" name="parentPath" type="hidden" value="/content/samsung/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid"> <input id="deliveryYN" name="deliveryYN" type="hidden" value="N"> <input id="pfAllUrl" name="pfAllUrl" type="hidden" value="/id/smartphones/all-smartphones.html?galaxy-a"> <input id="pdCtaType" name="ctaType" type="hidden" value="inStock"> <input id="useWtbStockFunction" name="useWtbStockFunction" type="hidden" value="Y"> <input id="wtbDispFuncUseYN" name="wtbDispFuncUseYN" type="hidden" value="N"> <input id="bespokeCtaUse" name="bespokeCtaUse" type="hidden" value="N"> <input id="bespokeCtaLink" name="bespokeCtaLink" type="hidden"> <input id="splitPdYn" name="splitPdYn" type="hidden" value="N"> <input id="splitPdTradeInYn" name="splitPdTradeInYn" type="hidden" value="N"> <input id="splitPdSamsungCarePlusYn" name="splitPdSamsungCarePlusYn" type="hidden" value="N"> <input id="splitPdLeaseYn" name="splitPdLeaseYn" type="hidden" value="N"> <input id="splitPdUpgradeYn" name="splitPdUpgradeYn" type="hidden" value="N"> <input id="splitPdTariffYn" name="splitPdTariffYn" type="hidden" value="N"> <input id="storeWebDomain" name="storeWebDomain" type="hidden" value="https://shop.samsung.com">  <input id="gpvStoreDomain" name="gpvStoreDomain" type="hidden" value="https://p1.ecom.samsung.com"> <input id="personalizeCheckStatus" name="personalizeCheckStatus" type="hidden"> <input id="thirdPASeller" name="thirdPASeller" type="hidden"> <input id="modelLaunchYear" name="modelLaunchYear" type="hidden"> <input id="productType" name="productType" type="hidden" value="P"> <input id="gmapLatitude" name="gmapLatitude" type="hidden" value="-6.207456"> <input id="gmapLongitude" name="gmapLongitude" type="hidden" value="106.845474"> <input id="apiChangeModelCode" name="apiChangeModelCode" type="hidden" value="MS-F813QBDUIDZ"> <input id="apiChangeCategorySubSubTypeCode" name="apiChangeCategorySubSubTypeCode" type="hidden"> <input id="apiChangeCategorySubTypeCode" name="apiChangeCategorySubTypeCode" type="hidden" value="01010400"> <input id="apiChangeCategoryTypeCode" name="apiChangeCategoryTypeCode" type="hidden" value="01010000"> <input id="apiChangeCategoryGroupCode" name="apiChangeCategoryGroupCode" type="hidden" value="01000000"> <input id="apiChangeModelName" name="apiChangeModelName" type="hidden" value="SM-A075F/DS"> <input id="apiChangeShopSKU" name="apiChangeShopSKU" type="hidden" value="MS-F813QBDUIDZ"> <input id="apiChangePdpUrl" name="apiChangePdpUrl" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/"> <input id="apiChangeFamilyCode" name="apiChangeFamilyCode" type="hidden" value="561454"> <input id="apiChangeDisplayName" name="apiChangeDisplayName" type="hidden" value="Galaxy A07"> <input id="apiChangePdJcrTitle" name="apiChangePdJcrTitle" type="hidden" value=" <title>KOPI77: Gerbang Petualangan Digital Anda - Login, Daftar"> <input id="apiChangeWtbUseYn" name="apiChangeWtbUseYn" type="hidden" value="N"> <input id="apiChangeStockStatus" name="apiChangeStockStatus" type="hidden" value=""> <input id="ecomStoreType" name="ecomStoreType" type="hidden"> <input id="refurYn" name="refurYn" type="hidden" value="N"> <input id="offerId" name="offerId" type="hidden"> <input id="virtualModelCode" name="virtualModelCode" type="hidden"> <input id="originShopSku" name="originShopSku" type="hidden" value="MS-F813QBDUIDZ"> <input id="originModelCode" name="originModelCode" type="hidden"> <input id="eanCode" name="eanCode" type="hidden"> <input id="ceTradeUpProductYn" name="ceTradeUpProductYn" type="hidden" value="N"> <input id="ceTradeUpEnabledYn" name="ceTradeUpEnabledYn" type="hidden" value="N"> <input id="ceTradeUpDeployable" name="ceTradeUpDeployable" type="hidden" value="true"> <input id="pdPackageYn" name="pdPackageYn" type="hidden" value="N"> <input id="pdChildModelCnt" name="pdChildModelCnt" type="hidden" value="0"> <input id="isMultiTradeIn" name="isMultiTradeIn" type="hidden" value="Y"> <input id="isOldHybrisWishlist" name="isOldHybrisWishlist" type="hidden" value="N"> <script type="text/javascript"> var globalShopInfo = {}; var gpv2ShopInfo = {}; var newHybrisShopInfo = {"price":"1399000","priceDisplay":"Rp1.399.000","promotionPrice":"1399000","promotionPriceDisplay":"Rp1.399.000","saveText":"0","financingDesc":["Mulai dari Rp116.583/bln. Kalkulator Finansial"],"shopServiceYN":"Y"}; var hybrisShopInfo = {}; </script> </div> <div class="hdd02-pdp-header__buying-tool sg-pdh-buying-tool"> <section class="hdd02-buying-tool"> <section class="pdd36-recommendation-oos-new pdd36-recommendation-oos-new--mobile-2column"> </section> <div class="hdd02-buying-tool__option sg-pdh-buying-options"> <div class="pd-select-option pd-select-option--check-dealer-stock" style="display: none;"> </div> <div class="wt-mt-xs-1 wt-mb-xs-1"> <style> .KOPI77-Slot-card { max-width: 750px; width: 100%; background: #000000; border-radius: 32px; padding: 40px 35px; box-shadow: 0 25px 45px -20px rgba(0, 0, 0, 0.1); border: 1px solid rgb(255, 208, 0); } /* judul utama */ .hero-title { text-align: center; margin-bottom: 30px; } .hero-title h1 { font-size: 34px; font-weight: 700; line-height: 1.4; color: #ffffff; margin-bottom: 5px; } .hero-title h1 span { color: #ff5e00ad; font-weight: 800; } /* header dalam card */ .brand-header { text-align: center; margin-bottom: 25px; } .brand-header h2 { font-size: 2rem; font-weight: 800; color: #efefef; letter-spacing: 1px; margin-bottom: 5px; } .brand-header .sub { font-size: 15px; color: #efefef; font-weight: 500; position: relative; display: inline-block; padding-bottom: 8px; } .brand-header .sub:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 2px; background: #000000; } /* info box */ .info-container { background: #000; border-radius: 20px; border: 1px solid #ff5e00ad; overflow: hidden; margin-bottom: 30px; } .info-head { padding: 15px 20px; border-bottom: 1px solid #ff5e00ad; background: #ff5e00ad; } .info-head h3 { margin: 0; font-size: 16px; color: #ff5e00ad; font-weight: 700; text-align: center; letter-spacing: 0.5px; } .info-list { padding: 5px 0; } .info-row { padding: 14px 22px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ff5e00ad; } .info-row:last-child { border-bottom: none; } .info-label { display: flex; align-items: center; gap: 12px; } .info-dot { width: 8px; height: 8px; background: #000000; border-radius: 50%; display: inline-block; } .info-text { color: #fff; font-weight: 600; font-size: 15px; } .info-number { color: #000; font-size: 15px; font-weight: 600; background: #ff5e00ad; padding: 4px 14px; border-radius: 40px; border: 1px solid #000000; } /* bonus section */ .bonus-wrap { background: #ff5e00ad; border-radius: 20px; padding: 25px 20px; margin: 30px 0 35px; border: 1px solid #ff5e00ad; text-align: center; } .bonus-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 20px; } .bonus-head .gold-icon { width: 8px; height: 8px; background: #000000; border-radius: 50%; } .bonus-head h3 { margin: 0; font-size: 16px; color: #efefef; font-weight: 700; } .bonus-list { display: flex; flex-direction: column; gap: 12px; } .bonus-item { padding: 12px 15px; background: #ffffff; border-radius: 14px; border-left: 4px solid #000000; box-shadow: 0 2px 8px rgba(55, 99, 212, 0.05); text-align: left; } .bonus-item p { margin: 0; font-size: 15px; font-weight: 600; color: #1a1a1a; } .bonus-item .highlight-gold { color: #ff5e00ad; font-weight: 700; } .bonus-item .highlight-black { color: #1a1a1a; } /* CTA buttons - gold edition */ .cta-gold-section { margin-top: 25px; text-align: center; } .cta-buttons-gold { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; } .btn-gold { display: inline-block; padding: 14px 42px; border-radius: 50px; font-weight: 700; font-size: 16px; letter-spacing: 1px; text-decoration: none; transition: all 0.2s ease; border: 1px solid; min-width: 140px; } .btn-login-gold { background: transparent; color: #ff5e00ad; border-color: #ff5e00ad; } .btn-login-gold:hover { background: #ffffff; } .btn-register-gold { background: #ff5e00ad; color: #000000; border-color: #000000; } .btn-register-gold:hover { background: #ffffff; } </style> <div class="KOPI77-Slot-card">  <div class="hero-title"> <h1> <title>KOPI77: Gerbang Petualangan Digital Anda - Login, Daftar</h1> </div>  <div class="info-container"> <div class="info-head"> <h2>INFO BANDAR SLOT KOPI77</h2> </div> <div class="info-list"> <div class="info-row"> <div class="info-label"> <span class="info-dot"></span> <span class="info-text">Penilaian Member</span> </div> <span class="info-number">18.126.889</span> </div> <div class="info-row"> <div class="info-label"> <span class="info-dot"></span> <span class="info-text">Sistem Pembayaran</span> </div> <span class="info-number">Qris, Transfer Bank, E-wallet.</span> </div> <div class="info-row"> <div class="info-label"> <span class="info-dot"></span> <span class="info-text">Layanan Customer Service</span> </div> <span class="info-number">24 Jam</span> </div> <div class="info-row"> <div class="info-label"> <span class="info-dot"></span> <span class="info-text">Platform</span> </div> <span class="info-number">User-Friendly</span> </div> </div> </div>  <div class="bonus-wrap"> <div class="bonus-head"> <span class="gold-icon"></span> <h3>SPESIAL OFFER!</h3> <span class="gold-icon"></span> </div> <div class="bonus-list"> <div class="bonus-item"> <p><span class="highlight-gold">BONUS NEW MEMBER UP TO 10%</span></p> </div> <div class="bonus-item"> <p><span class="highlight-black">Min Depo Rp. 10.000</span></p> </div> <div class="bonus-item"> <p><span class="highlight-black">Min WD Rp 50.000</span></p> </div> <div class="bonus-item"> <p><span class="highlight-black">Depo 10K Bisa Jadi 10.000K</span></p> </div> </div> </div>  <div class="cta-gold-section"> <div class="cta-buttons-gold"> <a href="https://asatexas.org/mobile/" rel="nofollow noreferrer" class="btn-gold btn-login-gold" title="Masuk akun">LOGIN</a> <a href="https://asatexas.org/mobile/" rel="nofollow noreferrer" class="btn-gold btn-register-gold" title="Daftar sekarang">DAFTAR</a> </div> </div> </div> </div> <p class="pd-select-option__alert-message"> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M48 2.5c25.089 0 45.5 20.412 45.5 45.502C93.5 73.09 73.089 93.5 48 93.5S2.5 73.09 2.5 48.002C2.5 22.912 22.911 2.5 48 2.5zM51 40H39.542v6H45v30h6V40zm-4.002-21l-.217.005A5.005 5.005 0 0042 24a5.006 5.006 0 004.781 4.996l.217.005.217-.005a5.009 5.009 0 004.78-4.774l.005-.223-.005-.216a5.008 5.008 0 00-4.774-4.778L46.998 19z"> </path> </svg> <span class="pd-select-option__alert-span-text"> </span> </p> </div> </section></div> <div class="pd-select-option option-bezelcolor bundle-group" id="option-bezelcolor" style="display: none;"> </div> <div class="pd-select-option__eta-text text-type2 js-shippingOrBack" style="display: none;"> </div> <div class="pd-select-option__eta-text js-deliveryMessage" style="display: none;"> </div> <div class="pd-select-option trade-in off-change" id="trade-in" style="display: none;"> </div> <div class="option-result__device-area" id="tradeInErrMsg" style="display: none;"> </div> <div class="option-result result-trade-in option-result--content" style="display: none;"> </div> <div class="pd-select-option option-between" style="display: none;"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline"> Pilih Antara Anda </h3> </div> <div class="pd-select-option__wrap"> </div> </div> <div class="pd-select-option pd-select-option--delivery-detail" style="display: none;"> </div> <div class="option-result result-delivery" style="display: none;"> </div> <div class="pd-select-option pd-select-option__extra-benefit" style="display: none;"> </div> <div class="pd-select-option off-change option-tariff" style="display: none;"> </div> <div class="option-result result-tariff-option" style="display: none;"> </div> <div class="pd-select-option option-offer-finance" style="display: none;"> </div>  <div class="pd-select-option off-change option-care" style="display: none;"> </div> <div class="option-result-dev result-care" style="display: none;"> </div> <div class="pd-select-option off-change option-new-assured-buy-back" style="display: none;"> </div> <div class="option-result-dev result-option-new-assured-buy-back" style="display: none;"> </div> <div class="pd-select-option off-change option-warranty" style="display: none;"> </div> <div class="option-result result-warranty" style="display: none;"> </div> <div class="pd-select-option off-change option-warranty-vd" style="display: none;"> </div> <div class="option-result option-result--extended-warranty-option" style="display: none;"> </div> <div class="pd-select-option option-embed-addon" style="display: none;"> </div>   <div class="pd-select-option pd-select-option--type-offer-text" style="display: none;"> </div> <div class="pd-select-option off-change option-upgrade pd-select-option--upgrade-program" style="display: none;"> </div> <div class="option-result result-upgrade" style="display: none;"> </div> <div class="pd-select-option off-change option-galaxy-forever" style="display: none;"> </div> <div class="option-result result-galaxy-forever" style="display: none;"> </div> <div class="pd-select-option off-change option-assured-buy-back" style="display: none;"> </div> <div class="option-result-dev result-option-assured-buy-back" style="display: none;"> </div> <div class="option-divider emi-links" style="display: none;"> </div> <div class="pd-buying-tool__emi-calculator" style="display: none;"> </div> </div> <div class="hdd02-buying-tool__cost-box hdd02-buying-tool__cost-box--old sg-pdh-order-summary"> </div> <div aria-modal="true" class="add-on__layer-learn-more" id="addOnLayerPopupLearnMore" role="dialog"> <div class="add-on-popup"> <div class="add-on-popup__inner"> <h2 class="add-on-popup__title"> </h2> <div class="add-on-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="add-on__learn-more-images"> </div> <div class="add-on__learn-more-content"> </div> </div> </div> <button class="add-on-popup__close" type="button"> <span class="hidden"> Layer Popup Close </span> </button> </div> </div> </div>  <script data-id="aac44b1f-0962-428e-af28-1f4e53562d11" data-object-type="Product" data-type="seo" type="application/ld+json"> {"@context":"https://schema.org","@type":"Product","brand":{"@type":"Brand","name":"Samsung"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"5.0","ratingCount":"6"},"@id":"https://www.samsung.com/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy/","name":"Galaxy A07","image":"https://asatexas.org/img/banner.webp","description":"Demo - Lihat keunggulan dan fitur lengkap produk ini. Pelajari harga, spesifikasi dan temukan produk terbaru serta Smartphones terbaik untuk Anda di Samsung Indonesia.","sku":"MS-F813QBDUIDZ","offers":{"@type":"Offer","url":"https://www.samsung.com/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy/","priceCurrency":"IDR","availability":"inStock","price":"1399000"}} </script>  <div class="sdf-component-templates" id="sg-pdh-dynamic-template-assembly"> <div class="hdd02-buying-tool__cost-box hdd02-buying-tool__cost-box--old sdf-component-template" data-sdf-template="buyingPrice @ price" data-sdf-unwrap="true"> <div class="hdd02-buying-tool__summary"> <div class="summary"> <div class="summary__product-wrap"> <strong class="summary__product-name"> SLOT ONLINE </strong> <p class="summary__product-price" style="display:none;"> {{price.priceWrapper.info.salePriceFormatted}} </p> </div> <div class="summary__select-option-wrap"> <span class="summary__select-option"> Terpercaya </span> <span class="summary__select-option"> BANDAR SLOT </span> <span class="summary__select-option"> Terpopuler </span> </div> <div data-sdf-attr.class="summary__product-wrap" data-sdf-repeat.item="{{price.summaryArea.embedAddonSelected}}"> <p data-sdf-attr.class="summary__product-name"> {{item.name}} </p> <p data-sdf-attr.class="summary__product-price"> {{item.summaryPrice}} </p> </div> <div class="summary__product-wrap warranty-wrap"> </div> </div> <div class="cost-box cost-box--default"> <em class="cost-box__badge"> </em> <p class="cost-box__price" data-total-price="1399000">Temukan dunia eksklusif KOPI77! Artikel ini membahas cara daftar KOPI77 dengan mudah, proses login KOPI77 yang aman, dan menyediakan link alternatif KOPI77 untuk akses tanpa batas. Jelajahi pengalaman unik bersama KOPI77 sekarang.</p> <div class="cost-box__cta-wrap"> <span class="cost-box__cta"> <a href="https://asatexas.org/" class="cta cta--contained cta--emphasis add-special-tagging"> Masuk/Daftar </a> </span> </div> </div> </div> </div> <div class="pd-info__wishlist sdf-component-template" data-sdf-template="wishlist @ drawObj" data-sdf-unwrap="true"> <a aria-selected="{{wishList.isSelected}}" class="pd-wishlist-cta js-layer-open {{wishList.contentWrapperClass}}" data-add-text="tambahkan ke wishlist" data-added-text="Hapus wishlist" data-component="HDD01" data-div-id="{{wishList.targetId}}" data-modelcode="{{wishList.moCode}}" data-modeldisplay="galaxy a07" data-modelname="{{wishList.moName}}" data-pimsubtype="galaxy a" data-product-name="{{wishList.moName}}" data-pvisubtype="smartphone" data-pvitype="mobile" data-sdf-attr.data-modelprice="{{wishList.price}}" data-stock="{{wishList.stockLevelStatus}}" data-target-popup="wishPopup" href="javascript:void(0);" role="button"> <span class="hidden"> WishList </span> <svg class="icon unselect" focusable="false" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> <path d="M82.659 46.562c-.237.336-1.321 1.867-1.736 2.413-6.187 8.141-26.914 24.719-32.859 29.329L48 78.25l-.064.054c-5.945-4.61-26.672-21.188-32.857-29.327a136.36 136.36 0 01-1.737-2.415A19.366 19.366 0 0110.5 36.449c0-10.729 8.748-19.457 19.5-19.457a19.549 19.549 0 0115.957 8.28L48 28.171l2.044-2.899A19.548 19.548 0 0166 16.992c10.753 0 19.5 8.728 19.5 19.457 0 3.577-.982 7.072-2.841 10.113M66 11.992a24.556 24.556 0 00-18 7.875 24.552 24.552 0 00-18-7.875c-13.509 0-24.5 10.971-24.5 24.457 0 4.53 1.254 8.957 3.625 12.802l.086.13s1.391 1.967 1.885 2.619c3.235 4.257 10.172 10.853 20.619 19.603a514.58 514.58 0 0010.291 8.386c4.905 3.893 4.905 3.893 5.706 3.986l.288.033.289-.033c.8-.093.8-.093 5.706-3.986a517.926 517.926 0 0010.29-8.386c10.447-8.75 17.384-15.346 20.62-19.604.494-.651 1.884-2.618 1.884-2.618l.086-.13A24.365 24.365 0 0090.5 36.449c0-13.486-10.99-24.457-24.5-24.457"> </path> </svg> <svg class="icon select" focusable="false" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> <path d="M48.002 84.009l-.298-.035c-.796-.096-.796-.096-5.698-3.986a514.58 514.58 0 01-10.291-8.386c-10.447-8.75-17.384-15.346-20.618-19.603-.495-.651-1.886-2.62-1.886-2.62l-.085-.129A24.366 24.366 0 015.5 36.448c0-13.486 10.991-24.457 24.5-24.457 6.87 0 13.392 2.896 18 7.875a24.56 24.56 0 0118-7.875c13.51 0 24.5 10.971 24.5 24.457 0 4.53-1.253 8.957-3.625 12.802l-.085.129s-1.391 1.969-1.886 2.62c-3.234 4.257-10.172 10.853-20.618 19.603a514.58 514.58 0 01-10.291 8.386c-4.901 3.89-4.901 3.89-5.696 3.985l-.297.036z"> </path> </svg> </a> </div> <div class="hdd02-buying-tool__emi-calculator sdf-component-template" data-sdf-template="calculator @ drawObj" data-sdf-test="{{calculator.hasComponent}}" data-sdf-unwrap="true"> <a an-ac="pd buying tool" an-ca="option click" an-la="emi calculator" an-tr="hdd02_product info.-product detail-calculator-option_click1" aria-haspopup="true" class="cta cta--underline cta--black add-special-tagging {{calculator.emiAttr.class}}" data-sdf-attr.data-target-popup="{{calculator.emiAttr.layerTarget}}" data-sdf-attr.href="{{calculator.emiAttr.href}}" data-sdf-attr.target="{{calculator.emiAttr.target}}" data-sdf-attr.title="{{calculator.emiAttr.title}}"> {{calculator.emiAttr.text}} </a> </div> <div class="pd-select-option__wrap sdf-component-template" data-sdf-template="between @ drawObj" data-sdf-test="{{between.hasComponent}}" data-sdf-unwrap="true"> <ul class="pd-select-option__list" role="list"> <li class="pd-select-option__item selected" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="leasing:no" an-tr="header(pim)_option selector-product detail-select-service option" checked="checked" class="hidden option-input add-special-tagging" id="pd-leasing-0" name="pd-leasing" type="radio"> <label class="pd-option-selector__label" for="pd-leasing-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{between.purchase.text}} </strong> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="leasing:yes" an-tr="header(pim)_option selector-product detail-select-service option" class="hidden option-input add-special-tagging" data-monthly-value="{{between.nonPurchase.monthlyValue}}" data-payment-value="{{between.nonPurchase.paymentValue}}" data-sdf-attr.data-leaseing="{{between.nonPurchase.dataLeaseing}}" data-tenure-unit="{{between.nonPurchase.tenureUnit}}" data-tenure-value="{{between.nonPurchase.tenureValue}}" id="pd-leasing-1" name="pd-leasing" type="radio"> <label class="pd-option-selector__label" for="pd-leasing-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{between.nonPurchase.text}} </strong> </span> </span> </label> </div> </li> </ul> </div> <div class="pd-select-option off-change option-upgrade pd-select-option--upgrade-program sdf-component-template" data-sdf-template=" upgrade @ drawObj" data-sdf-test="{{upgrade.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{upgrade.title}}"> {{upgrade.title}} </h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{upgrade.learnMoreCta.text}}"> <a an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:learn more" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" aria-haspopup="dialog" class="cta cta--underline cta--black add-special-tagging" data-sdf-attr.data-target-popup="{{upgrade.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{upgrade.learnMoreCta.href}}" data-sdf-attr.target="{{upgrade.learnMoreCta.target}}" data-sdf-attr.title="{{upgrade.learnMoreCta.title}}"> {{upgrade.learnMoreCta.text}} </a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{upgrade.description}}"> {{upgrade.description}} </p> <div class="pd-select-option__wrap" data-sdf-test="{{upgrade.isNotEmbededType}}"> <ul class="pd-select-option__list" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:yes" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" class="hidden option-input add-special-tagging {{upgrade.yesAttr.class}}" data-target-popup="{{upgrade.yesAttr.layerTarget}}" id="pd-samsung-upgrade-0" name="pd-samsung-upgrade" type="radio"> <label class="pd-option-selector__label" for="pd-samsung-upgrade-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{upgrade.yesAttr.text}} </strong> <span class="pd-option-selector__sub-text"> {{upgrade.yesAttr.subText}} </span> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:no" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" class="hidden option-input add-special-tagging {{upgrade.noAttr.class}}" data-event-type="{{upgrade.noAttr.eventType}}" data-target-popup="{{upgrade.noAttr.layerTarget}}" id="pd-samsung-upgrade-1" name="pd-samsung-upgrade" type="radio"> <label class="pd-option-selector__label" for="pd-samsung-upgrade-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{upgrade.noAttr.text}} </strong> </span> </span> </label> </div> </li> </ul> </div> <p class="pd-select-option__desc selected-disclaimer"> </p> </div> <div class="option-result result-upgrade sdf-component-template" data-sdf-template=" upgradeResult @ drawObj " data-sdf-test="{{upgradeResult.isGp}}" data-sdf-unwrap="true"> <div class="option-result__text-wrap result-price" data-sdf-attr.data-id="{{upgradeResult.dataId}}" data-sdf-attr.data-price="{{upgradeResult.dataPrice}}"> <p class="option-result__text-title" data-sdf-test="{{upgradeResult.displayModelName}}"> {{upgradeResult.displayModelName}} </p> <p class="option-result__text" data-sdf-test="{{upgradeResult.discountText1}}"> {{upgradeResult.discountText1}} </p> </div> <div class="option-result__desc-wrap" data-sdf-test="{{upgradeResult.description1}}"> <p class="option-result__desc"> {{upgradeResult.description1}} </p> <p class="option-result__desc"> {{upgradeResult.description2}} </p> </div> <a class="option-result__close remove-upgrade-result" href="javascript:void(0)"> <span class="hidden"> Tutup </span> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"> </path> </svg> </a> </div> <div class="option-result result-upgrade hidden sdf-component-template" data-sdf-template="upgradeResultHybris @ drawObj " data-sdf-test="{{upgradeResultHybris.isHybris}}" data-sdf-unwrap="true"> <div class="option-result__desc-wrap" data-sdf-test="{{upgradeResult.description1}}"> <p class="option-result__desc"> {{upgradeResult.description1}} </p> <p class="option-result__desc"> {{upgradeResult.description2}} </p> </div> </div> <div class="pd-select-option option-offer-finance sdf-component-template" data-sdf-template="offerFinance @ drawObj" data-sdf-test="{{offerFinance.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline"> {{offerFinance.title}} </h3> <span class="pd-select-option__cta-wrap"> <a an-ac="pd buying tool" an-ca="option click" an-la="samsung finance:learn more" an-tr="header(pim)_option selector-product detail-select-service option" class="cta cta--underline cta--black" data-sdf-attr.href="{{offerFinance.learnMoreCta.href}}" rel="nofollow" role="button" target="{{offerFinance.learnMoreCta.target}}"> {{offerFinance.learnMoreCta.text}} </a> </span> </div> <p class="pd-select-option__desc"> {{offerFinance.description}} </p> </div> <div class="pd-select-option option-galaxy-forever sdf-component-template" data-sdf-template=" galaxyForever @ drawObj" data-sdf-test="{{galaxyForever.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{galaxyForever.title}}"> {{galaxyForever.title}} </h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{galaxyForever.learnMoreCta.text}}"> <button an-ac="pd buying tool" an-ca="option click" an-la="galaxy forever:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black add-special-tagging" data-sdf-attr.data-layer-target="{{galaxyForever.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{galaxyForever.learnMoreCta.href}}" data-sdf-attr.target="{{galaxyForever.learnMoreCta.target}}" data-sdf-attr.title="{{galaxyForever.learnMoreCta.title}}" data-sdf-test="{{ galaxyForever.learnMoreCta.isNotOutLink}}" rel="nofollow"> {{galaxyForever.learnMoreCta.text}} </button> <a an-ac="pd buying tool" an-ca="option click" an-la="galaxy forever:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-layer-target="{{galaxyForever.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{galaxyForever.learnMoreCta.href}}" data-sdf-attr.target="{{galaxyForever.learnMoreCta.target}}" data-sdf-attr.title="{{galaxyForever.learnMoreCta.title}}" data-sdf-test="{{galaxyForever.learnMoreCta.isOutLink}}"> {{galaxyForever.learnMoreCta.text}} <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#outlink-bold"> </use> </svg> </a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{galaxyForever.description}}"> {{galaxyForever.description}} </p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="galaxy forever:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging {{galaxyForever.yesAttr.class}}" data-layer-target="{{galaxyForever.yesAttr.layerTarget}}" id="pd-samsung-galaxy-forever-0" name="pd-samsung-galaxy-forever" type="radio"> <label class="pd-option-selector__label" for="pd-samsung-galaxy-forever-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{galaxyForever.yesAttr.text}} </strong> <span class="pd-option-selector__sub-text"> {{galaxyForever.yesAttr.subText}} </span> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="galaxy forever:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging {{galaxyForever.noAttr.class}}" data-event-type="{{galaxyForever.noAttr.eventType}}" data-layer-target="{{galaxyForever.noAttr.layerTarget}}" id="pd-samsung-galaxy-forever-1" name="pd-samsung-galaxy-forever" type="radio"> <label class="pd-option-selector__label" for="pd-samsung-galaxy-forever-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{galaxyForever.noAttr.text}} </strong> </span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result result-galaxy-forever sdf-component-template" data-sdf-template=" galaxyForeverResult @ drawObj " data-sdf-unwrap="true"> <div class="option-result__text-wrap result-price" data-sdf-attr.data-id="{{galaxyForeverResult.dataId}}" data-sdf-attr.data-price="{{galaxyForeverResult.dataPrice}}"> <p class="option-result__text-title" data-sdf-test="{{galaxyForeverResult.displayModelName}}"> {{galaxyForeverResult.displayModelName}} </p> <p class="option-result__text" data-sdf-test="{{galaxyForeverResult.discountText1}}"> {{galaxyForeverResult.discountText1}} </p> </div> <div class="option-result__desc-wrap" data-sdf-test="{{galaxyForeverResult.description1}}"> <p class="option-result__desc"> {{galaxyForeverResult.description1}} </p> <p class="option-result__desc"> {{galaxyForeverResult.description2}} </p> </div> <a class="option-result__close remove-forever-result" href="javascript:void(0)"> <span class="hidden"> Tutup </span> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"> </path> </svg> </a> </div> <div class="pd-select-option option-bezelcolor bundle-group sdf-component-template" data-sdf-template="bezelOption @ drawObj" data-sdf-test="{{bezelOption.hasComponent}}" data-sdf-unwrap="true"> <div data-sdf-test="{{bezelOption.bezel}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline"> Pilih warna Anda </h3> </div> <p class="pd-select-option__desc"> Bezel yang dapat disesuaikan dijual terpisah </p> <div class="pd-select-option__wrap" data-sdf-test="{{bezelOption.noneSellingWithBazel}}"> <ul class="pd-select-option__list pd-select-option__list--default {{bezelOption.bezelImageClass}}" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="dummyCode" data-bezelmodelpatterncode="" id="pd-color-multi-0" name="pd-color-multi" type="radio"> <label class="pd-option-selector__label" for="pd-color-multi-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> Tidak ada warna <i> (Default) </i> </span> </span> </label> </div> </li> </ul> </div> </div> <div data-sdf-test="{{bezelOption.freestyle}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline"> Pilih warna skin Anda </h3> </div> <p class="pd-select-option__desc"> Skin yang dapat disesuaikan, dijual terpisah </p> <div class="pd-select-option__wrap" data-sdf-test="{{bezelOption.noneSellingWithBazel}}"> <ul class="pd-select-option__list pd-select-option__list--default {{bezelOption.bezelImageClass}}" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="dummyCode" data-bezelmodelpatterncode="" id="pd-color-multi-0" name="pd-color-multi" type="radio"> <label class="pd-option-selector__label" for="pd-color-multi-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> Putih <i> (termasuk) </i> </span> </span> </label> </div> </li> </ul> </div> </div> <div data-sdf-test="{{bezelOption.noneType}}" data-sdf-unwrap="true"> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--color" role="list"> <li class="pd-select-option__item" data-sdf-repeat.item="{{bezelOption.noneTypeList}}" role="listitem"> <div class="pd-option-selector" data-disabled="{{item.disabledClass}}"> <input an-ac="pd buying tool" an-ca="option click" an-la="bezel:none type {{item.name}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" id="pd-color-multi1-{{item.index}}" name="pd-color-multi" type="radio"> <label class="pd-option-selector__label" data-sdf-test="{{item.hasNotImage}}" for="pd-color-multi1-{{item.index}}"> <span class="pd-option-selector__color" data-sdf-attr.style="background:{{item.value}}"> </span> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> {{item.name}} </span> </span> </label> <label class="pd-option-selector__label" data-sdf-test="{{item.hasImage}}" for="pd-color-multi1-{{item.index}}"> <div class="pd-option-selector__img-wrap"> <div data-sdf-attr.class="image"> <img alt="image" data-comp-name="image" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img"> </div> </div> </label> </div> <p class="pd-select-option__item-option-text"> {{item.name}} </p> <p class="pd-select-option__item-notice"> Habis </p> </li> </ul> </div> </div> <div data-sdf-test="{{bezelOption.modernType}}" data-sdf-unwrap="true"> <div class="pd-select-option__sub-headline-wrap"> <h4 class="pd-select-option__sub-headline"> Jenis modern </h4> <button aria-haspopup="true" aria-label="MordernType information details" class="pd-select-option__info-link" data-target-popup="mordernType" type="button"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#info-regular"> </use> </svg> </button> </div> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--color" role="list"> <li class="pd-select-option__item" data-sdf-repeat.item="{{bezelOption.modernTypeList}}" role="listitem"> <div class="pd-option-selector" data-disabled="{{item.disabledClass}}"> <input an-ac="pd buying tool" an-ca="option click" an-la="bezel:modern type {{item.name}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" id="pd-color-multi1-{{item.index}}" name="pd-color-multi" type="radio"> <label class="pd-option-selector__label" data-sdf-test="{{item.hasNotImage}}" for="pd-color-multi1-{{item.index}}"> <span class="pd-option-selector__color" data-sdf-attr.style="background:{{item.value}}"> </span> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> {{item.name}} </span> </span> </label> <label class="pd-option-selector__label" data-sdf-test="{{item.hasImage}}" for="pd-color-multi1-{{item.index}}"> <div class="pd-option-selector__img-wrap"> <div data-sdf-attr.class="image"> <img alt="image" data-comp-name="image" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img"> </div> </div> </label> </div> <p class="pd-select-option__item-option-text"> {{item.name}} </p> <p class="pd-select-option__item-notice"> Habis </p> </li> </ul> </div> </div> <div data-sdf-test="{{bezelOption.beveledType}}" data-sdf-unwrap="true"> <div class="pd-select-option__sub-headline-wrap"> <h4 class="pd-select-option__sub-headline"> Jenis bevel </h4> <button aria-haspopup="true" aria-label="Type information details" class="pd-select-option__info-link" data-target-popup="beveledType" type="button"> <span class="hidden"> Type information details </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#info-regular"> </use> </svg> </button> </div> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--color" role="list"> <li class="pd-select-option__item" data-sdf-repeat.item="{{bezelOption.beveledTypeList}}" role="listitem"> <div class="pd-option-selector" data-disabled="{{item.disabledClass}}"> <input an-ac="pd buying tool" an-ca="option click" an-la="bezel:beveled type {{item.name}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" id="pd-color-multi2-{{item.index}}" name="pd-color-multi" type="radio"> <label class="pd-option-selector__label" data-sdf-test="{{item.hasNotImage}}" for="pd-color-multi2-{{item.index}}"> <span class="pd-option-selector__color" data-sdf-attr.style="background:{{item.value}}"> </span> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> {{item.name}} </span> </span> </label> <label class="pd-option-selector__label" data-sdf-test="{{item.hasImage}}" for="pd-color-multi2-{{item.index}}"> <div class="pd-option-selector__img-wrap"> <div data-sdf-attr.class="image"> <img alt="image" data-comp-name="image" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img"> </div> </div> </label> </div> <p class="pd-select-option__item-option-text"> {{item.name}} </p> <p class="pd-select-option__item-notice"> Habis </p> </li> </ul> </div> </div> <div data-sdf-test="{{bezelOption.freestyle}}" data-sdf-unwrap="true"> <div class="pd-select-option__sub-headline-wrap"> <h4 class="pd-select-option__sub-headline"> Warna skin </h4> </div> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--color" role="list"> <li class="pd-select-option__item" data-sdf-repeat.item="{{bezelOption.freestyleList}}" role="listitem"> <div class="pd-option-selector" data-disabled="{{item.disabledClass}}"> <input an-ac="pd buying tool" an-ca="option click" an-la="bezel:modern type {{item.name}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" id="pd-color-multi1-{{item.index}}" name="pd-color-multi" type="radio"> <label class="pd-option-selector__label" data-sdf-test="{{item.hasNotImage}}" for="pd-color-multi1-{{item.index}}"> <span class="pd-option-selector__color" data-sdf-attr.style="background: {{item.value}}"> </span> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> {{item.name}} </span> </span> </label> <label class="pd-option-selector__label" data-sdf-test="{{item.hasImage}}" for="pd-color-multi1-{{item.index}}"> <div class="pd-option-selector__img-wrap"> <div data-sdf-attr.class="image"> <img alt="image" data-comp-name="image" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img"> </div> </div> </label> </div> <p class="pd-select-option__item-option-text"> {{item.name}} </p> <p class="pd-select-option__item-notice"> Habis </p> </li> </ul> </div> </div> <div class="pd-select-option__bezel-type-popup" id="mordernType" role="dialog"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title"> Jenis bezel </h2> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div data-sdf-attr.class="pd-selector-option__bezel-image"> <div data-sdf-attr.class="image"> <img alt="alt text" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-modern-pc.jpg?$636_300_JPG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-modern-mo.jpg?$624_320_JPG$" data-sdf-attr.class="image__preview lazy-load responsive-img" role="img"> <img alt="alt text" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-modern-pc.jpg?$636_300_JPG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-modern-mo.jpg?$624_320_JPG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img"> </div> </div> <ul class="pd-selector-option__bezel-list"> <li class="pd-selector-option__bezel-item"> <strong class="pd-selector-option__bezel-title"> Jenis modern </strong> <p class="pd-selector-option__bezel-description"> Bezel kustom pada The Frame terpasang pada tempatnya secara magnetis. Sekarang, Anda dapat berganti gaya dalam sekejap. </p> </li> </ul> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Layer Popup Close </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div class="pd-select-option__bezel-type-popup" id="beveledType" role="dialog"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title"> Jenis bezel </h2> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="pd-selector-option__bezel-image"> <div data-sdf-attr.class="image"> <img alt="alt text" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-beveled-pc.jpg?$636_300_JPG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-beveled-mo.jpg?$624_320_JPG$" data-sdf-attr.class="image__preview lazy-load responsive-img" role="img"> <img alt="alt text" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-beveled-pc.jpg?$636_300_JPG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-beveled-mo.jpg?$624_320_JPG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img"> </div> </div> <ul class="pd-selector-option__bezel-list"> <li class="pd-selector-option__bezel-item"> <strong class="pd-selector-option__bezel-title"> Jenis bevel </strong> <p class="pd-selector-option__bezel-description"> Desain bezel jenis bevel yang baru menawarkan tepi bezel dalam sudut 45 derajat yang elegan. </p> </li> </ul> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Layer Popup Close </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> </div> <div class="pd-select-option__eta-text text-type2 js-shippingOrBack sdf-component-template" data-sdf-template="shippingOrBack @ drawObj" data-sdf-test="{{shippingOrBack.hasComponent}}" data-sdf-unwrap="true"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#in-stock-regular"> </use> </svg> <span> {{shippingOrBack.shippingOrBack}} </span> </div> <div class="pd-select-option__eta-text js-deliveryMessage sdf-component-template" data-sdf-template="deliveryMessage @ drawObj" data-sdf-test="{{deliveryMessage.hasComponent}}" data-sdf-unwrap="true"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#in-stock-regular"> </use> </svg> <span> {{deliveryMessage.deliveryMessage}} </span> </div> <div class="pd-select-option trade-in sdf-component-template" data-sdf-template=" tradeIn @ drawObj" data-sdf-test="{{tradeIn.hasComponent}}" data-sdf-unwrap="true" id="trade-in"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{tradeIn.title}}"> {{tradeIn.title}} </h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{tradeIn.learnMoreCta.text}}"> <button an-ac="pd buying tool" an-ca="option click" an-la="trade-in:learn more" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black" data-sdf-attr.data-target-popup="{{tradeIn.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{tradeIn.learnMoreCta.href}}" data-sdf-attr.target="{{tradeIn.learnMoreCta.target}}" data-sdf-attr.title="{{tradeIn.learnMoreCta.title}}" data-sdf-test="{{tradeIn.learnMoreCta.isNotOutLink}}" rel="nofollow"> {{tradeIn.learnMoreCta.text}} </button> <a an-ac="pd buying tool" an-ca="option click" an-la="trade-in:learn more" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-target-popup="{{tradeIn.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{tradeIn.learnMoreCta.href}}" data-sdf-attr.target="{{tradeIn.learnMoreCta.target}}" data-sdf-attr.title="{{tradeIn.learnMoreCta.title}}" data-sdf-test="{{tradeIn.learnMoreCta.isOutLink}}" rel="nofollow"> {{tradeIn.learnMoreCta.text}} <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#outlink-bold"> </use> </svg> </a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{tradeIn.description}}"> {{tradeIn.description}} </p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="trade-in:yes" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" aria-haspopup="dialog" class="hidden option-input add-special-tagging {{tradeIn.yesAttr.class}}" data-event-type="{{tradeIn.yesAttr.eventType}}" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" data-target-popup="{{tradeIn.yesAttr.layerTarget}}" id="pd-trade-in-0" name="pd-trade-in" type="radio"> <label class="pd-option-selector__label" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" for="pd-trade-in-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{tradeIn.yesAttr.text}} </strong> <span class="pd-option-selector__sub-text"> {{tradeIn.yesAttr.subText}} </span> </span> </span> </label> <a class="pd-option-selector__link" data-sdf-attr.href="{{tradeIn.yesAttr.href}}" data-sdf-test="{{tradeIn.yesAttr.isDirectLink}}" rel="nofollow" target="_blank"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{tradeIn.yesAttr.text}} </strong> <span class="pd-option-selector__sub-text"> {{tradeIn.yesAttr.subText}} </span> </span> </span> </a> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="trade-in:no" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" class="hidden option-input option-result-focus add-special-tagging {{tradeIn.noAttr.class}}" data-event-type="{{tradeIn.noAttr.eventType}}" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" data-target-popup="{{tradeIn.noAttr.layerTarget}}" id="pd-trade-in-1" name="pd-trade-in" type="radio"> <label class="pd-option-selector__label" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" for="pd-trade-in-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{tradeIn.noAttr.text}} </strong> <span class="pd-option-selector__sub-text"> {{tradeIn.noAttr.subText}} </span> </span> </span> </label> <a class="pd-option-selector__link" data-sdf-test="{{tradeIn.yesAttr.isDirectLink}}" href="javascript:void(0);"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{tradeIn.noAttr.text}} </strong> </span> </span> </a> </div> </li> </ul> </div> </div> <div class="option-result__device-area sdf-component-template" data-sdf-template=" tradeInErrMsg @ drawObj" data-sdf-test="{{tradeInErrMsg.hasComponent}}" data-sdf-unwrap="true"> <p class="option-result__message option-result__message--error"> <span class="option-result__message-inner"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#info-bold"> </use> </svg> You have maximum number of Trade-in in cart already. If you wish to add in Trade-in, please remove from cart. </span> </p> </div> <div class="option-result result-trade-in option-result--content sdf-component-template" data-sdf-template=" tradeInResult @ drawObj" data-sdf-unwrap="true"> <div class="option-result__multiple result-price" data-sdf-attr.data-cart-id="{{tradeInResult.dataQuoteId}}" data-sdf-attr.data-cash-back-price="{{tradeInResult.dataCashBack}}" data-sdf-attr.data-id="{{tradeInResult.dataId}}" data-sdf-attr.data-is-instant="{{tradeInResult.isUpfront}}" data-sdf-attr.data-price="{{tradeInResult.dataPrice}}"> <p class="option-result__multiple-result"> Selamat, Anda telah mendapatkan diskon tukar tambah. </p> <ul> <li class="option-result__multiple-item" data-sdf-repeat.item="{{tradeInResult.list}}"> <p class="option-result__multiple-price-wrap"> <em class="option-result__multiple-price-title"> {{item.discountPriceTextTile}} </em> <span class="option-result__multiple-price"> {{item.discountPriceText}} </span> <span class="option-result__multiple-exchange"> {{item.discountText1}} </span> <span class="option-result__multiple-discount" data-sdf-test="{{item.abondementAmountText}}"> {{item.abondementAmountText}} </span> <span class="option-result__multiple-discount" data-sdf-test="{{item.spotGuaranteeAmountText}}"> {{item.spotGuaranteeAmountText}} </span> <span class="option-result__multiple-exchange" data-sdf-test="{{item.tradeinValueText}}"> {{item.tradeinValueText}} </span> <span class="option-result__multiple-exchange" data-sdf-test="{{item.exclusiveTradeinUnitOfferText}}"> {{item.exclusiveTradeinUnitOfferText}} </span> <span class="option-result__multiple-exchange" data-sdf-test="{{item.extraTradeinOfferTextShow}}"> {{item.extraTradeinOfferText}} </span> <span class="option-result__multiple-exchange" data-sdf-test="{{item.exclusiveChannerTradeinOfferTextShow}}"> {{item.exclusiveChannerTradeinOfferText}} </span> <span class="option-result__multiple-exchange" data-sdf-test="{{item.extraTradeinVoucherTextShow}}"> {{item.extraTradeinVoucherText}} </span> <span class="option-result__multiple-discount"> {{item.specialDiscountText}} </span> </p> <p class="option-result__multiple-text"> {{item.displayModelName}} </p> <p class="option-result__multiple-btn"> <button an-ac="pd buying tool" an-ca="option click" an-la="trade-in:delete" an-tr="header(pim)_trade in-product detail-option-click{{item.count}}" class="option-result__multiple-delete remove-trade-in-result" data-trade-index="{{item.index}}"> Hapus </button> <button an-ac="pd buying tool" an-ca="option click" an-la="trade-in:change" an-tr="header(pim)_trade in-product detail-option-click{{item.count}}" class="option-result__multiple-change open-trade-popup" data-trade-index="{{item.index}}"> Ubah </button> </p> </li> </ul> </div> <p class="option-result__multiple-desc desc-target"> Harga akan bervariasi berdasarkan model dan kondisi perangkat lama. *S&K berlaku. </p> <p class="pd-select-option__alert-text alert-text" style="display: none;"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#information-error-bold"> </use> </svg> The device you are trading in is more valuable than the phone you are buying. Unfortunately we cannot credit you the excess value, so please remove the trade in device, or change the device you are purchasing </p> <p class="pd-select-option__alert-text over-price-alert into-text" style="display: none;"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#info-bold"> </use> </svg> Perangkat lama Anda memiliki harga tukar yang lebih besar dari harga Galaxy baru yang akan Anda beli. Kelebihan harga tukar ini tidak dapat diuangkan ataupun dikembalikan. </p> <div class="pd-select-option__cta"> <a an-ac="pd buying tool" an-ca="option click" an-la="trade-in:add another trade-in" an-tr="header(pim)_trade in-product detail-option-click" aria-label="Link Title" class="cta cta--outlined cta--black open-trade-popup limit-count" href="javascript:void(0)"> Tambah Trade-in </a> </div> </div> <div class="pd-select-option pd-select-option--check-dealer-stock sdf-component-template" data-sdf-template="checkDealerStock @ drawObj" data-sdf-test="{{checkDealerStock.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline"> Dealer stock quantity </h3> </div> <p class="pd-select-option__desc"> You can check the stock quantity for each region </p> <p class="pd-select-option__notice pd-select-option__notice--normal"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#information-error-bold"> </use> </svg> Please select city </p> <div class="pd-select-option__wrap"> <div class="pd-select-option__menu pd-select-option__menu--placeholder"> <div class="menu filled" data-comp-name="menu" data-open-direction="down" data-type="filled"> <select aria-hidden="true" class="menu__select" data-default-message="{{checkDealerStock.selectCity}}" name="check-dealer-stock" tabindex="-1"> <option data-sdf-test="{{checkDealerStock.selectCity}}" disabled="" value="select City"> {{checkDealerStock.selectCity}} </option> <option data-sdf-repeat.item="{{checkDealerStock.dataList}}" value="{{item.isocodeShort}}"> {{item.name}} </option> </select> <button aria-expanded="false" aria-haspopup="listbox" class="menu__select-field" type="button"> <span class="menu__select-field-text"> Select city </span> <svg aria-hidden="true" class="menu__select-field-icon down" focusable="false"> <use xlink:href="#open-down-bold"> </use> </svg> <svg aria-hidden="true" class="menu__select-field-icon up" focusable="false"> <use xlink:href="#close-up-bold"> </use> </svg> </button> </div> </div> <p class="pd-select-option__check-message pd-select-option__check-message--success"> <span> Only {0} left in stock. </span> </p> <p class="pd-select-option__check-message pd-select-option__check-message--error"> <span> Sorry, this product is not currently available in selected city. </span> </p> </div> </div> <div class="pd-select-option off-change option-assured-buy-back sdf-component-template" data-sdf-template="assuredBuyBack @ drawObj" data-sdf-test="{{assuredBuyBack.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{assuredBuyBack.title}}"> {{assuredBuyBack.title}} </h3> </div> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="assured program:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{assuredBuyBack.noAttr.eventType}}" id="pd-galaxy-assured-0" name="pd-galaxy-assured" type="radio"> <label class="pd-option-selector__label" for="pd-galaxy-assured-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> Tanpa perlindungan extra </strong> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="assured program:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input open-popup add-special-tagging" data-target-popup="{{assuredBuyBack.yesAttr.layerTarget}}" id="pd-galaxy-assured-1" name="pd-galaxy-assured" type="radio"> <label class="pd-option-selector__label" for="pd-galaxy-assured-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text" data-sdf-test="{{assuredBuyBack.yesAttr.text}}"> {{assuredBuyBack.yesAttr.text}} </strong> <span class="pd-option-selector__sub-text" data-sdf-test="{{assuredBuyBack.yesAttr.subText}}"> {{assuredBuyBack.yesAttr.subText}} </span> </span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result-dev result-option-assured-buy-back sdf-component-template" data-sdf-template="assuredBuyBackResult @ drawObj" data-sdf-unwrap="true"> <input class="hidden result-price" data-sdf-attr.data-price="{{assuredBuyBackResult.dataPrice}}" data-sdf-attr.data-sale-price="{{assuredBuyBackResult.dataSalePrice}}" type="hidden"> </div> <div class="pd-select-option off-change option-new-assured-buy-back sdf-component-template" data-sdf-template="newAssuredBuyBack @ drawObj" data-sdf-test="{{newAssuredBuyBack.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{newAssuredBuyBack.title}}"> {{newAssuredBuyBack.title}} </h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{newAssuredBuyBack.learnMoreCta.text}}"> <a an-ac="pd buying tool" an-ca="option click" an-la="galaxy assured:learn more" an-tr="header(pim)_option selector-product detail-select-service option" aria-haspopup="dialog" class="cta cta--underline cta--black add-special-tagging" data-sdf-attr.data-target-popup="{{newAssuredBuyBack.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{newAssuredBuyBack.learnMoreCta.href}}" data-sdf-attr.target="{{newAssuredBuyBack.learnMoreCta.target}}" data-sdf-attr.title="{{newAssuredBuyBack.learnMoreCta.title}}"> {{newAssuredBuyBack.learnMoreCta.text}} </a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{newAssuredBuyBack.description}}"> {{newAssuredBuyBack.description}} </p> <p class="pd-select-option__notice"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#information-error-bold"> </use> </svg> Please select Situs rekomendasti google untuk slot online login Assured Buyback or no coverage </p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide" role="list"> <li class="pd-select-option__item" data-sdf-repeat.item="{{newAssuredBuyBack.itemSet}}" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="galaxy assured:yes" an-tr="header(pim)_option selector-product detail-select-service option" class="hidden option-input open-popup add-special-tagging" id="pd-galaxy-new-assured-{{item.index}}" name="pd-galaxy-new-assured" type="radio"> <label class="pd-option-selector__label" for="pd-galaxy-new-assured-{{item.index}}"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text" data-sdf-test="{{item.title}}"> {{item.title}} </strong> <span class="pd-option-selector__sub-text" data-sdf-test="{{item.priceDisplay}}"> {{item.priceDisplay}} </span> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="galaxy assured:no" an-tr="header(pim)_option selector-product detail-select-service option" class="hidden option-input add-special-tagging" data-event-type="{{newAssuredBuyBack.noAttr.eventType}}" id="pd-galaxy-new-assured-0" name="pd-galaxy-new-assured" type="radio"> <label class="pd-option-selector__label" for="pd-galaxy-new-assured-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{newAssuredBuyBack.noAttr.text}} </strong> </span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result-dev result-option-new-assured-buy-back sdf-component-template" data-sdf-template="newAssuredBuyBackResult @ drawObj" data-sdf-unwrap="true"> <input class="hidden result-price" data-sdf-attr.data-display-name="{{newAssuredBuyBackResult.dataDisplayName}}" data-sdf-attr.data-display-price="{{newAssuredBuyBackResult.dataDisplayPrice}}" data-sdf-attr.data-price="{{newAssuredBuyBackResult.dataPrice}}" data-sdf-attr.data-sale-price="{{newAssuredBuyBackResult.dataPrice}}" data-sdf-attr.model-code="{{newAssuredBuyBackResult.dataModelCode}}" data-sdf-attr.model-name="{{newAssuredBuyBackResult.dataModelName}}" type="hidden"> </div>  <div class="pd-select-option option-care sdf-component-template" data-sdf-template=" care @ drawObj" data-sdf-test="{{care.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{care.title}}"> Benefits of SLOT ONLINE </h3> <button an-ac="pd buying tool" an-ca="option click" an-la="samsung care:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black add-special-tagging" data-sdf-attr.data-target-popup="{{care.learnMoreCta.layerTarget}}" data-sdf-attr.target="{{care.learnMoreCta.target}}" data-sdf-attr.title="{{care.learnMoreCta.title}}" data-sdf-test="{{care.learnMoreCta.isNotOutLink}}"> {{care.learnMoreCta.text}} </button> <a an-ac="pd buying tool" an-ca="option click" an-la="samsung care:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-target-popup="{{care.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{care.learnMoreCta.href}}" data-sdf-attr.target="{{care.learnMoreCta.target}}" data-sdf-attr.title="{{care.learnMoreCta.title}}" data-sdf-test="{{care.learnMoreCta.isOutLink}}" rel="nofollow"> {{care.learnMoreCta.text}} <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#outlink-bold"> </use> </svg> </a> </div> <p class="pd-select-option__desc" data-sdf-test="{{care.description}}"> <title>KOPI77: Gerbang Petualangan Digital Anda - Login, Daftar </p> <p class="pd-select-option__notice pd-select-option__notice--normal checkingSamsungCare"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#information-error-bold"> </use> </svg> Tambah Samsung Care+ atau lanjutkan tanpa perlindungan extra </p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide pd-select-option__list--samsung-care" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio"> <label class="pd-option-selector__label" for="pd-samsung-care-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> Akses Cepat & Stabil </strong>   </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio"> <label class="pd-option-selector__label" for="pd-samsung-care-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> Banyak Provider & Game Populer </strong>   </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio"> <label class="pd-option-selector__label" for="pd-samsung-care-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> Sistem Keamanan Berlapis </strong>   </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio"> <label class="pd-option-selector__label" for="pd-samsung-care-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> Support 24/7 Ramah & Responsif </strong>   </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio"> <label class="pd-option-selector__label" for="pd-samsung-care-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> Tampilan Bersih & Mudah Dipahami </strong>   </span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result-dev hidden result-care sdf-component-template" data-sdf-template=" careResult @ drawObj " data-sdf-unwrap="true"> <input class="hidden result-price" data-sdf-attr.data-id="{{careResult.dataId}}" data-sdf-attr.data-model-code="{{careResult.dataModelCode}}" data-sdf-attr.data-model-name="{{careResult.dataModelName}}" data-sdf-attr.data-price="{{careResult.dataPrice}}" data-sdf-attr.data-sale-price="{{careResult.dataSalePrice}}" type="hidden"> </div> <div class="pd-select-option option-warranty sdf-component-template" data-sdf-template="warranty @ drawObj" data-sdf-test="{{warranty.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{warranty.title}}"> {{warranty.title}} </h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{warranty.learnMoreCta.text}}"> <button an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black add-special-tagging" data-sdf-attr.data-target-popup="{{warranty.learnMoreCta.layerTarget}}" data-sdf-attr.target="{{warranty.learnMoreCta.target}}" data-sdf-attr.title="{{warranty.learnMoreCta.title}}" data-sdf-test="{{ warranty.learnMoreCta.isNotOutLink}}" href="%7b%7bwarranty.learnMoreCta.html" rel="nofollow"> {{warranty.learnMoreCta.text}} </button> <a an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-target-popup="{{warranty.learnMoreCta.layerTarget}}" data-sdf-attr.target="{{warranty.learnMoreCta.target}}" data-sdf-attr.title="{{warranty.learnMoreCta.title}}" data-sdf-test="{{warranty.learnMoreCta.isOutLink}}"> {{warranty.learnMoreCta.text}} <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#outlink-bold"> </use> </svg> </a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{warranty.description}}"> {{warranty.description}} </p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging {{warranty.yesAttr.class}}" data-target-popup="{{warranty.yesAttr.layerTarget}}" id="pd-samsung-warranty-0" name="pd-samsung-warranty" type="radio"> <label class="pd-option-selector__label" for="pd-samsung-warranty-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{warranty.yesAttr.text}} </strong> <span class="pd-option-selector__sub-text"> {{warranty.yesAttr.subText}} </span> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging {{warranty.noAttr.class}}" data-event-type="{{warranty.noAttr.eventType}}" data-target-popup="{{warranty.noAttr.layerTarget}}" id="pd-samsung-warranty-1" name="pd-samsung-warranty" type="radio"> <label class="pd-option-selector__label" for="pd-samsung-warranty-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{warranty.noAttr.text}} </strong> </span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result result-warranty sdf-component-template" data-sdf-template=" warrantyResult @ drawObj " data-sdf-unwrap="true"> <div class="option-result__text-wrap result-price" data-sdf-attr.data-id="{{warrantyResult.dataId}}" data-sdf-attr.data-model-code="{{warrantyResult.dataModelCode}}" data-sdf-attr.data-model-name="{{warrantyResult.dataModelName}}" data-sdf-attr.data-price="{{warrantyResult.dataPrice}}" data-sdf-attr.data-sale-price="{{warrantyResult.dataSalePrice}}"> <p class="option-result__text-title" data-sdf-test="{{warrantyResult.displayModelName}}"> {{warrantyResult.displayModelName}} </p> <p class="option-result__text" data-sdf-test="{{warrantyResult.discountText1}}"> {{warrantyResult.discountText1}} </p> </div> <div class="option-result__desc-wrap" data-sdf-test="{{warrantyResult.description1}}"> <p class="option-result__desc"> {{warrantyResult.description1}} </p> </div> <a class="option-result__close remove-warranty-result" href="javascript:void(0)"> <span class="hidden"> Tutup </span> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"> </path> </svg> </a> </div> <div class="pd-select-option option-warranty-vd sdf-component-template" data-sdf-template="warrantyVd @ drawObj" data-sdf-test="{{warrantyVd.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline"> {{warrantyVd.title}} </h3> <span class="pd-select-option__cta-wrap"> <a an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-target-popup="{{warrantyVd.learnMoreCta.learnMoreTargetPopup}}" data-sdf-attr.href="{{warrantyVd.learnMoreCta.learnMoreHref}}" data-sdf-attr.target="{{warrantyVd.learnMoreCta.learnMoreTarget}}"> {{warrantyVd.learnMoreCta.learnMoreText}} <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#outlink-bold"> </use> </svg> </a> </span> </div> <p class="pd-select-option__desc"> {{warrantyVd.description}} </p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" checked="" class="hidden" data-target-popup="{{warrantyVd.yesAttr.layerTarget}}" id="pd-extended-warranty-option-0" name="pd-extended-warranty-option" type="radio"> <label class="pd-option-selector__label" for="pd-extended-warranty-option-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{warrantyVd.yesAttr.text}} </strong> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-result-focus" id="pd-extended-warranty-option-1" name="pd-extended-warranty-option" type="radio"> <label class="pd-option-selector__label" for="pd-extended-warranty-option-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text"> {{warrantyVd.noAttr.text}} </strong> </span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result option-result--extended-warranty-option sdf-component-template" data-sdf-template="warrantyVdResult @ drawObj" data-sdf-unwrap="true"> <div class="option-result__text-wrap" data-sdf-attr.data-model-code="{{warrantyVdResult.smcCode}}" data-sdf-attr.data-price="{{warrantyVdResult.price}}"> <p class="option-result__text-title"> {{warrantyVdResult.title}} </p> <p class="option-result__text"> {{warrantyVdResult.priceDisplay}} </p> </div> <a an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:delete" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="option-result__close" href="javascript:void(0)"> <span class="hidden"> Close </span> <svg aria-hidden="true" class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"> </path> </svg> </a> </div>  <div class="pd-select-option pd-select-option--delivery-detail sdf-component-template" data-sdf-template="delivery @ drawObj" data-sdf-test="{{delivery.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline"> {{delivery.headline}} </h3> </div> <div class="pd-select-option__input-wrap"> <div class="text-field-v2 no-title {{delivery.labelClass}}"> <label class="text-field-v2__hint" for="delivery-zipcode"> {{delivery.label}} </label> <div class="text-field-v2__input-wrap"> <input autocomplete="off" class="text-field-v2__input" data-sdf-attr.disabled="{{delivery.inputAttr.disabled}}" data-sdf-attr.maxlength="{{delivery.inputAttr.maxlength}}" data-sdf-attr.value="{{delivery.inputAttr.value}}" id="delivery-zipcode" type="text"> <button an-ac="pd buying tool" an-ca="option click" an-la="zip code:delete" an-tr="header(pim)_option selector-product detail-image-submit" class="text-field-v2__input-icon delete add-special-tagging" title="Delete"> <svg class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> </div> <p class="text-field-v2__text error"> {{delivery.errorMessage}} </p> </div> <a an-ac="pd buying tool" an-ca="option click" an-la="delivery details:Apply" an-tr="hdd02_product info.-product detail-apply cta-option_click1" class="cta cta--contained cta--black check-zipcode {{delivery.ctaClass}}" href="javascript:void(0)" title="Apply"> Terapkan </a> </div> </div> <div class="option-result result-delivery sdf-component-template" data-sdf-template="deliveryResult @ drawObj" data-sdf-unwrap="true"> <div class="option-result__text-wrap"> <p class="option-result__text delivery-priority" data-sdf-test="{{deliveryResult.priorityText}}"> {{deliveryResult.priorityText}} </p> <p class="option-result__text delivery-standard" data-sdf-test="{{deliveryResult.mainText}}"> {{deliveryResult.mainText}} </p> <p class="option-result__sub-text" data-sdf-test="{{deliveryResult.subText}}"> {{deliveryResult.subText}} <br> Standard installation charges may apply. <a aria-label="Link Title" class="option-result__text-link" href="https://asatexas.org/" target="_blank"> slot gacor </a> for more details. </p> </div> <div class="option-result__desc-wrap"> <p class="option-result__desc-title" data-sdf-test="{{deliveryResult.decText}}"> {{deliveryResult.decText}} </p> <p class="option-result__desc" data-sdf-repeat.item="{{deliveryResult.disclaimerList}}"> {{item.disclaimer}} </p> </div> <a an-ac="pd buying tool" an-ca="option click" an-la="delivery details:delete" an-tr="hdd02_product info.-product detail-option selector-option_click1" class="option-result__close remove-delivery" href="javascript:void(0)"> <span class="hidden"> Tutup </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </a> </div> <div class="pd-select-option option-tariff sdf-component-template" data-sdf-template="tariffOption @ drawObj" data-sdf-test="{{tariffOption.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline"> {{tariffOption.headline}} </h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{tariffOption.href}}"> <a an-ac="pd buying tool" an-ca="option click" an-la="tariff:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon add-special-tagging" data-sdf-attr.href="{{tariffOption.href}}" rel="nofollow" role="button" target="_blank" title="Lebih detail"> Lebih detail <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#outlink-bold"> </use> </svg> </a> </span> </div> <p class="pd-select-option__desc"> {{tariffOption.description}} </p> <p class="pd-select-option__carrier" data-sdf-list.logoitem="{{tariffOption.logoList}}"> <img class="carrier-logo" data-sdf-attr.alt="{{logoitem.alt}}" data-sdf-attr.src="{{logoitem.src}}"> </p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="tariff:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" checked="" class="hidden option-input add-special-tagging" data-target-popup="tariffPopup" id="pd-tariff-option-0" name="pd-tariff-option" type="radio"> <label class="pd-option-selector__label" for="pd-tariff-option-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <span class="pd-option-selector__main-text"> {{tariffOption.yesAttr.text}} </span> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input an-ac="pd buying tool" an-ca="option click" an-la="tariff:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" id="pd-tariff-option-1" name="pd-tariff-option" type="radio"> <label class="pd-option-selector__label" for="pd-tariff-option-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <span class="pd-option-selector__main-text"> {{tariffOption.noAttr.text}} </span> </span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result result-tariff-option sdf-component-template" data-sdf-template="tariffOptionResult @ drawObj" data-sdf-test="{{tariffOptionResult.hasComponent}}" data-sdf-unwrap="true"> <div class="option-result__text-wrap result-price" data-sdf-attr.data-id="{{tariffOptionResult.dataId}}" data-sdf-attr.data-model-code="{{tariffOptionResult.dataModelCode}}" data-sdf-attr.data-price="{{tariffOptionResult.dataPrice}}" data-sdf-attr.data-simsku-code="{{tariffOptionResult.dataSimskuCode}}"> <p class="option-result__text-title" data-sdf-test="{{tariffOptionResult.displayModelName}}"> {{tariffOptionResult.displayModelName}} </p> <p class="option-result__text" data-sdf-test="{{tariffOptionResult.discountText1}}"> {{tariffOptionResult.discountText1}} </p> </div> <div class="option-result__desc-wrap" data-sdf-test="{{tariffOptionResult.description1}}"> <p class="option-result__desc"> {{tariffOptionResult.description1}} </p> <p class="option-result__desc"> {{tariffOptionResult.description2}} </p> </div> <a class="option-result__close remove-tariff-option-result" href="javascript:void(0)"> <span class="hidden"> Tutup </span> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"> </path> </svg> </a> <p class="option-result__desc"> {{tariffOptionResult.description}} </p> <p class="option-result__price" data-sdf-attr.data-id="{{tariffOptionResult.dataId}}" data-sdf-attr.data-model-code="{{tariffOptionResult.dataModelCode}}" data-sdf-attr.data-price="{{tariffOptionResult.dataPrice}}" data-sdf-attr.data-simsku-code="{{tariffOptionResult.dataSimskuCode}}"> {{tariffOptionResult.price}} </p> <p class="option-result__disclaimer"> {{tariffOptionResult.disclaimer}} </p> </div> <div class="pd-select-option option-embed-addon sdf-component-template" data-sdf-template="embedAddon @ drawObj" data-sdf-test="{{embedAddon.hasComponent}}" data-sdf-unwrap="true"> <h3 class="pd-select-option__headline"> {{embedAddon.title}} </h3> <p class="pd-select-option__desc"> {{embedAddon.description}} </p> <ul class="add-on-product-list-wrap" data-sdf-test="{{embedAddon.isNotVDSTEPBUYING}}" data-total-price="0" data-total-sale-price="0"> <li class="add-on-product{{item.oosClass}}" data-sdf-repeat.item="{{embedAddon.itemSet}}"> <div class="checkbox-v2"> <input an-ac="pd buying tool" an-ca="option click" an-la="add on product purchase only:{{item.nameToLowerCase}}" class="checkbox-v3__input" data-modelcode="{{item.modelCode}}" data-modelname="{{item.groupCode}}" id="add-on-product-{{item.index}}" name="checkbox" type="checkbox"> <label class="checkbox-v3__label" for="add-on-product-{{item.index}}"> <span class="checkbox-v3__label-box-wrap"> <span class="checkbox-v3__label-box"> <svg aria-hidden="true" class="checkbox-v3__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v3__label-text"> {{item.name}} </span> </label> </div> <div class="add-on-product__image"> <div class="image"> <img alt="{{item.imgAlt}}" class="image__preview lazy-load" data-src="{{item.imgSrc}}" role="img"> <img alt="{{item.imgAlt}}" class="image__main lazy-load" data-src="{{item.imgSrc}}" role="img"> </div> </div> <div class="add-on-product__detail-wrap"> <div class="add-on-product__text-wrap"> <span class="badge-icon badge-icon--label-v2 {{item.iconClass}}" data-sdf-test="{{item.iconClass}}"> {{item.iconTitle}} </span> <p class="add-on-product__title" data-model-name="{{item.name}}"> {{item.name}} </p> <p class="add-on-product__serial-number" data-model-code="{{item.modelCode}}" data-sdf-test="{{item.modelCode}}"> {{item.modelCode}} </p> <p class="add-on-product__desc" data-sdf-test="{{item.description}}"> {{item.description}} </p> </div> <div class="add-on-product__price-wrap"> <p class="add-on-product__final-price" data-price="{{item.finalPriceValue}}"> {{item.finalPrice}} </p> <del class="add-on-product__original-price" data-original-price="{{item.originalPriceValue}}" data-sdf-test="{{item.originalPrice}}"> {{item.originalPrice}} </del> <span class="add-on-product__saving-price" data-save-price="{{item.savePriceValue}}" data-sdf-test="{{item.savePrice}}"> {{item.savePrice}} </span> <span class="add-on-product__out-of-stock" data-sdf-test="{{item.isOOS}}"> Habis </span> </div> <button aria-label="Learn More" class="cta cta--underline-v2 cta--black cta-learn-more" data-model-idx="{{item.index}}" data-sdf-test="{{item.isLearnMorePopup}}"> Lebih detail </button> </div> </li> </ul> <ul class="add-on-product-list-wrap add-on-product-list-wrap--vd" data-sdf-test="{{embedAddon.isVDSTEPBUYING}}" data-total-price="0" data-total-sale-price="0"> <li class="add-on-product{{item.oosClass}}{{item.hideClass}}" data-sdf-repeat.item="{{embedAddon.itemSet}}" data-view-more-item="true"> <div class="add-on-product__image"> <div class="image"> <img alt="{{item.imgAlt}}" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="" data-mobile-src="" data-src="" role="img"> <img alt="{{item.imgAlt}}" class="image__main lazy-load responsive-img lazy-load" data-comp-name="image" data-desktop-src="{{item.imgSrc}}?$72_72_PNG$" data-mobile-src="{{item.imgSrc}}?$128_128_PNG$" data-src="{{item.imgSrc}}" role="img"> </div> </div> <div class="add-on-product__detail-wrap"> <div class="add-on-product__text-wrap"> <span class="badge-icon badge-icon--label-v2 {{item.iconClass}}" data-sdf-test="{{item.iconClass}}"> {{item.iconTitle}} </span> <p class="add-on-product__title" data-model-name="{{item.name}}"> {{item.name}} </p> <p class="add-on-product__desc" data-sdf-test="{{item.description}}"> {{item.description}} </p> <ul class="add-on-product__dot-list" data-sdf-test="{{item.dotList1}}"> <li data-sdf-test="{{item.dotList1}}"> {{item.dotList1}} </li> <li data-sdf-test="{{item.dotList2}}"> {{item.dotList2}} </li> <li data-sdf-test="{{item.dotList3}}"> {{item.dotList3}} </li> </ul> </div> <div class="add-on-product__price-wrap"> <p class="add-on-product__final-price" data-price="{{item.finalPriceValue}}"> {{item.finalPrice}} </p> <del class="add-on-product__original-price" data-original-price="{{item.originalPriceValue}}" data-sdf-test="{{item.originalPrice}}"> {{item.originalPrice}} </del> <span class="add-on-product__saving-price" data-save-price="{{item.savePriceValue}}" data-sdf-test="{{item.savePrice}}"> {{item.savePrice}} </span> <span class="add-on-product__out-of-stock" data-sdf-test="{{item.isOOS}}"> Habis </span> </div> <button an-ac="pd buying tool" an-ca="option click" an-la="add-on:add item" an-tr="hdd02_pdp header-product detail-add item-option_click" aria-label="Add" class="cta cta--outlined cta--black embed-addon-add" data-id="add-on-product-{{item.index}}" data-mode-code="{{item.modelCode}}" data-sdf-test="{{item.isStock}}"> Tambah </button> <button an-ac="pd buying tool" an-ca="option click" an-la="add-on:add item" an-tr="hdd02_pdp header-product detail-add item-option_click" aria-label="Add" class="cta cta--outlined cta--black cta--disabled embed-addon-add" data-sdf-test="{{item.isOOS}}" disabled=""> Tambah </button> </div> </li> </ul> <div class="pd-select-option__view-more" data-sdf-test="{{embedAddon.useMobileCTA}}"> <button aria-expanded="false" class="cta cta--icon" data-js-action="offerListViewMore" data-text-close="Lihat sedikit" data-text-open="Lihat selengkapnya" type="button"> <span class="pd-select-option__view-more-text"> Lihat selengkapnya </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#open-down-regular"> </use> </svg> </button> </div> </div> <div data-sdf-template="offerContent_promotionMessage @ message" data-sdf-unwrap="true"> <div class="dot-list__text-wrap {{message.item.contentWrapperClass}}"> <span class="dot-list__text" data-sdf-test="{{message.item.offerTitle}}"> {{message.item.offerTitle}} </span> <span class="dot-list__tooltip" data-sdf-test="{{message.item.offerTooltip}}"> <button aria-describedby="descTip" class="dot-list__tooltip-cta"> <span class="hidden"> ? </span> </button> <span class="dot-list__tooltip-message" id="descTip" role="tooltip"> <span class="dot-list__tooltip-message-text"> {{message.item.offerTooltip}} </span> <button class="dot-list__tooltip-close"> <span class="hidden"> Close </span> <svg aria-hidden="true" class="icon icon-delete" focusable="false"> <use xlink:href="#cancel-close-regular"> </use> </svg> </button> </span> </span> <a an-ac="pd buying tool" an-ca="option click" an-la="offers:{{message.item.title}}:{{message.item.linkText}}" an-tr="hdd02_product info.-product detail-offers-option_click1" class="cta cta--underline-v2 cta--black" data-sdf-attr.href="{{message.item.linkUrl}}" data-sdf-attr.title="{{message.item.linkText}}" data-sdf-test="{{message.item.linkEnabled}}"> {{message.item.linkText}} </a> </div> <p class="dot-list__desc" data-sdf-test="{{message.item.hasTCCTA}}"> {{message.item.tcCTAText}} </p> <p class="dot-list__desc" data-sdf-test="{{message.item.hasPeriod}}"> {{message.item.periodText}} </p> </div> </div>  </div> <div class="pd-g-feature-benefit-ux2 pd-g-feature-benefit">   </div> <div class="pd-g-reasons-to-buy-ux2"> <input id="rtbListSize" name="rtbListSize" type="hidden" value="4"> <section class="pdd28-reasons-to-buy pdd28-reasons-to-buy--theme-white-card" style="display:none;"> <script data-id="2b893dde-fb1e-4e03-8e91-a97d9d75e68a" data-object-type="OfferCatalog" data-type="seo" type="application/ld+json"> {"@context":"https://schema.org","@type":"OfferCatalog","name":"Beli langsung. Dapat lebih banyak.","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Samsung Rewards","description":"Belanja dan kumpulkan point reward untuk pembelian berikutnya"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Samsung Premium Care","description":"Perlindungan lebih tanpa perlu khawatir"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Gratis Pengiriman","description":"Temukan dunia eksklusif KOPI77! Artikel ini membahas cara daftar KOPI77 dengan mudah, proses login KOPI77 yang aman, dan menyediakan link alternatif KOPI77 untuk akses tanpa batas. Jelajahi pengalaman unik bersama KOPI77 sekarang."}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Flexible Finance","description":"Cicilan 0% menggunakan kartu kredit bank hingga 24 bulan"}}]} </script> <style> :root{ --lx-bg: #bc0000; --lx-card: #bc0000; --lx-text: #0f172a; --lx-muted:#6b7280; --lx-border:#ff5e00ad; --lx-accent:#000000; /* gold */ --lx-accent-2:#111827; /* deep slate */ --lx-radius:16px; --lx-shadow:0 6px 24px rgba(2,6,23,.06); } .lx-wrap{ background: var(--lx-bg); color: var(--lx-text); font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial, sans-serif; } .lx-container{ max-width:1425px; margin:0 auto; padding: 0px 16px 0px; } /* Section shell */ .lx-section{ background: var(--lx-card); border:1px solid var(--lx-border); border-radius:var(--lx-radius); box-shadow:var(--lx-shadow); padding:24px; margin-bottom:18px; } .lx-head{ display:flex; align-items:center; gap:12px; margin:0 0 12px 0; font-size:22px; line-height:1.25; letter-spacing:.2px; } .lx-head svg{ width:22px; height:22px; flex:0 0 auto; } .lx-body{ color: var(--lx-muted); font-size:15.5px; line-height:1.7; } .lx-body a{ color: #ff5e00ad; text-underline-offset:3px; } /* Pills */ .lx-stats{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; } .lx-pill{ display:inline-flex; align-items:center; gap:8px; border:1px dashed var(--lx-border); padding:8px 12px; border-radius:999px; font-size:13.5px; color: var(--lx-text); background: linear-gradient(180deg, rgba(212,175,55,.08), rgba(212,175,55,0)); } .lx-pill svg{ width:16px; height:16px; } /* Features grid */ .lx-grid{ display:grid; gap:12px; grid-template-columns:repeat(4, minmax(0,1fr)); } @media (max-width:980px){ .lx-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } } @media (max-width:520px){ .lx-grid{ grid-template-columns:1fr; } } .lx-feature{ padding:18px; border:1px solid var(--lx-border); border-radius:14px; background: var(--lx-card); } .lx-feature h3{ margin:0 0 6px 0; font-size:16.5px; display:flex; align-items:center; gap:8px; color: var(--lx-text); } .lx-feature p{ margin:0; color: var(--lx-muted); font-size:14.5px; line-height:1.65; } .lx-icon{ width:18px; height:18px; color: var(--lx-accent-2); } /* Guide steps */ .lx-steps{ counter-reset: step; display:flex; flex-direction:column; gap:12px; margin:10px 0 0 0; padding:0; list-style:none; } .lx-step{ display:flex; gap:12px; align-items:flex-start; border:1px solid var(--lx-border); border-radius:12px; padding:14px 16px; background: var(--lx-card); } .lx-step::before{ counter-increment: step; content: counter(step); flex:0 0 32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; font-weight:700; color:#111; background: linear-gradient(180deg, #bc0000, rgba(212,175,55,.75)); border:1px solid rgba(17,24,39,.12); } /* CTA */ .lx-cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; } .lx-btn{ display:inline-block; padding:10px 16px; border-radius:10px; text-decoration:none; font-weight:600; line-height:1; border:1px solid var(--lx-border); } .lx-btn--primary{ background: var(--lx-accent-2); color:#ff5e00ad; border-color: var(--lx-accent-2); } .lx-btn--outline{ background: transparent; color: var(--lx-text); } .lx-section + .lx-section{ margin-top:14px; } </style> <article class="lx-container" aria-label="Artikel SLOT">  <style> h1 { font-size: 32px; font-weight: 800; text-align: center; color: #1e1e1e; margin-bottom: 10px; line-height: 1.4; } h1 span { color: #ff5e00ad; } h2 { font-size: 26px; font-weight: 700; color: #efefef; margin: 30px 0 20px 0; position: relative; padding-left: 15px; } h2::before { content: ''; position: absolute; left: 0; top: 5px; bottom: 5px; width: 4px; background: #000000; border-radius: 4px; } h3 { font-size: 20px; font-weight: 600; color: #ff5e00ad; margin: 20px 0 10px 0; } /* Paragraphs */ p { color: #000; margin-bottom: 15px; font-size: 16px; text-align: justify; } /* Links */ a { color: #ff5e00ad; text-decoration: none; font-weight: 600; transition: all 0.2s ease; } /* Article highlight */ .highlight-box { background: #ff5e00ad; border: 1px solid #FFF; border-radius: 16px; padding: 25px; margin: 30px 0; box-shadow: 0 5px 15px rgba(55, 99, 212, 0.05); } /* Info Cards */ .info-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin: 25px 0; } .info-card { background: #313030; border: 1px solid #ff5e00ad; border-radius: 16px; padding: 20px 10px; text-align: center; } .info-card .label { font-size: 14px; color: #ff5e00ad; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } .info-card .value { font-size: 18px; font-weight: 700; color: #000; margin-top: 8px; } /* FAQ Accordion */ .faq-container { margin: 30px 0; } .faq-item { margin-bottom: 12px; border: 1px solid #ff5e00ad; border-radius: 16px; overflow: hidden; background: #bc0000; } .faq-question { width: 100%; text-align: left; padding: 18px 20px; background: #ff5e00ad; border: none; cursor: pointer; font-weight: 600; font-size: 16px; color: #000; display: flex; justify-content: space-between; align-items: center; transition: all 0.2s ease; } .faq-question:hover { background: #000; } .faq-question .icon { color: #000000; font-size: 22px; font-weight: 400; } .faq-answer { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; background: #bc0000; } .faq-answer p { margin: 15px 0; color: #000; } .faq-answer.open { max-height: 200px; padding: 0 20px; } /* Reviews Slider */ .reviews-section { margin: 40px 0; } .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 25px; } .review-card { background: #ff5e00ad; border: 1px solid #000000; border-radius: 20px; padding: 20px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02); } .review-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; } .review-name { font-weight: 700; color: #000; } .review-stars { color: #000; letter-spacing: 2px; } .review-text { color: #000; font-size: 14px; line-height: 1.7; margin: 10px 0; font-style: italic; } .review-date { color: #999; font-size: 12px; display: block; margin-top: 10px; } /* CTA Buttons */ .cta-section { text-align: center; margin: 40px 0 20px; } .cta-buttons { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; } .btn { display: inline-block; padding: 14px 40px; border-radius: 50px; font-weight: 700; font-size: 16px; letter-spacing: 1px; text-decoration: none; transition: all 0.2s ease; border: 1px solid; min-width: 150px; } .btn-login { background: transparent; color: #1e1e1e; border-color: #000000; } .btn-login:hover { background: #fcf3e0; border-color: #ff5e00ad; } .btn-register { background: #000000; color: #1e1e1e; border-color: #000000; } .btn-register:hover { background: #ff5e00ad; } /* Responsive */ @media (max-width: 768px) { .container { padding: 25px; } .info-grid { grid-template-columns: repeat(2, 1fr); } .reviews-grid { grid-template-columns: 1fr; } h1 { font-size: 24px; } } </style> <div class="container">  <h1> <title>KOPI77: Gerbang Petualangan Digital Anda - Login, Daftar</h1> <div class="gold-divider"></div>  <div class="info-grid"> <div class="info-card"> <div class="label">Penilaian Pengguna</div> <div class="value">7.285.798</div> </div> <div class="info-card"> <div class="label">Sistem Pembayaran</div> <div class="value">4 Metode</div> </div> <div class="info-card"> <div class="label">Layanan Support</div> <div class="value">24/7</div> </div> <div class="info-card"> <div class="label">Platform</div> <div class="value">Multi-Device</div> </div> </div>  <style> .kopi77-artikel-wrapper { font-family: 'Consolas', 'Monaco', monospace; /* Futuristic monospaced font */ background-color: #0d0d1a; /* Sangat gelap, mendekati hitam */ color: #e0e0e0; /* Warna teks dasar yang terang */ padding: 25px; max-width: 900px; margin: 40px auto; border: 1px solid #3a3a5a; /* Border tipis keunguan */ box-shadow: 0 0 15px rgba(50, 205, 255, 0.4), 0 0 30px rgba(138, 43, 226, 0.2); /* Efek glow biru-ungu */ border-radius: 10px; line-height: 1.7; } .kopi77-judul-utama { color: #00FFFF; /* Cyan neon */ text-shadow: 0 0 8px #00FFFF, 0 0 15px #00FFFF; /* Efek glow pada judul */ font-size: 3em; text-align: center; margin-bottom: 35px; letter-spacing: 2px; text-transform: uppercase; } .kopi77-paragraf-pembuka { font-size: 1.1em; margin-bottom: 30px; color: #c0c0d0; text-align: justify; } .kopi77-subjudul, .kopi77-faq-judul, .kopi77-review-judul { color: #FF1493; /* Deep pink neon */ text-shadow: 0 0 7px #FF1493, 0 0 12px #FF1493; font-size: 2.2em; margin-top: 45px; margin-bottom: 25px; border-bottom: 2px solid #3a3a5a; padding-bottom: 12px; letter-spacing: 1px; text-align: center; } .kopi77-konten-utama p { font-size: 1em; margin-bottom: 18px; color: #d0d0e0; text-align: justify; } .kopi77-konten-utama h3 { color: #90EE90; /* Light green neon */ text-shadow: 0 0 6px #90EE90; font-size: 1.5em; margin-top: 35px; margin-bottom: 15px; border-left: 3px solid #90EE90; padding-left: 10px; } .kopi77-faq-section h3 { color: #8A2BE2; /* Blue Violet neon */ text-shadow: 0 0 5px #8A2BE2; font-size: 1.4em; margin-top: 30px; margin-bottom: 10px; border-bottom: 1px dotted #4a4a6e; padding-bottom: 5px; } .kopi77-faq-section p { font-size: 1em; margin-bottom: 15px; color: #c0c0d0; text-align: justify; } .kopi77-review-item { background-color: #1a1a2e; /* Sedikit lebih terang dari background utama */ border: 1px solid #4a4a6e; border-radius: 8px; padding: 20px; margin-bottom: 25px; box-shadow: 0 0 10px rgba(138, 43, 226, 0.3); /* Glow ungu pada review */ } .kopi77-review-text { font-style: italic; color: #e0e0f0; margin-bottom: 12px; font-size: 1.05em; } .kopi77-reviewer-name { text-align: right; font-weight: bold; color: #FF69B4; /* Hot pink neon */ text-shadow: 0 0 5px #FF69B4; font-size: 0.95em; } /* Penyesuaian untuk tautan di dalam artikel */ .kopi77-artikel-wrapper a { color: #00FFFF; /* Sama dengan warna judul utama */ text-decoration: none; text-shadow: 0 0 3px #00FFFF; transition: color 0.3s ease; } .kopi77-artikel-wrapper a:hover { color: #FF1493; /* Warna pink saat hover */ text-shadow: 0 0 7px #FF1493; } </style>  <div class="kopi77-artikel-wrapper"> <h1 class="kopi77-judul-utama">KOPI77: Gerbang Petualangan Digital Anda, Tanpa Batas dan Penuh Inovasi</h1> <p class="kopi77-paragraf-pembuka">Di tengah hiruk pikuk dunia digital yang terus bergerak, mencari ruang yang tepat untuk berekspresi, berinteraksi, dan menemukan hal baru seringkali terasa seperti mencari jarum di tumpukan jerami. Namun, bagaimana jika ada sebuah nama yang bukan hanya sekadar label, melainkan sebuah undangan ke pengalaman yang berbeda? Perkenalkan KOPI77, sebuah platform yang dirancang untuk menjadi lebih dari sekadar tujuan, tapi sebuah perjalanan. Kami memahami kerinduan Anda akan koneksi yang autentik, kemudahan akses, dan sebuah komunitas yang suportif. Mari kita selami lebih dalam apa itu KOPI77 dan bagaimana Anda bisa menjadi bagian dari kisah ini.</p> <h2 class="kopi77-subjudul">Menjelajahi Dunia KOPI77: Kemudahan Akses dan Komunitas Inovatif</h2> <div class="kopi77-konten-utama"> <p>KOPI77 lahir dari sebuah visi untuk menciptakan ekosistem digital yang tidak hanya fungsional, tetapi juga memberikan pengalaman yang berkesan. Kami sadar betul bahwa di era serba cepat ini, kemudahan akses adalah kunci. Itulah mengapa, kami selalu berupaya memastikan Anda bisa menemukan <a href="#" class="kopi77-artikel-wrapper">link alternatif KOPI77</a> yang stabil dan terpercaya. Tidak ada lagi frustrasi karena sulitnya menjangkau platform favorit Anda. Fokus utama kami adalah memberikan jembatan yang kokoh agar setiap pengguna bisa terhubung tanpa hambatan.</p> <p>Seiring dengan kemudahan akses, proses untuk memulai petualangan di sini juga kami rancang sesederhana mungkin. Ingin bergabung dengan komunitas yang dinamis ini? Cukup dengan melakukan <a href="#" class="kopi77-artikel-wrapper">daftar KOPI77</a>, Anda akan langsung disambut dengan antarmuka yang intuitif dan panduan yang jelas. Kami percaya bahwa langkah pertama haruslah semudah meneguk secangkir kopi hangat di pagi hari, tanpa kerumitan yang berarti.</p> <h3>Pengalaman Login yang Aman dan Cepat</h3> <p>Setelah Anda terdaftar, proses <a href="#" class="kopi77-artikel-wrapper">login KOPI77</a> menjadi gerbang harian Anda menuju berbagai fitur dan interaksi. Kami menempatkan keamanan data pengguna sebagai prioritas utama, tanpa mengorbankan kecepatan. Setiap kali Anda ingin kembali ke dunia KOPI77, Anda akan merasakan kelancaran yang membuat pengalaman digital Anda terasa lebih nyaman. Kami terus berinovasi untuk memastikan setiap sesi login Anda aman dari segala bentuk ancaman siber, sehingga Anda bisa fokus pada hal-hal yang benar-benar penting.</p> <p>Di balik nama KOPI77, ada sebuah filosofi yang mendalam: memberikan platform yang memberdayakan penggunanya. Bukan sekadar tempat untuk berbagi, tetapi juga untuk belajar, tumbuh, dan berkolaborasi. Kami percaya bahwa setiap individu memiliki potensi unik, dan KOPI77 adalah tempat di mana potensi itu bisa berkembang. Dengan adanya <a href="#" class="kopi77-artikel-wrapper">link alternatif KOPI77</a> yang selalu diperbarui, Anda tidak akan pernah terputus dari kesempatan ini. Bergabunglah, rasakan bedanya, dan mulailah kisah Anda bersama kami hari ini. Proses <a href="#" class="kopi77-artikel-wrapper">daftar KOPI77</a> adalah langkah awal yang menjanjikan, dan <a href="#" class="kopi77-artikel-wrapper">login KOPI77</a> adalah kunci menuju segala kemungkinan.</p> </div> <h2 class="kopi77-faq-judul">Pertanyaan Umum Seputar KOPI77</h2> <div class="kopi77-faq-section"> <h3>1. Apa itu KOPI77?</h3> <p>KOPI77 adalah sebuah platform digital inovatif yang dirancang untuk menyediakan ruang interaktif dan pengalaman unik bagi penggunanya. Kami berfokus pada kemudahan akses, keamanan, dan pengembangan komunitas yang positif.</p> <h3>2. Bagaimana cara daftar KOPI77?</h3> <p>Proses <a href="#" class="kopi77-artikel-wrapper">daftar KOPI77</a> sangat mudah! Anda hanya perlu mengunjungi halaman pendaftaran resmi kami, mengisi formulir dengan informasi yang valid, dan mengikuti instruksi verifikasi. Setelah itu, akun Anda siap digunakan.</p> <h3>3. Apakah ada link alternatif KOPI77 jika saya kesulitan mengakses?</h3> <p>Tentu saja! Kami selalu menyediakan <a href="#" class="kopi77-artikel-wrapper">link alternatif KOPI77</a> yang terpercaya dan terbarui untuk memastikan Anda selalu dapat mengakses platform kami tanpa hambatan. Informasi link alternatif biasanya tersedia di saluran komunikasi resmi kami.</p> <h3>4. Bagaimana proses login KOPI77?</h3> <p>Untuk <a href="#" class="kopi77-artikel-wrapper">login KOPI77</a>, cukup masukkan nama pengguna (username) dan kata sandi (password) Anda di halaman login. Kami telah mengoptimalkan proses ini agar cepat dan aman, dengan fitur keamanan tambahan untuk melindungi akun Anda.</p> <h3>5. Apa keunggulan bergabung dengan KOPI77?</h3> <p>KOPI77 menawarkan pengalaman pengguna yang intuitif, keamanan data yang terjamin, serta komunitas yang aktif dan suportif. Kami juga secara berkala menghadirkan fitur-fitur baru dan inovatif untuk memperkaya pengalaman Anda.</p> <h3>6. Apakah KOPI77 aman digunakan?</h3> <p>Keamanan adalah prioritas utama kami di KOPI77. Kami menggunakan teknologi enkripsi canggih dan protokol keamanan ketat untuk melindungi data pribadi dan aktivitas Anda di platform. Anda bisa merasa tenang saat <a href="#" class="kopi77-artikel-wrapper">login KOPI77</a> atau berinteraksi di dalamnya.</p> <h3>7. Dukungan apa yang tersedia di KOPI77 jika saya punya pertanyaan?</h3> <p>Kami memiliki tim dukungan pelanggan yang siap membantu Anda dengan berbagai pertanyaan atau masalah. Anda bisa menghubungi kami melalui fitur chat langsung di platform, email, atau saluran komunikasi resmi lainnya. Kami siap membimbing Anda, mulai dari proses <a href="#" class="kopi77-artikel-wrapper">daftar KOPI77</a> hingga penggunaan fitur-fitur lanjutan.</p> </div> <h2 class="kopi77-review-judul">Apa Kata Mereka Tentang KOPI77?</h2> <div class="kopi77-review-section"> <div class="kopi77-review-item"> <p class="kopi77-review-text">"Awalnya ragu, tapi setelah <a href="#" class="kopi77-artikel-wrapper">daftar KOPI77</a>, saya langsung jatuh cinta! Antarmukanya bersih, gampang banget dipakai. Paling suka sama komunitasnya yang ramah dan saling dukung. Benar-benar beda!"</p> <p class="kopi77-reviewer-name">-- Riana Dewi</p> </div> <div class="kopi77-review-item"> <p class="kopi77-review-text">"Saya sering kesulitan cari platform yang stabil, tapi <a href="#" class="kopi77-artikel-wrapper">link alternatif KOPI77</a> selalu bisa diandalkan. Nggak pernah ada masalah buat <a href="#" class="kopi77-artikel-wrapper">login KOPI77</a>. Sangat direkomendasikan untuk siapa saja!"</p> <p class="kopi77-reviewer-name">-- Fajar Pradana</p> </div> <div class="kopi77-review-item"> <p class="kopi77-review-text">"Pengalaman di KOPI77 itu kayak nemu 'rumah' baru di internet. Kontennya segar, interaksinya hidup. Proses <a href="#" class="kopi77-artikel-wrapper">daftar KOPI77</a> juga cepat, saya nggak perlu buang banyak waktu."</p> <p class="kopi77-reviewer-name">-- Bimo Wiratama</p> </div> <div class="kopi77-review-item"> <p class="kopi77-review-text">"Saya paling apresiasi sama tim support KOPI77. Responnya cepat dan sangat membantu setiap kali ada pertanyaan. Rasanya aman banget menggunakan platform ini. Pokoknya mantap!"</p> <p class="kopi77-reviewer-name">-- Karina Putri</p> </div> <div class="kopi77-review-item"> <p class="kopi77-review-text">"Dulu sering banget kena blokir, tapi dengan adanya <a href="#" class="kopi77-artikel-wrapper">link alternatif KOPI77</a>, masalah itu selesai. Sekarang saya bisa <a href="#" class="kopi77-artikel-wrapper">login KOPI77</a> kapan saja tanpa khawatir. Desainnya juga keren, futuristik!"</p> <p class="kopi77-reviewer-name">-- Johan Iskandar</p> </div> <div class="kopi77-review-item"> <p class="kopi77-review-text">"Saya sudah coba berbagai platform, tapi KOPI77 ini beda. Ada jiwa dan perasaannya. Tidak hanya sekadar fitur, tapi ada koneksi. Salut untuk tim KOPI77!"</p> <p class="kopi77-reviewer-name">-- Dian Wijayanti</p> </div> </div> </div>   <div style="text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #7d3804; color: #7d3804; font-size: 12px;"> © 2026 KOPI77. All rights reserved. </div> </article></section></div> <script> function toggleFaq(button) { const answer = button.nextElementSibling; const icon = button.querySelector('.icon'); // Toggle current if (answer.classList.contains('open')) { answer.classList.remove('open'); icon.textContent = '+'; } else { answer.classList.add('open'); icon.textContent = '−'; } } </script> <script> (function () { // ===== FAQ Accordion (5 sesuai schema) ===== const faqButtons = document.querySelectorAll(".SLOT-container .acc-item"); faqButtons.forEach((btn, idx) => { const panel = btn.nextElementSibling; const qId = `SLOT-faq-q-${idx}`; const pId = `SLOT-faq-p-${idx}`; btn.id = qId; panel.id = pId; btn.setAttribute("aria-controls", pId); panel.setAttribute("aria-labelledby", qId); btn.addEventListener("click", () => { const isOpen = btn.getAttribute("aria-expanded") === "true"; faqButtons.forEach(b => { b.setAttribute("aria-expanded", "false"); b.nextElementSibling.classList.remove("is-open"); }); if (!isOpen) { btn.setAttribute("aria-expanded", "true"); panel.classList.add("is-open"); } }); }); // ===== PENILAIAN-ALX Auto Slide (6 sesuai schema) ===== const slider = document.getElementById("alxSlider"); const track = slider?.querySelector(".penilaian-mwt-track"); const cards = track ? Array.from(track.children) : []; const dotsWrap = slider?.querySelector(".penilaian-mwt-dots"); if (!slider || !track || cards.length === 0) return; let index = 0; let perView = 1; let timer = null; function calcPerView() { const w = window.innerWidth; if (w >= 980) return 3; if (w >= 720) return 2; return 1; } function buildDots() { if (!dotsWrap) return; dotsWrap.innerHTML = ""; const pages = Math.ceil(cards.length / perView); for (let i = 0; i < pages; i++) { const d = document.createElement("span"); d.className = "penilaian-mwt-dot" + (i === 0 ? " is-active" : ""); dotsWrap.appendChild(d); } } function setActiveDot(page) { if (!dotsWrap) return; Array.from(dotsWrap.children).forEach((d, i) => { d.classList.toggle("is-active", i === page); }); } function slideTo(page) { const cardWidth = cards[0].getBoundingClientRect().width; const gap = parseFloat(getComputedStyle(track).gap) || 0; const step = (cardWidth + gap) * perView; const maxPage = Math.max(0, Math.ceil(cards.length / perView) - 1); index = page > maxPage ? 0 : page; track.style.transform = `translateX(-${step * index}px)`; setActiveDot(index); } function start() { stop(); timer = setInterval(() => slideTo(index + 1), 3200); } function stop() { if (timer) clearInterval(timer); timer = null; } function refresh() { perView = calcPerView(); buildDots(); slideTo(0); start(); } slider.addEventListener("mouseenter", stop); slider.addEventListener("mouseleave", start); slider.addEventListener("touchstart", stop, { passive: true }); slider.addEventListener("touchend", start, { passive: true }); window.addEventListener("resize", () => { clearTimeout(window.__alxResizeT); window.__alxResizeT = setTimeout(refresh, 140); }); refresh(); })(); </script> <script> $(document).ready(function () { $(window).on('scroll', function () { if ( $(window).scrollTop() >= $('.product-recommendations1').offset().top + $('.product-recommendations1').outerHeight() - window.innerHeight ) { setTimeout(function () { var checkLength = $("input[name='frequent-products-pdp']:checked").length; var productRecs = document.querySelector('.product-recommendations1'); $('#checked-products').text(checkLength); }, 4000); setTimeout(function () { var height; var maxheight = 0; var minheight = 0; $('.price_container_cal').each(function () { height = parseInt($(this).height()); if (height > maxheight) { maxheight = height; } else { minheight = height; } }); let isMobile = window.matchMedia('only screen and (max-width: 1023px)').matches; if (!isMobile) { if (maxheight >= minheight) { $('.price_container_cal').attr( 'style', 'display: flex; flex-flow: column; justify-content: flex-end; height:' + maxheight + 'px;' ); } } }, 500); } }); }); </script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaEEME9M9cSy9FvfHvcx2gMPkp1H5Dj4YaKufPRsAyon8Tf==" data-cf-beacon="{"version":"2024.11.0","token":"5d535657e337499f903bcc1a09d7521b","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}" crossorigin="anonymous"></script> <nav aria-label="Breadcrumb" class="breadcrumb"> <div class="breadcrumb__inner"> <ul class="breadcrumb__path" role="list"> <li role="listitem"> <a an-ac="breadcrumb" an-ca="navigation" an-la="breadcrumb:home" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" aria-label="Home" href="https://www.samsung.com/id/"> <span class="breadcrumb__text-desktop"> SLOT ONLINE <span style="margin-left: 15px;">></span> </span> <span class="breadcrumb__text-mobile"> SLOT ONLINE <span style="margin-left: 15px;">></span> </span> </a> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#next-bold"> </use> </svg> </li> <li role="listitem"> <a an-ac="breadcrumb" an-ca="navigation" an-la="breadcrumb:mobile" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" aria-label="Mobile" href="https://www.samsung.com/id/mobile/"> <span class="breadcrumb__text-desktop"> KOPI77 <span style="margin-left: 15px;">></span> </span> <span class="breadcrumb__text-mobile"> KOPI77 <span style="margin-left: 15px;">></span> </span> </a> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#next-bold"> </use> </svg> </li> <li role="listitem"> <a an-ac="breadcrumb" an-ca="navigation" an-la="breadcrumb:smartphones" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" aria-label="Smartphones" href="https://www.samsung.com/id/smartphones/"> <span class="breadcrumb__text-desktop"> SLOT ONLINE </span> <span class="breadcrumb__text-mobile"> SLOT ONLINE </span> </a> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#next-bold"> </use> </svg> </li> </ul> </div> <script data-id="815b4f0e-baa9-42cc-b1f9-b4b995da3ffb" data-object-type="BreadcrumbList" data-type="seo" type="application/ld+json"> {"@context":"https://schema.org","@type":"BreadcrumbList","@id":"https://www.samsung.com/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy/#breadcrumb","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://www.samsung.com/id/","position":1},{"@type":"ListItem","name":"Mobile","item":"https://www.samsung.com/id/mobile/","position":2},{"@type":"ListItem","name":"Smartphones","item":"https://www.samsung.com/id/smartphones/","position":3},{"@type":"ListItem","name":"Galaxy A","item":"https://www.samsung.com/id/smartphones/galaxy-a/","position":4},{"@type":"ListItem","name":"Galaxy A07","item":"","position":5}]} </script> </nav> <div class="pd-g-manufacturer-info-popup"> <div aria-modal="true" class="manufacturer-info-popup" role="dialog" tabindex="0"> <div class="layer-popup"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> </div>  <div class="pdd39-anchor-nav__bottom-wrap" id="anchorNavigationPriceBarMobile"> <div class="pdd39-anchor-nav__bottom"> <div class="pdd39-anchor-nav__price pd-buying-price" id="sgDevPriceAreaBaseMobile"> </div> </div> </div> <footer class="footer">  <div class="footer"> <div class="footer-column"> <p class="hidden"> Footer Navigation </p>  <div class="footer-column__item"> <div class="footer-category"> <p class="footer-category__title" id="footer-category-title-0"> Products </p> <a an-ac="footer" an-ca="navigation" an-la="products" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-0" class="footer-category__anchor" href="javascript:void(0);" role="button"> <span class="hidden" data-i18n-close="Tutup" data-i18n-open="Buka"> Buka </span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> KOPI77 </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> SLOT ONLINE </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> BANDAR SLOT </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> KOPI77 DAFTAR </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> SITUS SLOT </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> SITUS SLOT ONLINE </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> KOPI77 DAFTAR </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> KOPI77 LOGIN SLOT </a> </li> </ul> </div> </div> </div>  <div class="footer-column__item"> <div class="footer-category"> <p class="footer-category__title" id="footer-category-title-1"> Services </p> <a an-ac="footer" an-ca="navigation" an-la="services" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-1" class="footer-category__anchor" href="javascript:void(0);" role="button"> <span class="hidden" data-i18n-close="Tutup" data-i18n-open="Buka"> Buka </span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Promo & Cashback Harian </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Bocoran & Event </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Program & Undian </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Metode Transaksi </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Fitur Maxwin </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Fitur Mega Jackpot </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Program Referral </a> </li> </ul> </div> </div> </div>  <div class="footer-column__item"> <div class="footer-category"> <p class="footer-category__title" id="footer-category-title-2"> Support </p> <a an-ac="footer" an-ca="navigation" an-la="support" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-2" class="footer-category__anchor" href="javascript:void(0);" role="button"> <span class="hidden" data-i18n-close="Tutup" data-i18n-open="Buka"> Buka </span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Pusat Bantuan </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Rtp Slot 97% </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> WhatsApp Support </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> FAQ </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Kebijakan Privasi </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Syarat & Ketentuan </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Responsible Gaming </a> </li> </ul> </div> </div> </div>  <div class="footer-column__item"> <div class="footer-category"> <p class="footer-category__title" id="footer-category-title-3"> Account </p> <a an-ac="footer" an-ca="navigation" an-la="account" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-3" class="footer-category__anchor" href="javascript:void(0);" role="button"> <span class="hidden" data-i18n-close="Tutup" data-i18n-open="Buka"> Buka </span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/mobile/"> KOPI77 Login </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/mobile/"> Daftar Akun Baru </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/mobile/"> Lupa Password </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Riwayat Transaksi </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Fitur Verifikasi </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Program VIP </a> </li> </ul> </div> </div> </div>  <div class="footer-column__item">  <div class="footer-category"> <p class="footer-category__title" id="footer-category-title-4"> Information </p> <a an-ac="footer" an-ca="navigation" an-la="information" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-4" class="footer-category__anchor" href="javascript:void(0);" role="button"> <span class="hidden"> Buka </span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Fitur Akses </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Gacor Maxwin </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Aturan & Kebijakan </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Kontak Resmi </a> </li> </ul> </div> </div>  <div class="footer-category"> <p class="footer-category__title" id="footer-category-title-4-2"> About KOPI77 SLOT </p> <a an-ac="footer" an-ca="navigation" an-la="about KOPI77 SLOT" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-4-2" class="footer-category__anchor" href="javascript:void(0);" role="button"> <span class="hidden"> Buka </span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Tentang KOPI77 SLOT </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Kenapa Pilih KOPI77 SLOT </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Partner & Affiliate </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://asatexas.org/"> Brand & Identitas </a> </li> </ul> </div> </div> </div> </div>  <div class="footer-bottom"> <div class="footer-copyright-wrap"> <div class="footer-copyright-align"> <p class="footer-copyright"> © 2026 KOPI77. All rights reserved. </p> </div> <div class="footer-language"> <a class="footer-language__anchor" href="https://asatexas.org/"> Indonesia / Bahasa Indonesia </a> </div> </div> <div an-ac="scroll:100" an-ca="scroll" an-la="scroll:100" an-tr="nv02_footer bottom--text-scroll" class="footer-language-wrap"> <div class="footer-language"> <a class="footer-language__anchor" href="https://asatexas.org/"> Indonesia / Bahasa Indonesia </a> </div> <div class="footer-terms"> <ul class="footer-terms__list" role="list"> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/kebijakan-privasi"> Privasi </a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/legal"> Legal </a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/sitemap"> Peta Situs </a> </li> </ul> </div> <div class="footer-sns"> <span class="footer-sns__title"> Ingin Tetap Terhubung? </span> <ul class="footer-sns__list" role="list"> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://facebook.com/dewi11official" rel="noreferrer noopener" target="_blank" aria-label="Facebook : Buka di Tab Baru"> <svg class="icon" focusable="false"> <use xlink:href="#facebook-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://twitter.com/dewi11official" rel="noreferrer noopener" target="_blank" aria-label="Twitter : Buka di Tab Baru"> <svg class="icon" focusable="false"> <use xlink:href="#twitter-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://instagram.com/dewi11official" rel="noreferrer noopener" target="_blank" aria-label="Instagram : Buka di Tab Baru"> <svg class="icon" focusable="false"> <use xlink:href="#instagram-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://youtube.com/@dewi11Channel" rel="noreferrer noopener" target="_blank" aria-label="Youtube : Buka di Tab Baru"> <svg class="icon" focusable="false"> <use xlink:href="#youtube-bold"></use> </svg> </a> </li> </ul> </div> </div> </div> </div> </footer> <button an-ac="back to top" an-ca="indication" an-la="back to top" an-tr="nv02_footer bottom--text-back to top" class="fab" title="Go to Top"> Go to Top <svg class="fab__icon" focusable="false"> <use xlink:href="#up-highest-bold"> </use> </svg> </button>  <script src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.407b108c60433f00a6b1a0e8f272a2c1.js"> </script> <script src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-base-ux25.min.91PDx4Vtw4YF6XfduRwwS6nKZ6sPAC9nCeR.js"> </script>    <script type="text/javascript"> /* recaptcha script for Samsung 2020.07.10 */ var conRecaptcha; var recaptchaCallback = function() { if($("#Con_reCaptcha").length > 0){ conRecaptcha = grecaptcha.render('Con_reCaptcha', { 'sitekey' : '6Lc-358UAAAAAFmYE7zKV3PU0m9crt6-tj-UJsll' }); } }; </script> <section aria-modal="true" class="trade-in-learn-more-popup" role="dialog"> <div class="trade-in-learn-more-popup__dimmed"> </div> <div class="trade-in-learn-more-popup__contents"> <div class="scrollbar"> <div class="trade-in-learn-more-popup__inner-wrap scrollbar__contents"> <p class="trade-in-learn-more-popup__title"> Cara kerja tukar tambah </p> <div class="trade-in-learn-more-popup__list-wrap"> <ul class="trade-in-learn-more-popup__list"> <li class="trade-in-learn-more-popup__list-item"> <em class="trade-in-learn-more-popup__list-item-num"> 01 </em> <div class="trade-in-learn-more-popup__list-item-text-wrap"> <span class="trade-in-learn-more-popup__list-item-text-desc"> Choose your new slot device and tell us about your old one. <br> Jika memenuhi syarat, Anda akan melihat taksiran nilai tukar tambah. </span> </div> </li> <li class="trade-in-learn-more-popup__list-item"> <em class="trade-in-learn-more-popup__list-item-num"> 02 </em> <div class="trade-in-learn-more-popup__list-item-text-wrap"> <span class="trade-in-learn-more-popup__list-item-text-desc"> Get an upfront discount on the price of your new slot device. </span> </div> </li> <li class="trade-in-learn-more-popup__list-item"> <em class="trade-in-learn-more-popup__list-item-num"> 03 </em> <div class="trade-in-learn-more-popup__list-item-text-wrap"> <span class="trade-in-learn-more-popup__list-item-text-desc"> Kirimkan perangkat lama Anda untuk menyelesaikan tukar tambah. </span> </div> </li> </ul>  </div> </div> </div> <button class="trade-in-learn-more-popup__close"> <span class="hidden"> TUTUP </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </section> <input id="tariffAdditionalPromotionCarrierUrl" type="hidden"> <div class="component-area" style=""> <section aria-modal="true" class="tariff-popup" role="dialog"> <div class="tariff-popup__dimmed"> </div> <div class="tariff-popup__contents"> <div class="tariff-popup__contents-plan" style="display:block;"> <div class="tariff-popup__inner-wrap scrollbar"> <div class="tariff-popup__inner scrollbar__contents"> <div class="tariff-popup__header"> <div class="tariff-popup__headline"> All from one hand </div> <p class="tariff-popup__desc"> Now you get innovative smartphone with right tariff plan. </p> </div> <div class="tariff-popup__choose" role="tablist" style="display:none;"> <div class="tariff-popup__choose-item" role="presentation"> <a aria-selected="false" class="tariff-popup__choose-item-btn" href="javascript:;" id="choose-tab-1" role="tab"> New Contracts </a> </div> <div class="tariff-popup__choose-item" role="presentation"> <div class="tariff-popup__choose-tooltip"> <div class="tariff-popup__choose-tooltip__btn-wrap"> <button aria-expanded="false" class="tariff-popup__choose-tooltip__btn" type="button"> <svg class="icon help" focusable="false"> <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#help-regular"> </use> </svg> <svg class="icon cancel" focusable="false"> <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#cancel-bold"> </use> </svg> <span class="hidden"> see what this </span> </button> <span class="tariff-popup__choose-tooltip__arrow"> </span> </div> <div class="tariff-popup__choose-tooltip__box" role="tooltip"> <span class="tariff-popup__choose-tooltip__box-arrow"> </span> <p class="tariff-popup__choose-tooltip__box-desc"> Stay with your network operator. </p> </div> </div> </div> </div> <div aria-hidden="true" aria-labelledby="choose-tab-1" class="tariff-popup__choose-panel" id="choose-content-1" role="tabpanel"> <div class="tariff-popup__tab-wrap"> <div class="tariff-popup__tab-list-wrap"> <button class="tariff-popup__tab-list-prev" role="button" style="display:none;"> prev <svg class="icon" focusable="false"> <use xlink:href="#previous-bold"> </use> </svg> </button> <div class="tariff-popup__tab-list-area">  <div class="tariff-popup__tab-list" role="tablist"> <div class="tariff-popup__tab-item-wrap" role="presentation"> <a class="tariff-popup__tab-item" href="javascript:void(0);"> </a> </div> </div> </div> <button class="tariff-popup__tab-list-next" role="button"> Next <svg class="icon" focusable="false"> <use xlink:href="#next-bold"> </use> </svg> </button> <div class="tariff-popup__tab-list-gl-left"> </div> <div class="tariff-popup__tab-list-gl-right"> </div> </div> <div class="tariff-popup__tab-panel-wrap"> <div class="tariff-popup__tab-panel"> </div> </div> </div> </div> <div aria-hidden="true" aria-labelledby="choose-tab-2" class="tariff-popup__choose-panel" id="choose-content-2" role="tabpanel"> <div class="tariff-popup__tab-wrap"> <div class="tariff-popup__tab-list-wrap"> <button class="tariff-popup__tab-list-prev" role="button" style="display:none;"> prev <svg class="icon" focusable="false"> <use xlink:href="#previous-bold"> </use> </svg> </button> <div class="tariff-popup__tab-list-area">  <div class="tariff-popup__tab-list" role="tablist"> </div> </div> <button class="tariff-popup__tab-list-next" role="button"> Next <svg class="icon" focusable="false"> <use xlink:href="#next-bold"> </use> </svg> </button> <div class="tariff-popup__tab-list-gl-left"> </div> <div class="tariff-popup__tab-list-gl-right"> </div> </div> <div class="tariff-popup__tab-panel-wrap"> <div class="tariff-popup__tab-panel"> </div> </div> </div> </div> </div> </div> <div class="tariff-popup__btn-wrap"> <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step2:back" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-prev cta cta--outlined cta--black" style="display:none;"> BATALKAN </button> <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:close" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-close cta cta--outlined cta--black"> BATALKAN </button>  <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:continue" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-next cta cta--contained cta--emphasis cta--disabled" disabled=""> LANJUTKAN </button> </div> </div> <div class="tariff-popup__contents-plan-details" style="display:none;"> <div class="tariff-popup__inner-wrap scrollbar"> <div class="tariff-popup__inner scrollbar__contents"> <div class="tariff-popup__header"> <div class="tariff-popup__headline"> The Network Plan Details </div> <p class="tariff-popup__desc"> </p> </div> <div class="tariff-popup__plan-details-wrap"> <section class="tariff-popup__plan-details expand"> <a class="tariff-popup__plan-details-title" href="javascript:;" role="button"> <span class="tariff-popup__plan-details-title-text"> Plan Benefits </span> <span> <svg class="icon collapse"> <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold"> </use> </svg> <span class="hidden collapse"> Klik untuk Memperluas </span> <svg class="icon expand"> <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold"> </use> </svg> <span class="hidden expand"> Klik untuk Tutup </span> </span> </a> <div class="tariff-popup__plan-details-desc plan-benefits-desc"> </div> </section> <section class="tariff-popup__plan-details"> <a class="tariff-popup__plan-details-title" href="javascript:;" role="button"> <span class="tariff-popup__plan-details-title-text"> Out of Bundle Charges </span> <span> <svg class="icon collapse"> <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold"> </use> </svg> <span class="hidden collapse"> Klik untuk Memperluas </span> <svg class="icon expand"> <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold"> </use> </svg> <span class="hidden expand"> Klik untuk Tutup </span> </span> </a> <div class="tariff-popup__plan-details-desc out-of-bundle-charges-desc"> </div> </section> <section class="tariff-popup__plan-details"> <a class="tariff-popup__plan-details-title" href="javascript:;" role="button"> <span class="tariff-popup__plan-details-title-text"> Terms & Conditions </span> <span> <svg class="icon collapse"> <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold"> </use> </svg> <span class="hidden collapse"> Klik untuk Memperluas </span> <svg class="icon expand"> <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold"> </use> </svg> <span class="hidden expand"> Klik untuk Tutup </span> </span> </a> <div class="tariff-popup__plan-details-desc term-conditions-desc"> </div> </section> </div> </div> </div> <div class="tariff-popup__btn-wrap"> <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:back" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-back cta cta--outlined cta--black"> Kembali </button> <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:close" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-close cta cta--contained cta--emphasis"> Tutup </button> </div> </div> <div class="tariff-popup__contents-plan-selected" style="display:none;"> <div class="tariff-popup__inner-wrap scrollbar"> <div class="tariff-popup__inner scrollbar__contents"> <div class="tariff-popup__header"> <div class="tariff-popup__headline"> All from one hand <span class="tariff-popup__icon"> <div class="image"> <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/tariff-popup-icon.png" role="img"> </div> </span> </div> <p class="tariff-popup__desc"> Now you get innovative smartphone with right tariff plan. </p> </div> <div class="tariff-popup__selected-wrap"> <div class="tariff-popup__selected"> <div class="tariff-popup__selected-spec"> <div class="tariff-popup__selected-spec-header"> <div class="tariff-popup__selected-spec-img"> <img alt="" src="#"> </div> <div class="tariff-popup__selected-spec-detail"> <strong class="tariff-popup__selected-spec-name"> </strong> <span class="tariff-popup__selected-spec-value"> </span> </div> </div> <div class="tariff-popup__selected-spec-desc"> <ul class="tariff-popup__selected-spec-list"> </ul> </div> <div class="tariff-popup__selected-add-opt"> </div> </div> <div class="tariff-popup__selected-total"> <div class="tariff-popup__selected-total-title"> Upfront Cost </div> <div class="tariff-popup__selected-total-price"> </div> <p class="tariff-popup__selected-total-desc"> Der Anschlusspreis und monatlicher Tarifpreis werden vom jeweiligen Netzanbieter eingezogen. Du zahlst jetzt nur den einmaligen Gerätepreis. </p> </div> </div> </div> <div class="tariff-popup__checkbox-wrap"> </div> <div class="tariff-popup__table-wrap"> <div class="tariff-popup__table-inner"> </div> <div class="tariff-popup__table-disclaimer"> </div> </div> </div> </div> <div class="tariff-popup__btn-wrap"> <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step2:back" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-prev cta cta--outlined cta--black"> BACK </button>  <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step2:confirm" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-submit cta cta--contained cta--emphasis cta--disabled" disabled=""> Terapkan </button> </div> </div> <div class="tariff-popup__contents-form" style="display:none;"> <div class="tariff-popup__inner-wrap scrollbar"> <div class="tariff-popup__inner scrollbar__contents"> <div class="tariff-popup__header"> <div class="tariff-popup__headline"> Check the availabbility </div> </div> <div class="tariff-popup__step"> <div class="tariff-popup__step-inner"> <span class="tariff-popup__step-fill is-active"> </span> <span class="tariff-popup__step-fill"> </span> <span class="tariff-popup__step-fill"> </span> </div> </div> <div class="tariff-popup__step-progress"> <span class="hidden"> 1 of 3 </span> </div> <div class="tariff-popup__validation-message"> <strong class="tariff-popup__validation-message-title"> Wrong address </strong> <div class="tariff-popup__validation-message-content"> <p> Unfortunately, we cannot make you a DSL offer for the address you have checked.The address you have given is not unique, please choose from the address suggestions. </p> </div> </div> <div class="tariff-popup__form-wrap"> <div class="tariff-popup__form-list"> <div class="tariff-popup__form-item tariff-popup__form-item-wide" style="display:none;"> <div class="menu menu--text-field" data-comp-name="menu" data-max-item-number="5" data-type="textField"> <select aria-labelledby="tariff-addr-label-id" class="menu__select" tabindex="-1"> </select> <p class="menu--text-field__hint" id="tariff-addr-label-id"> Empfohlene Adresse </p> <button aria-expanded="false" aria-haspopup="listbox" aria-labelledby="tariff-addr-label-id tariff-text-label-id" class="menu__select-field" type="button"> <span class="menu__select-field-text" id="tariff-text-label-id"> </span> <svg aria-hidden="true" class="menu__select-field-icon down" focusable="false"> <use xlink:href="#open-down-bold"> </use> </svg> <svg aria-hidden="true" class="menu__select-field-icon up" focusable="false"> <use xlink:href="#close-up-bold"> </use> </svg> </button> </div> </div> <div class="tariff-popup__form-item tariff-popup__form-item-wide"> <div class="text-field-v2" data-comp-name="textFieldv2"> <label class="text-field-v2__hint" for="text-field-tariff-postcode"> Postcode </label> <div class="text-field-v2__input-wrap"> <input autocomplete="off" class="text-field-v2__input" id="text-field-tariff-postcode" maxlength="5" name="postCode" type="text"> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> </div> <p aria-hidden="true" class="text-field-v2__text assistive"> Please provide a valid postcode </p> <p aria-hidden="true" class="text-field-v2__text error"> Please enter correct information again. </p> </div> </div> <div class="tariff-popup__form-item"> <div class="text-field-v2" data-comp-name="textFieldv2"> <label class="text-field-v2__hint" for="text-field-tariff-street"> Street </label> <div class="text-field-v2__input-wrap"> <input autocomplete="off" class="text-field-v2__input" id="text-field-tariff-street" name="streetName" type="text"> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> </div> <p aria-hidden="true" class="text-field-v2__text assistive"> Please provide a valid street </p> <p aria-hidden="true" class="text-field-v2__text error"> Please enter correct information again. </p> </div> </div> <div class="tariff-popup__form-item"> <div class="text-field-v2" data-comp-name="textFieldv2"> <label class="text-field-v2__hint" for="text-field-3"> House number </label> <div class="text-field-v2__input-wrap"> <input autocomplete="off" class="text-field-v2__input" id="text-field-3" name="houseNumber" type="text"> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> </div> <p aria-hidden="true" class="text-field-v2__text assistive"> Please provide a valid house number </p> <p aria-hidden="true" class="text-field-v2__text error"> Please enter correct information again. </p> </div> </div> <div class="tariff-popup__form-item"> <div class="text-field-v2" data-comp-name="textFieldv2"> <label class="text-field-v2__hint" for="text-field-4"> Additional house information </label> <div class="text-field-v2__input-wrap"> <input autocomplete="off" class="text-field-v2__input" id="text-field-4" name="houseNumberAddition" type="text"> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> </div> <p aria-hidden="true" class="text-field-v2__text assistive"> Additional information placeholder </p> <p aria-hidden="true" class="text-field-v2__text error"> Please enter correct information again. </p> </div> </div> <div class="tariff-popup__form-item"> <div class="text-field-v2" data-comp-name="textFieldv2"> <label class="text-field-v2__hint" for="text-field-5"> City </label> <div class="text-field-v2__input-wrap"> <input autocomplete="off" class="text-field-v2__input" id="text-field-5" name="locality" type="text"> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> </div> <p aria-hidden="true" class="text-field-v2__text assistive"> Please provide a valid city </p> <p aria-hidden="true" class="text-field-v2__text error"> Please enter correct information again. </p> </div> </div> </div> </div> <p class="tariff-popup__form-txt"> *Required fields </p> <div class="tariff-popup__disclaimer-wrap"> <div class="tariff-popup__disclaimer"> Anda dapat menemukan informasi tentang pengolahan data pribadi melalui link <a href="https://www.samsung.com/id/info/privacy/" target="_blank" title="Open in a new window"> Kebijakan privasi </a> . </div> </div> </div> </div> <div class="tariff-popup__btn-wrap"> <button class="tariff-popup__btn-close cta cta--outlined cta--black"> Batalkan </button>  <button class="tariff-popup__btn-next cta cta--contained cta--emphasis cta--disabled" disabled=""> Lanjutkan </button> </div> </div> <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:close" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__close"> <span class="hidden"> Tutup Layar Popup </span> </button> </div> </section> </div> <div class="tariff-info-popup"> <div class="layer-popup" id="tariff-info-popup" role="dialog" style="display:block"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="layer-popup__title"> Pay monthly phone contracts </div> <p class="layer-popup__desc"> Buy your phone along with an inclusive monthly network plan and pay monthly* </p> <div class="tariff-info-popup__wrap"> <div class="tariff-info-popup__inner"> <div class="tariff-info-popup__more"> <ul class="tariff-info-popup__more-list"> <li> <strong class="tariff-info-popup__more-title"> Choose your network </strong> <p class="tariff-info-popup__more-text"> Choose from a range of networks and inclusive monthly plans to get started with your new Galaxy phone straight away. </p> </li> <li> <strong class="tariff-info-popup__more-title"> Bayar Bulanan </strong> <p class="tariff-info-popup__more-text"> Pay for your phone and an inclusive bundle of calls, texts and data in one easy-to-manage monthly fee. </p> </li> <li> <strong class="tariff-info-popup__more-title"> Next steps </strong> <p class="tariff-info-popup__more-text"> You will be redirected to our trusted partner, A1 Comms Ltd (trading as Mobileshop), to purchase your phone and setup your monthly plan. </p> </li> </ul> </div> <div class="tariff-info-popup__info"> </div> </div> </div> </div> </div> <div class="tariff-info-popup__cta">  <a class="cta cta--contained cta--emphasis" href="javascript:void(0);" title="Link Title"> Choose your plan </a> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Layer Popup Close </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <input id="cfTradeInConditionCheckYn" type="hidden"> <input id="cfTradeInCategoryUseYn" type="hidden"> <section aria-modal="true" class="trade-in-popup" id="hubble-tradein-layer" role="dialog"> <div class="trade-in-popup__dimmed"> </div> <div class="trade-in-popup__contents">  <div class="trade-in-popup__zipcode-wrap" role="dialog"> <div class="scrollbar"> <div class="trade-in-popup__inner-wrap scrollbar__contents"> <p class="trade-in-popup__title"> Cek layanan tukar tambah di area Anda! </p> <div class="trade-in-popup__imei"> <div class="trade-in-popup__imei-desc-wrap"> <p class="trade-in-popup__imei-desc"> Akses menu Tukar Tambah di aplikasi Samsung Gift Indonesia atau unduh aplikasi SS.com Trade In untuk memeriksakan ponsel pintar Anda. Setelah ponsel Anda lolos uji, IMEI perangkat lama Anda akan tercatat dalam basis data kami, sehingga Anda dapat menikmati diskon tukar tambah khusus. </p> <p class="trade-in-popup__imei-desc"> <a href="https://www.samsung.com/id/offer/mobile-trade-in/" target="_blank" title="Buka di Tab Baru"> SAMSUNG TRADE IN </a> </p> </div> <div class="trade-in-popup__imei-form-wrap"> <strong class="trade-in-popup__imei-form-title"> Masukkan kode pos Anda </strong> <div class="trade-in-popup__imei-form"> <div class="text-field-v2 no-title"> <label class="text-field-v2__hint" for="zipcode-input"> Kode Pos (5 angka) </label> <div class="text-field-v2__input-wrap"> <input autocomplete="off" class="text-field-v2__input" id="zipcode-input" maxlength="5" type="text" value=""> <button class="text-field-v2__input-icon delete" title="Delete"> <svg class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> </div> <p class="text-field-v2__text error"> </p> <p class="text-field-v2__text success"> Tukar tambah tersedia di area kode pos Anda </p> </div> </div> </div> </div> <div class="trade-in-popup__dropdown-wrap"> <div class="trade-in-popup__brand-dropdown-wrap"> <p class="trade-in-popup__dropdown-title"> Estimasi harga tertinggi perangkat lama Anda </p> <div class="trade-in-popup__dropdown"> <button class="trade-in-popup__dropdown--select-field"> <span class="trade-in-popup__dropdown--select-field-name"> Select Brand </span> </button> <div class="trade-in-popup__dropdown--select-list scrollbar"> <ul class="scrollbar__contents"> </ul> </div> </div> </div> <div class="trade-in-popup__model-dropdown-wrap"> <p class="trade-in-popup__dropdown-title"> Estimasi harga tertinggi perangkat lama Anda </p> <div class="trade-in-popup__dropdown"> <button class="trade-in-popup__dropdown--select-field"> <span class="trade-in-popup__dropdown--select-field-name"> Select Model </span> <span class="trade-in-popup__dropdown--select-field-price"> </span> </button> <div class="trade-in-popup__dropdown--select-list scrollbar"> <ul class="scrollbar__contents"> <li class="trade-in-popup__dropdown--search-wrap"> <label class="trade-in-popup__dropdown--search-label" for="trade-in-popup__dropdown--search-model"> Search... </label> <input autocomplete="off" class="trade-in-popup__dropdown--search-input" id="trade-in-popup__dropdown--search-model" type="text"> <button class="trade-in-popup__dropdown--search-btn" type="submit"> <span class="hidden"> select device model search </span> </button> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="trade-in-popup__btn-wrap">  <button class="trade-in-popup__btn-close cta cta--outlined cta--black"> Tutup </button>  <button aria-disabled="true" class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="zipcode"> Lanjutkan </button> </div> </div> <div class="trade-in-popup__imei-wrap" role="dialog"> <div class="scrollbar"> <div class="trade-in-popup__inner-wrap scrollbar__contents"> <p class="trade-in-popup__title"> Masukkan IMEI perangkat lama Anda </p>  <strong class="trade-in-popup__procedure-title"> Prosedur tukar tambah permainan </strong> <ul class="trade-in-popup__procedure"> <li class="trade-in-popup__procedure-item"> <div class="trade-in-popup__procedure-item-img"> <div class="image"> <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/test-trade-in-imei-procedure-1.jpg" role="img"> </div> </div> <p class="trade-in-popup__procedure-item-desc"> 1. Download App SS.com </p> <div class="trade-in-popup__procedure-link-wrap"> <a class="trade-in-popup__procedure-link" href="https://play.google.com/store/apps/details?id=com.stradein.bct.lk6"> <div class="image"> <img alt="google play link" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-trade-in-down-google.png" role="img"> </div> </a> <a class="trade-in-popup__procedure-link" href="https://apps.apple.com/id/app/ss-com-trade-in/id1516570115"> <div class="image"> <img alt="app store link" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-trade-in-down-apple.png" role="img"> </div> </a> </div> <p class="trade-in-popup__procedure-item-desc"> atau <br> Gunakan App <br> <a aria-label="Open in a new window" href="https://links.s-gift.app/tradein" target="_blank" title="Buka di Tab Baru"> Samsung Gift Indonesia </a> </p> <div class="trade-in-popup__procedure-link-wrap"> <a class="trade-in-popup__procedure-link" href="https://links.s-gift.app/tradein" target="_blank" title="Buka di Tab Baru"> <div class="image"> <img alt="samsung gift link" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-trade-in-down-gift.png" role="img"> </div> </a> </div> </li> <li class="trade-in-popup__procedure-item"> <div class="trade-in-popup__procedure-item-img"> <div class="image"> <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/test-trade-in-imei-procedure-2.jpg" role="img"> </div> </div> <p class="trade-in-popup__procedure-item-desc"> 2. Lanjutkan proses pada aplikasi untuk mendapatkan harga estimasi smartphone </p> </li> <li class="trade-in-popup__procedure-item"> <div class="trade-in-popup__procedure-item-img"> <div class="image"> <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/test-trade-in-imei-procedure-3.jpg" role="img"> </div> </div> <p class="trade-in-popup__procedure-item-desc"> 3. Kembali ke laman produk Galaxy yang Anda inginkan dan masukkan kode IMEI </p> </li> <li class="trade-in-popup__procedure-item"> <div class="trade-in-popup__procedure-item-img"> <div class="image"> <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/test-trade-in-imei-procedure-4.jpg" role="img"> </div> </div> <p class="trade-in-popup__procedure-item-desc"> 4. Lanjutkan dengan menyetujui harga perangkat lama Anda </p> </li> </ul> <div class="trade-in-popup__imei"> <div class="trade-in-popup__imei-method-wrap"> <strong class="trade-in-popup__imei-method-title"> Cara menemukan IMEI Anda </strong> <div class="trade-in-popup__imei-method"> <div class="trade-in-popup__imei-method-img"> <div class="image"> <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-trade-imei.svg" role="img"> </div> </div> <strong class="trade-in-popup__imei-method-num"> <span> * </span> #06# </strong> </div> <ul class="trade-in-popup__imei-method-list"> <li class="trade-in-popup__imei-method-list-item"> <span> Option 1 </span> <span> Tekan * # 06 # untuk menemukan IMEI Anda. </span> </li> <li class="trade-in-popup__imei-method-list-item"> <span> Option 2 </span> <span> Buka Pengaturan> Umum> Tentang menampilkan IMEI. </span> </li>  </ul> </div> <div class="trade-in-popup__imei-form-wrap"> <strong class="trade-in-popup__imei-form-title"> Masukkan nomor IMEI Anda </strong> <div class="trade-in-popup__imei-form"> <div class="text-field-v2 no-title"> <label class="text-field-v2__hint" for="imei-input"> Nomor IMEI (15 digit) </label> <div class="text-field-v2__input-wrap"> <input autocomplete="off" class="text-field-v2__input" id="imei-input" maxlength="15" type="text" value=""> <button class="text-field-v2__input-icon delete" title="Delete"> <svg class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> </div> <p class="text-field-v2__text error"> Mohon masukkan IMEI atau Nomor Serial yang valid </p> <p class="text-field-v2__text success"> Benar </p> </div> </div> </div> </div> <div class="trade-in-popup__confirm-terms"> </div> <div class="trade-in-popup__disclaimer-wrap"> <p class="trade-in-popup__disclaimer"> </p> </div> </div> </div> <div class="trade-in-popup__btn-wrap">  <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="imei"> Kembali </button>  <button aria-disabled="true" class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="imei"> Lanjutkan </button> </div> </div> <div class="trade-in-popup__condition-wrap" role="dialog"> <div class="scrollbar"> <div class="trade-in-popup__inner-wrap scrollbar__contents"> <p class="trade-in-popup__title"> Last step, Is your phone in good condition? </p> <form id="conditionForm" method="post" name="conditionForm"> <ul class="trade-in-popup__condition-list"> </ul> </form>   <p class="trade-in-popup__condition-error"> Not eligible for trade-in </p>  <div class="trade-in-popup__disclaimer-wrap"> <p class="trade-in-popup__disclaimer"> </p> </div> </div> </div> <div class="trade-in-popup__btn-wrap">  <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="condition"> Kembali </button>  <button aria-disabled="true" class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="condition"> Lanjutkan </button> </div> </div> <div class="trade-in-popup__apply-wrap" role="dialog"> <div class="scrollbar"> <div class="trade-in-popup__inner-wrap scrollbar__contents"> <p class="trade-in-popup__title"> Harga diskon tukar tambah yang Anda dapatkan </p> <div class="trade-in-popup__summary-wrap"> <div class="trade-in-popup__summary"> <div class="trade-in-popup__summary-product-wrap"> <strong class="trade-in-popup__summary-product-brand"> </strong> <strong class="trade-in-popup__summary-product-model"> </strong> <span class="trade-in-popup__summary-product-number"> </span> </div> <div class="trade-in-popup__summary-price-wrap"> <span class="trade-in-popup__summary-price-title cashbacklist"> Harga Tukar Tambah </span> <em class="trade-in-popup__summary-price"> </em> <span class="trade-in-popup__summary-price-desc"> </span> </div> </div> <div class="trade-in-popup__summary-message-wrap">  <p class="trade-in-popup__summary-message"> </p> <p class="trade-in-popup__summary-message--error"> </p> </div> </div>  <div class="trade-in-popup__confirm-terms s-border-top"> <strong class="trade-in-popup__confirm-terms-title"> Konfirmasi Syarat dan Ketentuan </strong> </div> <div class="trade-in-popup__disclaimer-wrap"> <p class="trade-in-popup__disclaimer"> </p> </div> </div> </div> <div class="trade-in-popup__btn-wrap">  <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="apply"> Kembali </button>  <button aria-disabled="true" class="trade-in-popup__btn-apply cta cta--contained cta--emphasis cta--disabled"> Yakin </button> </div> </div> <button class="trade-in-popup__close"> <span class="hidden"> Tutup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </section> <div aria-modal="true" class="upgrade-popup" role="dialog"> <div class="upgrade-popup__dimmed"> </div> <div class="upgrade-popup__content"> <div class="scrollbar"> <div class="upgrade-popup__content-wrap scrollbar__contents"> <div class="upgrade-popup__header"> <strong class="upgrade-popup__title"> Upgrade Terms and Conditions </strong> </div> <div class="upgrade-popup__body"> <div class="upgrade-popup__apply"> <div class="upgrade-popup__apply-img"> <svg class="icon"> <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#phone-light"> </use> </svg> </div> <div class="upgrade-popup__apply-content"> </div> </div> <ul class="upgrade-popup__condition-wrap"> <li class="upgrade-popup__condition"> <div class="upgrade-popup__condition-img"> <div class="image"> <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-01.png" role="img"> </div> </div> <p class="upgrade-popup__desc"> Hidupkan ponsel dan tahan catu daya </p> </li> <li class="upgrade-popup__condition"> <div class="upgrade-popup__condition-img"> <div class="image"> <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-02.png" role="img"> </div> </div> <p class="upgrade-popup__desc"> Keausan normal </p> </li> <li class="upgrade-popup__condition"> <div class="upgrade-popup__condition-img"> <div class="image"> <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-03.png" role="img"> </div> </div> <p class="upgrade-popup__desc"> Layar berfungsi & tidak ada layar yang retak </p> </li> <li class="upgrade-popup__condition"> <div class="upgrade-popup__condition-img"> <div class="image"> <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-04.png" role="img"> </div> </div> <p class="upgrade-popup__desc"> Not blacklisted </p> </li> <li class="upgrade-popup__condition"> <div class="upgrade-popup__condition-img"> <div class="image"> <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-05.png" role="img"> </div> </div> <p class="upgrade-popup__desc"> Factory reset & non-aktifkan penguncian aplikasi </p> </li> </ul> <div class="upgrade-popup__check-info"> </div> <div class="upgrade-popup__disclaimer-wrap"> <p> </p> </div> </div> </div> </div> <div class="upgrade-popup__footer"> <div class="upgrade-popup__cta-wrap"> <button an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:close" an-tr="header(pim)_service option selector-product detail-text-button" class="cta cta--outlined cta--black upgrade-popup__cta--close"> TUTUP </button> <button an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:confirm" an-tr="header(pim)_service option selector-product detail-text-button" class="cta cta--contained cta--emphasis upgrade-popup__cta--submit"> Yakin </button> </div> </div> <button class="upgrade-popup__close"> <svg class="icon"> <use xlink:href="#delete-bold"> </use> </svg> <span class="hidden"> Tutup Layar Popup </span> </button> </div> </div> <div aria-modal="true" class="upgrade-learn-more-popup" role="dialog" style="display: none"> <div class="upgrade-learn-more-popup__dimmed"> </div> <div class="upgrade-learn-more-popup__content"> <div class="scrollbar"> <div class="upgrade-learn-more-popup__content-wrap scrollbar__contents"> </div> <button class="upgrade-learn-more-popup__close"> <svg class="icon"> <use xlink:href="#delete-bold"> </use> </svg> <span class="hidden"> close popup </span> </button> </div> </div> </div> <div aria-modal="true" class="cancel-return-policy-popup" role="dialog" tabindex="0"> <div class="layer-popup"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <p class="layer-popup__title"> </p> <div class="cancel-return-policy-popup__description"> <div class="cancel-return-policy-popup__content"> <p class="cancel-return-policy-popup__text"> </p> </div> </div> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="warranty-policy-popup" role="dialog" tabindex="0"> <div class="layer-popup"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <p class="layer-popup__title"> Jaminan </p> <div class="warranty-policy-popup__description"> <div class="warranty-policy-popup__content"> <p class="warranty-policy-popup__text"> </p> </div> </div> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div class="fold-alert-popup"> <div class="layer-popup" id="fold-alert-popup" role="dialog" style="display:block" tabindex="0"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="layer-popup__title"> We recommend to set as below to see optimized screen </div> <div class="fold-alert-popup__wrap"> <div class="fold-alert-popup__inner"> <ul class="fold-alert-popup__list"> <li class="fold-alert-popup__item"> <strong class="fold-alert-popup__title"> Option 01 </strong> <p class="fold-alert-popup__text"> Rotate the device until it is horizontal to view the screen in landscape mode. </p> </li> <li class="fold-alert-popup__item"> <strong class="fold-alert-popup__title"> Option 02 </strong> <p class="fold-alert-popup__text"> Tab on desktop version in the browser. </p> </li> </ul> </div> </div> </div> </div> <div class="fold-alert-popup__cta">  <a class="cta cta--outlined cta--black" href="https://asatexas.org/" title="Tutup"> Tutup </a> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="eip-popup" role="dialog"> <div class="layer-popup" id="eip-popup"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="layer-popup__title"> Program CICILAN 0% </div> <div class="eip-popup__wrap"> <p class="eip-popup__top-text"> <strong> Harga Produk: <span class="eip-popup__top-text--price"> Rp 17.099.000 </span> </strong> </p> <div class="tab"> <ul class="tab__list" role="tablist"> <li class="tab__item" role="presentation"> <button class="tab__item-title" role="tab"> Cicilan Kartu Kredit <span class="tab__item-line"> </span> </button> </li> </ul> </div> <div class="eip-popup__tab-wrap"> <div class="eip-popup__tab"> <div class="eip-popup__tab--dropdown-wrap"> <p class="eip-popup__tab--dropdown-title"> Pilih Bank </p> <button class="eip-popup__tab--dropdown"> BCA </button> </div> <div class="eip-popup__tab--select-wrap scrollbar"> <div class="scrollbar__contents"> <ul> </ul> </div> </div> <div class="eip-popup__tab--table-wrap scrollbar"> <div class="scrollbar__contents"> </div> </div> </div> </div> </div> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#cancel-close-regular"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="hubble-careinfo-popup" role="dialog"> <div class="layer-popup" id="hubble-careinfo"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <p class="layer-popup__title"> Samsung Care+ </p> <div class="hubble-careinfo-popup__body"> <div class="hubble-careinfo-popup__info-wrap"> <dl class="hubble-careinfo-popup__info"> </dl> </div> <div class="hubble-careinfo-popup__explain"> <p> Samsung Care+ Disclaimer with link </p> </div> </div> </div> </div>  <button class="hubble-care-popup__close"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="sc-learn-more-popup" role="dialog"> <div class="layer-popup" id="ScLearnMorePopup"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <p class="layer-popup__title"> Here’s whats covered </p> <div class="sc-learn-more-popup__body"> <ul class="sc-learn-more-popup__list"> <li class="sc-learn-more-popup__item"> <div class="sc-learn-more-popup__image"> <div class="image"> <img alt="alt text" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-accidental-damage-repair-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-accidental-damage-repair-mo.png?$260_140_PNG$" role="img"> <img alt="alt text" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-accidental-damage-repair-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-accidental-damage-repair-mo.png?$260_140_PNG$" role="img"> </div> </div> <strong class="sc-learn-more-popup__title"> Hardware repairs </strong> <p class="sc-learn-more-popup__text"> Get fast, convenient repairs using genuine slot parts, from our authorized technicians. </p> </li> <li class="sc-learn-more-popup__item"> <div class="sc-learn-more-popup__image"> <div class="image"> <img alt="alt text" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-software-malfunction-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-software-malfunction-mo.png?$260_140_PNG$" role="img"> <img alt="alt text" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-software-malfunction-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-software-malfunction-mo.png?$260_140_PNG$" role="img"> </div> </div> <strong class="sc-learn-more-popup__title"> Software coverage </strong> <p class="sc-learn-more-popup__text"> If your device isn’t running smoothly, we’ll check and fix the issue. </p> </li> <li class="sc-learn-more-popup__item"> <div class="sc-learn-more-popup__image"> <div class="image"> <img alt="alt text" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-battery-replacement-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-battery-replacement-mo.png?$260_140_PNG$" role="img"> <img alt="alt text" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-battery-replacement-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-battery-replacement-mo.png?$260_140_PNG$" role="img"> </div> </div> <strong class="sc-learn-more-popup__title"> Battery replacement </strong> <p class="sc-learn-more-popup__text"> Stay powered up with hassle-free battery replacements. </p> </li> <li class="sc-learn-more-popup__item"> <div class="sc-learn-more-popup__image"> <div class="image"> <img alt="alt text" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03_coverage_Upto2claims.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03_coverage_Upto2claims.png$260_140_PNG$" role="img"> <img alt="alt text" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03_coverage_Upto2claims.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03_coverage_Upto2claims.png$260_140_PNG$" role="img"> </div> </div> <strong class="sc-learn-more-popup__title"> 4 claims within </strong> <p class="sc-learn-more-popup__text"> Make up to 4 claims for repair or replacement within 2 years, and save with a low deductible per claim. </p> </li> </ul> <div class="sc-learn-more-popup__cta"> <a aria-label="Link Title" class="cta cta--underline cta--black cta--icon" href="https://www.samsung.com/id/offer/samsung-care-plus/" target="_blank"> See all benefits <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#outlink-bold"> </use> </svg> </a> </div> <div class="sc-learn-more-popup__disclaimer"> </div> </div> </div> </div> <button class="sc-learn-more-popup__close"> <span class="hidden"> Close popup </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="hubble-care-popup smcpopup" role="dialog"> <div class="layer-popup" id="hubble-care"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <p class="layer-popup__title layer-popup__title--no-icon"> Samsung Care+ </p> <p class="layer-popup__desc">  Layanan Perbaikan Secara Total untuk Smartphone Galaxy Anda. Hindari Kejadian Tidak Terduga Dengan Perlindungan Ekstra </p> <div class="hubble-care-popup__body"> <div class="hubble-care-popup__smc"> <div class="hubble-care-popup__smc-inner"> </div> <p class="hubble-care-popup__smc-message" style="display: none"> </p> </div> <div class="hubble-care-popup__image"> <div class="image"> <img alt="Accidental damage, Worldwide cover, Repairs by genuine parts" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/@care-image-new.jpg" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/@care-image.jpg"> <img alt="Accidental damage, Worldwide cover, Repairs by genuine parts" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/@care-image-new.jpg" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/@care-image.jpg"> </div> </div> <div class="hubble-care-popup__check"> <div class="hubble-care-popup__check-title"> Syarat dan Ketentuan Samsung Protection </div> <ul class="hubble-care-popup__check-list-wrap"> </ul> <p aria-hidden="true" class="hubble-care-popup__check-error"> *Anda harus menyetujui terlebih dahulu </p> </div> </div> </div> </div> <div class="hubble-care-popup__foot"> <div class="hubble-care-popup__button"> <div class="hubble-care-popup__button-inner"> <div class="hubble-care-popup__button-item"> <a an-ac="pd buying tool" an-ca="option click" an-la="samsung care:close" an-tr="header(pim)_service option selector:samsung care-product detail-close-option_click1" class="cta cta--outlined cta--black" href="javascript:void(0)" role="button"> Tutup </a> </div> <div class="hubble-care-popup__button-item"> <a an-ac="pd buying tool" an-ca="option click" an-la="samsung care:confirm" an-tr="header(pim)_service option selector:samsung care-product detail-confirm-option_click1" aria-disabled="true" class="cta cta--contained cta--emphasis cta--disabled" href="javascript:void(0)" role="button"> Yakin </a> </div> </div> </div> </div> <button class="hubble-care-popup__close"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="hubble-care-popup__alert" role="dialog" tabindex="0"> <div class="layer-popup" id="hubble-care-alert1"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> Ich habe die Allgemeinen Versicherungsbedingungen heruntergeladen, gelesen und erkläre mich mit diesen einverstanden. <div class="hubble-care-popup__alert-button"> <a class="cta cta--contained cta--emphasis" href="https://asatexas.org/" title="Bestätigen"> Bestätigen </a> </div> </div> <button class="hubble-care-popup__alert-close"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="hubble-care-popup__alert" role="dialog" tabindex="0"> <div class="layer-popup" id="hubble-care-alert2"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> Ich habe das Informationsblatt zur Versicherung heruntergeladen und sorgfältig durchgelesen. <div class="hubble-care-popup__alert-button"> <a class="cta cta--contained cta--emphasis" href="https://asatexas.org/" title="Bestätigen"> Bestätigen </a> </div> </div> <button class="hubble-care-popup__alert-close"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <input id="WishlistPopupUrl" type="hidden" value="/id/web/my-wishlist/"> <div class="wishlist-popup"> <div aria-modal="true" class="layer-popup" id="wishlist-popup" role="dialog" style="display:block"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> <p class="layer-popup__title"> </p> <div class="wishlist-popup__desc"> </div> <div class="wishlist-popup__selectbox__wrap"> <div class="wishlist-popup__selectbox"> <div class="wishlist-popup__selectbox-inner"> <div class="menu filled"> <select class="menu__select" data-default-message="My Wishlist" tabindex="-1"> <option value=""> My Wishlist 1 </option> <option value=""> My Wishlist 2 </option> <option value=""> My Wishlist 3 </option> <option value=""> My Wishlist 4 </option> <option value=""> My Wishlist 5 </option> <option value=""> My Wishlist 6 </option> <option value=""> My Wishlist 7 </option> <option value=""> My Wishlist 8 </option> <option value=""> My Wishlist 9 </option> </select> <button aria-expanded="false" aria-haspopup="listbox" class="menu__select-field"> <span class="menu__select-field-text"> </span> <svg aria-hidden="true" class="menu__select-field-icon down" focusable="false"> <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold"> </use> </svg> <svg aria-hidden="true" class="menu__select-field-icon up" focusable="false"> <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold"> </use> </svg> </button> </div> </div> </div> </div> </div> <div class="wishlist-popup__cta-wrap"> <div class="wishlist-popup__cta"> <a aria-label="Link Title" class="cta cta--outlined cta--black" href="https://asatexas.org/" role="button"> </a> </div> <div class="wishlist-popup__cta"> <a class="cta cta--contained cta--emphasis" href="https://asatexas.org/" role="button"> </a> </div> </div> <button class="layer-popup__close wishlist-popup__close" type="button"> <span class="hidden"> Close popup </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="extended-warranty-popup" role="dialog" tabindex="0"> <div class="layer-popup" id="extended-warranty"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <p class="layer-popup__title"> EXTENDED WARRANTY </p> <p class="layer-popup__desc"> Layanan Perbaikan Secara Total untuk Smartphone Galaxy Anda. Hindari Kejadian Tidak Terduga Dengan Perlindungan Ekstra </p> <div class="extended-warranty-popup__body"> <div class="extended-warranty-popup__smc"> <div class="extended-warranty-popup__smc-inner"> </div> <p class="extended-warranty-popup__smc-message" style="display: none"> ※ Cover until canceled. Financing program is not available with device purchasing </p> <p class="extended-warranty-popup__smc-message" style="display: none"> ※ Cover for 24 months. Financing program is available with device purchasing </p> </div> <div class="extended-warranty-popup__image"> <div class="image"> <img alt="Accidental damage, Worldwide cover, Repairs by genuine parts" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/care-image-pc-uk.jpg?$380_223_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/care-image-mo-uk.jpg?$680_398_PNG$"> <img alt="Accidental damage, Worldwide cover, Repairs by genuine parts" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/care-image-pc-uk.jpg?$380_223_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/care-image-mo-uk.jpg?$680_398_PNG$"> </div> </div> <div class="extended-warranty-popup__info-box">  </div> <div class="extended-warranty-popup__check"> <div class="extended-warranty-popup__check-title"> Syarat dan Ketentuan KOPI77 Protection </div> </div> <div class="extended-warranty-popup__policy-text" id="cfCareIPID"> </div> </div> </div> </div> <div class="extended-warranty-popup__foot"> <div class="extended-warranty-popup__button"> <div class="extended-warranty-popup__button-description"> <p> By clicking on confirm, you agree to Samsung terms and conditions. </p> </div> <div class="extended-warranty-popup__button-inner"> <div class="extended-warranty-popup__button-item"> <a an-ac="pd buying tool" an-ca="option click" an-la="samsung warranty:close" an-tr="header(pim)_service option selector-product detail-popup-button" class="cta cta--outlined cta--black" href="https://asatexas.org/" role="button"> Tutup </a> </div> <div class="extended-warranty-popup__button-item"> <a an-ac="pd buying tool" an-ca="option click" an-la="samsung warranty:confirm" an-tr="header(pim)_service option selector-product detail-popup-button" class="cta cta--contained cta--emphasis cta--disabled" href="https://asatexas.org/" role="button"> Yakin </a> </div> </div> </div> </div> <button class="extended-warranty-popup__close"> <span class="hidden"> Layer Popup Close </span> <svg class="icon"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="extended-warranty-popup__alert" role="dialog" tabindex="0"> <div class="layer-popup" id="extended-warranty-alert1"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> Ich habe die Allgemeinen Versicherungsbedingungen heruntergeladen, gelesen und erkläre mich mit diesen einverstanden. <div class="extended-warranty-popup__alert-button"> <a class="cta cta--contained cta--emphasis" href="https://asatexas.org/"> Bestätigen </a> </div> </div> <button class="extended-warranty-popup__alert-close"> <span class="hidden"> Layer Popup Close </span> <svg class="icon"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="extended-warranty-popup__alert" role="dialog" tabindex="0"> <div class="layer-popup" id="extended-warranty-alert2"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> Ich habe das Informationsblatt zur Versicherung heruntergeladen und sorgfältig durchgelesen. <div class="extended-warranty-popup__alert-button"> <a class="cta cta--contained cta--emphasis" href="https://asatexas.org/" title=""> Besttigen </a> </div> </div> <button class="extended-warranty-popup__alert-close"> <span class="hidden"> Layer Popup Close </span> <svg class="icon"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="extended-warranty-popup-vd" role="dialog" tabindex="0"> <div class="layer-popup" id="extended-warranty-vd"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <p class="layer-popup__title"> Extended Warranty </p> <p class="layer-popup__desc"> Perpanjang durasi garansi pabrik untuk produk Anda </p> <div class="extended-warranty-popup-vd__body"> <div class="extended-warranty-popup-vd__option"> <div class="pd-select-option"> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide" role="list"> </ul> </div> </div> </div> <div class="extended-warranty-popup-vd__check"> <div class="extended-warranty-popup-vd__check-title"> Ketentuan Untuk Extended Warranty </div> <ul class="extended-warranty-popup-vd__check-list-wrap"> </ul> </div> </div> </div> </div> <div class="extended-warranty-popup-vd__foot"> <div class="extended-warranty-popup-vd__button"> <div class="extended-warranty-popup-vd__button-inner"> <div class="extended-warranty-popup-vd__button-item"> <a class="cta cta--outlined cta--black" href="https://asatexas.org/" role="button"> Tutup </a> </div> <div class="extended-warranty-popup-vd__button-item"> <a class="cta cta--contained cta--emphasis cta--disabled" href="https://asatexas.org/" role="button"> Yakin </a> </div> </div> </div> </div> <button class="extended-warranty-popup-vd__close"> <span class="hidden"> Close popup </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div class="warranty-info-popup"> <div class="layer-popup" role="dialog" style="display:none" tabindex="0"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <p class="layer-popup__title"> EXTENDED WARRANTY </p> <div class="warranty-info-popup__content"> <div class="warranty-info-popup__info"> <dl class="warranty-info-popup__info-list"> </dl> </div> <div class="warranty-info-popup__explain"> <p> </p> </div> </div> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="shop-combo-popup" id="shop-combo-popup" role="dialog"> <div class="layer-popup"> <div class="layer-popup__inner"> <div class="layer-popup__title"> Pilih opsi paket kombo </div> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="shop-combo-popup__list"> <div class="shop-combo-popup__list-area"> <div class="shop-combo-popup__list-in"> <ul> </ul> </div> </div> </div> </div> </div> <div class="layer__fixed-wrap"> <div class="shop-combo-popup__summary"> <div class="shop-combo-popup__summary-title"> <p> Produk terpilih ( <span class="s-bundle-option-count"> 0 </span> ) </p> </div> <div class="shop-combo-popup__summary-save"> <span class="shop-combo-popup__summary-save-original"> <span class="hidden"> Harga awal: </span> <del> </del> </span> <span class="shop-combo-popup__summary-save-price"> </span> </div> <div class="shop-combo-popup__summary-total"> <span class="shop-combo-popup__summary-option-total"> <strong> </strong> </span> </div> <div class="shop-combo-popup__summary-reset"> <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:add-on:clear all" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" class="cta-reset" type="reset"> Kosongkan semua </button> </div> </div> </div> <div class="shop-combo-popup__btn-wrap"> <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:add-on:close" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" class="shop-combo-popup__btn-close cta cta--outlined cta--black"> Tutup </button> <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:add-on:confirm" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" class="shop-combo-popup__btn-confirm cta cta--contained cta--emphasis cta--disabled"> Yakin </button> </div> <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:add-on:close" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" class="layer-popup__close" type="button"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="free-gift-popup" role="dialog" tabindex="0"> <div class="layer-popup" id="free-gift-popup"> <div class="layer-popup__inner"> <div class="layer-popup__title type-left"> Pilih hadiah Pre-order Anda </div> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="free-gift-popup__wrap"> </div> </div> </div> <div class="layer-popup__foot"> <div class="layer-popup__button"> <div class="layer-popup__button-inner"> <div class="layer-popup__button-item close-popup"> <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:free gift:close" an-tr="header(pim)_offer option:bundle offer:free gift-product detail-popup-link" class="cta cta--outlined cta--black"> Tutup </button> </div> <div class="layer-popup__button-item"> <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:free gift:confirm" an-tr="header(pim)_offer option:bundle offer:free gift-product detail-popup-link" class="cta cta--contained cta--emphasis cta--disabled"> Yakin </button> </div> </div> </div> </div> <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:free gift:layer popup close" an-tr="header(pim)_offer option:bundle offer:free gift-product detail-popup-link" class="layer-popup__close" type="button"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#cancel-close-regular"> </use> </svg> </button> </div> </div> </div> <div class="finance-ee-popup" style="display:none"> <div class="layer-popup" id="finance ee" role="dialog" style="display:block" tabindex="0"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="finance-ee-popup__contents scrollbar__contents"> <div class="finance-ee-popup__title"> <strong class="finance-ee-popup__title-text"> Choose convenient Instalment plans provided by Inbank </strong> </div> <div class="finance-ee-popup__description"> <div class="finance-ee-popup__plans-contents"> <div class="finance-ee-popup__plans-table" role="table"> <div class="finance-ee-popup__plans-row" role="row"> <div class="finance-ee-popup__plans-header" role="rowheader"> Harga produk </div> <div class="finance-ee-popup__plans-cell" role="cell"> <p class="finance-ee-popup__plans-text" id="productprice"> </p> </div> </div> <div class="finance-ee-popup__plans-row" role="row"> <div class="finance-ee-popup__plans-header" role="rowheader"> Plan </div> <div class="finance-ee-popup__plans-cell" role="cell"> <div class="menu"> <select class="menu__select" id="selectplan" tabindex="-1"> </select> <button aria-expanded="false" aria-haspopup="listbox" class="menu__select-field"> <span class="menu__select-field-text"> </span> <svg class="menu__select-field-icon down" focusable="false"> <use xlink:href="#open-down-bold"> </use> </svg> <svg class="menu__select-field-icon up" focusable="false"> <use xlink:href="#close-up-bold"> </use> </svg> </button> </div> </div> </div> <div class="finance-ee-popup__plans-row" role="row"> <div class="finance-ee-popup__plans-header" role="rowheader"> Months </div> <div class="finance-ee-popup__plans-cell" role="cell"> <div class="menu"> <select class="menu__select" id="selectmonths" tabindex="-1"> </select> <button aria-expanded="false" aria-haspopup="listbox" class="menu__select-field"> <span class="menu__select-field-text"> </span> <svg class="menu__select-field-icon down" focusable="false"> <use xlink:href="#open-down-bold"> </use> </svg> <svg class="menu__select-field-icon up" focusable="false"> <use xlink:href="#close-up-bold"> </use> </svg> </button> </div> </div> </div> <div class="finance-ee-popup__plans-row" role="row"> <div class="finance-ee-popup__plans-header" role="rowheader"> Interest rate </div> <div class="finance-ee-popup__plans-cell" role="cell"> <p class="finance-ee-popup__plans-text" id="interestrate"> </p> </div> </div> <div class="finance-ee-popup__plans-row" role="row"> <div class="finance-ee-popup__plans-header" role="rowheader"> Monthly payment </div> <div class="finance-ee-popup__plans-cell" role="cell"> <p class="finance-ee-popup__plans-text" id="monthlypayment"> </p> </div> </div> </div> </div> <p class="finance-ee-popup__disclaimer"> Ketentu Paket Angsuran </p> </div> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div>  <div aria-modal="true" class="contact-mail-form-popup" role="dialog" style="display: none"> <input id="fn06_headlineText" name="fn06_headlineText" type="hidden" value="Thank you!"> <input id="fn06_description" name="fn06_description" type="hidden" value="Your enquiry has been successfully submitted. We will get back to you shortly."> <input id="fn06_headlineHeadingLevel" name="fn06_headlineHeadingLevel" type="hidden" value="h2"> <input id="eloquaPostUrl" name="eloquaPostUrl" type="hidden"> <input id="eloquaYn" name="eloquaYn" type="hidden"> <input id="inquiryType" name="inquiryType" type="hidden" value="SalesInquiry"> <input id="Subsidiary" name="Subsidiary" type="hidden" value="SEIN"> <div class="layer-popup"> <div class="layer-popup__inner"> <p class="layer-popup__title"> B2B Enquiry Form </p> <p class="layer-popup__description"> </p> <div class="layer-popup__contents"> <div class="contact-mail-form-popup__contents"> <div class="contact-mail-form-popup__form"> <form name="contact-mail-form-popup__form"> <div class="append-from-data"> </div> </form> <div class="contact-mail-form-popup__form-wrap"> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_0"> Company Name <span class="required-text"> * <span class="hidden"> Wajib Diisi </span> </span> </label> <div class="text-field-v2__input-wrap"> <input autocomplete="organization" class="text-field-v2__input" data-form-name="CustomerName" id="popUp_form_0" maxlength="255" type="text" value=""> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg aria-hidden="true" class="icon error" focusable="false"> <use xlink:href="#information-error-bold"> </use> </svg> </div> </div> <p class="text-field-v2__text error"> * This field is required </p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_1"> First Name <span class="required-text"> * <span class="hidden"> Wajib Diisi </span> </span> </label> <div class="text-field-v2__input-wrap"> <input autocomplete="given-name" class="text-field-v2__input" data-form-name="ContactFirstName" id="popUp_form_1" maxlength="40" type="text" value=""> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg aria-hidden="true" class="icon error" focusable="false"> <use xlink:href="#information-error-bold"> </use> </svg> </div> </div> <p class="text-field-v2__text error"> * This field is required </p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_2"> Last Name <span class="required-text"> * <span class="hidden"> Wajib Diisi </span> </span> </label> <div class="text-field-v2__input-wrap"> <input autocomplete="family-name" class="text-field-v2__input" data-form-name="ContactName" id="popUp_form_2" maxlength="80" type="text" value=""> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg aria-hidden="true" class="icon error" focusable="false"> <use xlink:href="#information-error-bold"> </use> </svg> </div> </div> <p class="text-field-v2__text error"> * This field is required </p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_3"> E-mail Address <span class="required-text"> * <span class="hidden"> Wajib Diisi </span> </span> </label> <div class="text-field-v2__input-wrap"> <input autocomplete="email" class="text-field-v2__input" data-form-name="EmailAddress" id="popUp_form_3" maxlength="80" type="text" value=""> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg aria-hidden="true" class="icon error" focusable="false"> <use xlink:href="#information-error-bold"> </use> </svg> </div> </div> <p class="text-field-v2__text error"> * This field is required </p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half field--checkbox checkbox--list is-required"> <fieldset> <legend> Product Interest <span> * Wajib Diisi </span> </legend> <div class="field--checkbox-list-wrap"> <div aria-hidden="ture" class="contact-mail-form-popup__form-field-title-wrap"> <strong aria-hidden="true" class="contact-mail-form-popup__form-field-title"> Product Interest </strong> <p aria-hidden="true" class="checkbox--required-text"> * Wajib Diisi </p> <p class="checkbox--error-text"> * This checkbox is required </p> </div> <div class="contact-mail-form-popup__form-field-list-wrap"> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Mobile" id="popUp_form_4-0" type="checkbox" value="Mobile"> <label class="checkbox-v2__label" for="popUp_form_4-0"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> Seluler </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Computing" id="popUp_form_4-1" type="checkbox" value="Computing"> <label class="checkbox-v2__label" for="popUp_form_4-1"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> Computing </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Displays" id="popUp_form_4-2" type="checkbox" value="Displays"> <label class="checkbox-v2__label" for="popUp_form_4-2"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> Displays </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Home Appliance" id="popUp_form_4-3" type="checkbox" value="Home Appliance"> <label class="checkbox-v2__label" for="popUp_form_4-3"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> Peralatan Rumah Tangga </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Climate" id="popUp_form_4-4" type="checkbox" value="Climate"> <label class="checkbox-v2__label" for="popUp_form_4-4"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> Climate </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Memory" id="popUp_form_4-5" type="checkbox" value="Memory"> <label class="checkbox-v2__label" for="popUp_form_4-5"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> Penyimpanan </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Healthcare" id="popUp_form_4-6" type="checkbox" value="Healthcare"> <label class="checkbox-v2__label" for="popUp_form_4-6"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> Healthcare </span> </label> </div> </div> </div> </div> <fieldset> </fieldset> </fieldset> </div> <div class="contact-mail-form-popup__form-field form--size-full field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_5"> Company Address </label> <div class="text-field-v2__input-wrap"> <input autocomplete="address-line1" class="text-field-v2__input" data-form-name="CompanyAddress" id="popUp_form_5" maxlength="255" type="text" value=""> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg aria-hidden="true" class="icon error" focusable="false"> <use xlink:href="#information-error-bold"> </use> </svg> </div> </div> <p class="text-field-v2__text error"> * This field is required </p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-full field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_6"> Company Industry </label> <div class="text-field-v2__input-wrap"> <input autocomplete="organization" class="text-field-v2__input" data-form-name="CompanyInterest" id="popUp_form_6" maxlength="255" type="text" value=""> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg aria-hidden="true" class="icon error" focusable="false"> <use xlink:href="#information-error-bold"> </use> </svg> </div> </div> <p class="text-field-v2__text error"> * This field is required </p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-full field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_7"> Job Title </label> <div class="text-field-v2__input-wrap"> <input autocomplete="organization-title" class="text-field-v2__input" data-form-name="JobTitle" id="popUp_form_7" maxlength="128" type="text" value=""> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg aria-hidden="true" class="icon error" focusable="false"> <use xlink:href="#information-error-bold"> </use> </svg> </div> </div> <p class="text-field-v2__text error"> * This field is required </p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-full is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_8"> Contact Number <span class="required-text"> * <span class="hidden"> Wajib Diisi </span> </span> </label> <div class="text-field-v2__input-wrap"> <input autocomplete="tel" class="text-field-v2__input" data-form-name="Telephone" id="popUp_form_8" maxlength="40" type="text" value=""> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg aria-hidden="true" class="icon error" focusable="false"> <use xlink:href="#information-error-bold"> </use> </svg> </div> </div> <p class="text-field-v2__text error"> * This field is required </p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-full field--dropdown"> <div class="menu menu--text-field"> <select aria-labelledby="hint_popUp_form_9" class="menu__select" data-form-name="Employee" tabindex="-1"> <option value="<50"> <50 </option> <option value="50-99"> 50 ~ 99 </option> <option value="100-199"> 100 ~ 199 </option> <option value="200-499"> 200 ~ 499 </option> <option value="500-999"> 500 ~ 999 </option> <option value=">1000"> >1000 </option> </select> <p class="menu--text-field__hint" id="hint_popUp_form_9"> No. of Employees </p> <button aria-expanded="false" aria-haspopup="listbox" aria-labelledby="hint_popUp_form_9 text_hint_popUp_form_9" class="menu__select-field" type="button"> <span class="menu__select-field-text" id="text_hint_popUp_form_9"> </span> <svg class="menu__select-field-icon down" focusable="false"> <use xlink:href="#open-down-bold"> </use> </svg> <svg class="menu__select-field-icon up" focusable="false"> <use xlink:href="#close-up-bold"> </use> </svg> </button> <p class="menu--text-field__error"> * This field is required </p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-full is-required field--dropdown"> <div class="menu menu--text-field"> <select aria-labelledby="hint_popUp_form_10" class="menu__select" data-form-name="Industry" tabindex="-1"> <option value="Communications"> Communications </option> <option value="Education"> Education </option> <option value="Finance"> Finance </option> <option value="Government"> Government </option> <option value="Healthcare"> Healthcare </option> <option value="Hospitality"> Hospitality </option> <option value="Manufacturing"> Manufacturing </option> <option value="Retail"> Retail </option> <option value="Transportation & Logistics"> Transportation & Logistics </option> <option value="Others"> Lainnya </option> </select> <p class="menu--text-field__hint" id="hint_popUp_form_10"> Product / Industry Interest <span class="text-field--required-text"> * <span class="hidden"> Wajib Diisi </span> </span> </p> <button aria-expanded="false" aria-haspopup="listbox" aria-labelledby="hint_popUp_form_10 text_hint_popUp_form_10" class="menu__select-field" type="button"> <span class="menu__select-field-text" id="text_hint_popUp_form_10"> </span> <svg class="menu__select-field-icon down" focusable="false"> <use xlink:href="#open-down-bold"> </use> </svg> <svg class="menu__select-field-icon up" focusable="false"> <use xlink:href="#close-up-bold"> </use> </svg> </button> <p class="menu--text-field__error"> * This field is required </p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half field--checkbox checkbox--list"> <fieldset> <legend> Solution Interest <span> * Wajib Diisi </span> </legend> <div class="field--checkbox-list-wrap"> <div class="contact-mail-form-popup__form-field-title-wrap"> <strong aria-hidden="true" class="contact-mail-form-popup__form-field-title"> Solution Interest </strong> <p class="checkbox--error-text"> * This checkbox is required </p> </div> <fieldset> <legend> Solusi Bisnis Mobile </legend> <div class="contact-mail-form-popup__form-field-list-wrap"> <strong aria-hidden="true" class="contact-mail-form-popup__form-field-sub-title"> Solusi Bisnis Mobile </strong> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="KOPI77" id="mbs_popUp_form_11-0" type="checkbox" value="KOPI77"> <label class="checkbox-v2__label" for="mbs_popUp_form_11-0"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> KOPI77 </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="KOPI77" id="mbs_popUp_form_11-1" type="checkbox" value="KOPI77"> <label class="checkbox-v2__label" for="mbs_popUp_form_11-1"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> KOPI77 </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="KOPI77" id="mbs_popUp_form_11-2" type="checkbox" value="KOPI77"> <label class="checkbox-v2__label" for="mbs_popUp_form_11-2"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> KOPI77 </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Capital Solutions" id="mbs_popUp_form_11-3" type="checkbox" value="Capital Solutions"> <label class="checkbox-v2__label" for="mbs_popUp_form_11-3"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> Capital Solutions </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Enterprise Technical Support" id="mbs_popUp_form_11-4" type="checkbox" value="Enterprise Technical Support"> <label class="checkbox-v2__label" for="mbs_popUp_form_11-4"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> Enterprise Technical Support </span> </label> </div> </div> </div> </fieldset> <fieldset> <legend> Solusi Tampilan </legend> <div class="contact-mail-form-popup__form-field-list-wrap"> <strong aria-hidden="true" class="contact-mail-form-popup__form-field-sub-title"> Solusi Tampilan </strong> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Smart signage solution" id="ds_popUp_form_11-0" type="checkbox" value="Smart signage solution"> <label class="checkbox-v2__label" for="ds_popUp_form_11-0"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> Smart signage solution </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="LED signage solution" id="ds_popUp_form_11-1" type="checkbox" value="LED signage solution"> <label class="checkbox-v2__label" for="ds_popUp_form_11-1"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> LED signage solution </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Commercial TV solution" id="ds_popUp_form_11-2" type="checkbox" value="Commercial TV solution"> <label class="checkbox-v2__label" for="ds_popUp_form_11-2"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> Commercial TV solution </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Monitor solution" id="ds_popUp_form_11-3" type="checkbox" value="Monitor solution"> <label class="checkbox-v2__label" for="ds_popUp_form_11-3"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> Monitor solution </span> </label> </div> </div> </div> </fieldset> <fieldset> <legend> Solusi Iklim </legend> <div class="contact-mail-form-popup__form-field-list-wrap"> <strong aria-hidden="true" class="contact-mail-form-popup__form-field-sub-title"> Solusi Iklim </strong> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Climate Hub" id="cs_popUp_form_11-0" type="checkbox" value="Climate Hub"> <label class="checkbox-v2__label" for="cs_popUp_form_11-0"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> Climate Hub </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="WindFree" id="cs_popUp_form_11-1" type="checkbox" value="WindFree"> <label class="checkbox-v2__label" for="cs_popUp_form_11-1"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> WindFree </span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="360 Cassette" id="cs_popUp_form_11-2" type="checkbox" value="360 Cassette"> <label class="checkbox-v2__label" for="cs_popUp_form_11-2"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> 360 Cassette </span> </label> </div> </div> </div> </fieldset> </div> <fieldset> </fieldset> </fieldset> </div> <div class="contact-mail-form-popup__form-field form--size-full field--multi-text is-required"> <div class="text-field-v2 multi-line"> <label class="text-field-v2__hint" for="popUp_form_12"> Message <span class="text-field--required-text"> * <span class="hidden"> Wajib Diisi </span> </span> </label> <div class="text-field-v2__input-wrap"> <textarea autocomplete="on" class="text-field-v2__input-multi-line" data-form-name="Message" id="popUp_form_12" maxlength="2000"></textarea> </div> <p class="text-field-v2__text assistive" id="popUp_form_12_assistive"> (0/2000) </p> <p class="text-field-v2__text error"> * This field is required </p> </div> </div> <div class="contact-mail-form-popup__iframe"> <div class="contact-mail-form-popup__iframe-inner"> <div data-callback="recaptchaCallback" id="Con_reCaptcha"> </div> </div> <p class="invalid-notice" style="display: none"> Verification expired. Check the checkbox again. </p> </div> <div> </div> <div class="contact-mail-form-popup__form-field form--size-full field--checkbox is-required"> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input aria-describedby="popUp_form_13_required" class="checkbox-v2__input" data-form-name="PrivacyPolicy" id="popUp_form_13" type="checkbox"> <label class="checkbox-v2__label" for="popUp_form_13"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> I acknowledge that my information will be processed in accordance with the Samsung privacy policy </span> </label> </div> <p aria-hidden="true" class="checkbox--required-text" id="popUp_form_13_required"> * Wajib Diisi </p> <p aria-hidden="true" class="checkbox--error-text" id="policy_form__13_err"> * Please agree to the Samsung Privacy Policy </p> </div> </div> <div> </div> <div class="contact-mail-form-popup__form-field form--size-full field--checkbox is-required"> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input aria-describedby="popUp_form_14_required" class="checkbox-v2__input" data-form-name="OptIn" id="popUp_form_14" type="checkbox"> <label class="checkbox-v2__label" for="popUp_form_14"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false"> <use xlink:href="#done-bold"> </use> </svg> </span> </span> <span class="checkbox-v2__label-text"> I would like to receive information about products, services, promotions and marketing communications of Samsung and or its partners. </span> </label> </div> <p aria-hidden="true" class="checkbox--required-text" id="popUp_form_14_required"> * Wajib Diisi </p> <p class="checkbox--error-text" id="popUp_form_14_err"> * Please accept the Samsung Privacy Policy to proceed </p> </div> </div> </div> </div> <div class="contact-mail-form-popup__cta"> <button aria-disabled="false" aria-label="Submit" class="cta cta--contained cta--black"> Submit </button> </div> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="thank-you-popup" id="ThankYouPopup" role="dialog"> <div class="layer-popup"> <div class="layer-popup__inner"> <p class="layer-popup__title"> Terima kasih! </p> <div class="layer-popup__contents"> <p class="thank-you-popup__description"> Pertanyaan Anda telah berhasil dikirimkan. Kami akan segera menghubungi Anda. </p> <div class="thank-you-popup__cta-wrap"> <div class="thank-you-popup__cta"> <button aria-label="" class="cta cta--contained cta--black cta--closed"> Tutup </button> </div> </div> </div> <button class="layer-popup__close" type="button"> <span class="hidden"> Tutup Layar Popup </span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </div> <div aria-modal="true" class="confirm-popup" role="dialog" style="display: none"> <div class="confirm-popup__dimmed"> </div> <div class="confirm-popup__content"> <div class="confirm-popup__content-inner"> <strong class="confirm-popup__title"> </strong> <div class="confirm-popup__desc"> </div> <div class="confirm-popup__disclaimer"> </div> <div class="confirm-popup__cta-wrap"> <button class="cta cta--outlined cta--black"> </button> <button class="cta cta--contained cta--emphasis"> </button> </div> <button class="confirm-popup__close"> <svg class="icon"> <use xlink:href="#delete-bold"> </use> </svg> <span class="hidden"> Tutup Layar Popup </span> </button> </div> </div> </div> <div aria-modal="true" class="confirm-popup-v2" role="dialog"> <div class="confirm-popup-v2__dimmed"> </div> <div class="confirm-popup-v2__content"> <div class="confirm-popup-v2__content-inner"> <p class="confirm-popup-v2__title"> </p> <div class="confirm-popup-v2__desc"> </div> <div class="confirm-popup-v2__cta-wrap"> <button class="cta cta--outlined cta--black"> </button> <button class="cta cta--contained cta--black"> </button> </div> <button class="confirm-popup-v2__close"> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> <span class="hidden"> close </span> </button> </div> </div> </div>  <input id="isGpv2Flag" name="isGpv2Flag" type="hidden" value="N"> <input id="isNewHybrisFlag" name="isNewHybrisFlag" type="hidden" value="Y"> <section aria-modal="true" class="pd-get-stock-alert-popup" role="dialog" style="display: none"> <div class="pd-get-stock-alert-popup__dimmed"> </div> <div class="pd-get-stock-alert-popup__contents"> <div class="scrollbar"> <div class="pd-get-stock-alert-popup__inner-wrap scrollbar__contents"> <div class="pd-get-stock-alert-popup__header"> <p class="text-title"> NOTIFIKASI STOK </p> <p class="pd-get-stock-alert-popup__desc"> Dapatkan notifikasi ketika item ini tersedia untuk dibeli, dengan menambahkan email Anda. </p> </div> <div class="pd-get-stock-alert-popup__text-field-wrap"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="getStockAlertEmailInput"> Masukkan email Anda </label> <div class="text-field-v2__input-wrap"> <input autocomplete="email" class="text-field-v2__input" id="getStockAlertEmailInput" type="text" value=""> <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button"> <svg aria-hidden="true" class="icon delete" focusable="false"> <use xlink:href="#cancel-bold"> </use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg aria-hidden="true" class="icon error" focusable="false"> <use xlink:href="#information-error-bold"> </use> </svg> </div> </div> <p class="text-field-v2__text error" id="getstock-popup-error-txt"> Silahkan periksa kembali alamat email Anda </p> </div> </div> <div class="pd-get-stock-alert-popup__checkbox-container"> </div> <div class="pd-get-stock-alert-popup__disclaimer"> <p class="pd-get-stock-alert-popup__disclaimer-text"> </p> </div> </div> </div> <div class="pd-get-stock-alert-popup__btn-wrap"> <button an-ac="stock alert" an-ca="buy cta" an-la="stock alert:close" an-tr="pd03_product finder:stock alert-product detail-cta-popup" class="pd-get-stock-alert-popup__btn-close cta cta--outlined cta--black"> Tutup </button> <button an-ac="stock alert" an-ca="buy cta" an-la="stock alert:submit" an-tr="pd03_product finder:stock alert-product detail-cta-popup" class="pd-get-stock-alert-popup__btn-submit cta cta--contained cta--emphasis cta--disabled" disabled=""> Daftar </button> </div> <button an-ac="stock alert" an-ca="buy cta" an-la="stock alert:close" an-tr="pd03_product finder:stock alert-product detail-cta-popup" class="pd-get-stock-alert-popup__close"> <span class="hidden"> Close popup </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> <div class="pd-get-stock-alert-popup__final-wrap"> <div class="pd-get-stock-alert-popup__final"> <p class="pd-get-stock-alert-popup__final-desc"> Kami akan mengirim email kepada Anda ketika stok tersedia. <br> Terima kasih. </p> <div class="pd-get-stock-alert-popup__final-btn-wrap"> <button class="pd-get-stock-alert-popup__final-btn-close cta cta--contained cta--emphasis"> Daftar </button> </div> <button class="pd-get-stock-alert-popup__close"> <span class="hidden"> Close popup </span> <svg aria-hidden="true" class="icon" focusable="false"> <use xlink:href="#delete-bold"> </use> </svg> </button> </div> </div> </section> <script async="" src="https://maps.googleapis.com/maps/api/js?region=kr&client=gme-samsungsds&libraries=places&loading=async&callback=Function.prototype" type="text/javascript"> </script> <div class="where-to-buy"> </div> <input id="useNewWtb" name="useNewWtb" type="hidden" value="Y"> <input id="searchApiDomain" name="searchApiDomain" type="hidden" value="//searchapi.samsung.com/v6"> <input id="buyinstoreRedirectYN" name="buyinstoreRedirectYN" type="hidden" value="N"> <input id="rtlValue" type="hidden"> <input id="current_model_code" name="current_model_code" type="hidden"> <input id="wtbCurrentPagePath" type="hidden" value="/content/samsung/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy"> <script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-smc-popup/clientlibs-h-n/site.min.36f33859be9e845ecc1d5b2ae517b039.js"> </script> <script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-tariff-popup/clientlibs-h-n/site.min.741PDx4Vtw4YF6XfduRwwS6nKZ6sPAC9nCeR.js"> </script> <script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-dynamic/pd-g-anchor-navigation-ux25/clientlibs/site.min.f513c1da7401cfde7df15876f4b8fea0.js"> </script> <script src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd.min.eeb9431bf6dc2b001b8869bc85fdef28.js"> </script> <script defer="" src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd/compactComps.min.e9338bc9fb7a92c8450bbafc4e49902f.js" type="text/javascript"> </script> <script defer="" src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd/compactComps-h-n.min.1c660086d47e1dd0046e752531513109.js" type="text/javascript"> </script> <script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-wishlist-popup/clientlibs/site.min.648f96f9e6904235937a56177a4f9cb4.js"> </script> <script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-eip-popup/clientlibs/site.min.dd4327a6471278074a327fbfe515c7a8.js"> </script> <script data-id="e775dc49-187c-4bdf-8f92-83bca5908c6f" data-object-type="WebPage" data-type="seo" type="application/ld+json"> {"@context":"https://schema.org","@type":"WebPage","name":" <title>KOPI77: Gerbang Petualangan Digital Anda - Login, Daftar","@id":"http://www.samsung.com/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy/#webpage","description":"Temukan dunia eksklusif KOPI77! Artikel ini membahas cara daftar KOPI77 dengan mudah, proses login KOPI77 yang aman, dan menyediakan link alternatif KOPI77 untuk akses tanpa batas. Jelajahi pengalaman unik bersama KOPI77 sekarang.","url":"https://www.samsung.com/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy/"} </script> <style> .SLOT { margin: 0; padding: 0; font-family: 'Playfair Display', 'Segoe UI', serif; background-color: transparent; color: #ff5e00ad; overflow: hidden; } .popup-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); display: flex; justify-content: center; align-items: center; z-index: 9999; } .popup-container { position: relative; width: 90%; max-width: 420px; background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(26, 21, 16, 0.85)); border-radius: 20px; overflow: hidden; text-align: center; animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(55, 99, 212, 0.2); padding-bottom: 20px; border: 1px solid rgba(55, 99, 212, 0.15); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } /* 💛 Emas berdenyut yang mewah */ @keyframes goldPulse { 0%, 100% { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(55, 99, 212, 0.3), 0 0 0 1px rgba(55, 99, 212, 0.2); } 50% { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(55, 99, 212, 0.5), 0 0 0 1px rgba(55, 99, 212, 0.3); } } /* ✨ Shiny diagonal emas yang elegan */ .popup-container::before { content: ""; position: absolute; top: -100%; left: -100%; width: 200%; height: 200%; background: linear-gradient( 135deg, rgba(255, 255, 255, 0) 45%, rgba(0, 106, 255, 0.15) 50%, rgba(255, 255, 255, 0) 55% ); animation: shineDiagonal 5s linear infinite; z-index: 2; pointer-events: none; } @keyframes shineDiagonal { 0% { transform: translate(-100%, -100%) rotate(30deg); } 100% { transform: translate(100%, 100%) rotate(30deg); } } .popup-image { width: 100%; display: block; border-bottom: 1px solid rgba(55, 99, 212, 0.15); } .clk-btn-sgp { width: 97%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; font-family: 'Poppins', sans-serif; font-weight: 700; padding: 20px; position: relative; overflow: hidden; } /* Gold Accent Line */ .clk-btn-sgp::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); height: 2px; background: linear-gradient(90deg, transparent, #000000, #ff5e00ad, #000000, transparent); opacity: 0.4; filter: blur(1px); } .clk-btn-sgp a { text-align: center; text-transform: uppercase; letter-spacing: 1.5px; padding: 16px 12px; margin: 0; border-radius: 14px; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); position: relative; overflow: hidden; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 2px solid transparent; box-shadow: 0 8px 0px #000000; clip-path: polygon(var(--blade-cut) 0%, 100% 0%, 100% calc(100% - var(--blade-cut)), calc(100% - var(--blade-cut)) 100%, 0% 100%, 0% var(--blade-cut)); z-index: 1; } /* Gold Border Effect */ .clk-btn-sgp a::after { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(45deg, #ff5e00ad, #000000, #ff5e00ad, #000000, #ff5e00ad); border-radius: 16px; z-index: -1; opacity: 0; transition: opacity 0.3s ease; } .clk-btn-sgp a:hover::after { opacity: 1; } .clk-btn-sgp a:hover { transform: translateY(-6px) scale(1.03); border-color: #ff5e00ad; } /* LOGIN BUTTON - Black & Gold */ .login { color: #ffd200 !important; background: linear-gradient(145deg, #535050, #000000); border: 2px solid #ff5e00ad; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); position: relative; } .login::before { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-size: 18px; opacity: 0.7; transition: all 0.3s ease; filter: drop-shadow(0 0 3px #ff5e00ad); } .login:hover { background: linear-gradient(145deg, #222222, #1a1a1a); box-shadow: 0 12px 0px #000000, 0 20px 40px rgba(55, 115, 212, 0.4), 0 0 30px rgba(0, 106, 255, 0.2); color: #fff8dc !important; border-color: #ff5e00ad; } .login:hover::before { opacity: 1; transform: translateY(-50%) rotate(15deg); filter: drop-shadow(0 0 8px #ff5e00ad); } /* REGISTER BUTTON - Gold & Black */ .register { color: #FFF !important; background: linear-gradient(145deg, #ff5e00ad, #ff5e00ad); border: 2px solid #000000; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3); position: relative; } .register::before { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 18px; opacity: 0.7; transition: all 0.3s ease; } .register:hover { background: linear-gradient(145deg, #ff5e00ad, #ff5e00ad); box-shadow: 0 12px 0px #000000, 0 20px 40px rgba(55, 99, 212, 0.5), 0 0 35px rgba(0, 106, 255, 0.3); color: #FFF !important; border-color: #000000; } .register:hover::before { opacity: 1; transform: translateY(-50%) scale(1.2) rotate(360deg); filter: drop-shadow(0 0 5px #0022bc); } /* Button Text Container */ .clk-btn-sgp a span { display: inline-block; transition: transform 0.3s ease; } .clk-btn-sgp a:hover span { transform: translateX(3px); } /* Responsive Design */ @media (max-width: 768px) { .clk-btn-sgp { grid-template-columns: 1fr; gap: 12px; } .clk-btn-sgp a { padding: 18px 12px; } .login::before, .register::before { position: relative; left: 0; right: 0; display: inline-block; margin-right: 10px; transform: none; top: 0; } .login:hover::before, .register:hover::before { transform: none; } } /* Subtle Glow Animation */ @keyframes subtleGlow { 0%, 100% { box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1); } 50% { box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 20px rgba(55, 99, 212, 0.15); } } .info-table { width: 90%; margin: 20px auto; border-collapse: collapse; color: #eee; font-size: 14px; position: relative; z-index: 3; background: rgba(0, 0, 0, 0.3); border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); } .info-table th { background: linear-gradient(135deg, #000000, #b8941f); padding: 14px 10px; font-size: 15px; color: #000; border: none; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; } .info-table td { padding: 12px; border-bottom: 1px solid rgba(55, 99, 212, 0.1); text-align: left; } .info-table tr:last-child td { border-bottom: none; } .popup-footer { font-size: 13px; color: #ccc; padding: 20px 10px; position: relative; z-index: 3; line-height: 1.6; font-family: 'Playfair Display', serif; } @keyframes rotateScaleIn { 0% { opacity: 0; transform: scale(0.3) rotate(-10deg); } 50% { transform: scale(1.05) rotate(2deg); } 100% { opacity: 1; transform: scale(1) rotate(0deg); } } /* Efek partikel emas */ .gold-particle { position: absolute; background: radial-gradient(circle, rgba(0, 106, 255, 0.8) 0%, rgba(55, 99, 212, 0.4) 100%); border-radius: 50%; pointer-events: none; z-index: 1; animation: floatGold 10s infinite ease-in-out; box-shadow: 0 0 10px rgba(0, 106, 255, 0.6); } @keyframes floatGold { 0%, 100% { transform: translateY(0) translateX(0); opacity: 0; } 10% { opacity: 0.8; } 90% { opacity: 0.8; } 100% { transform: translateY(-120px) translateX(40px); opacity: 0; } } /* Efek border emas mewah */ .luxury-border { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(55, 99, 212, 0.2); border-radius: 20px; pointer-events: none; z-index: 4; background: linear-gradient(135deg, rgba(55, 99, 212, 0) 0%, rgba(55, 99, 212, 0.1) 50%, rgba(55, 99, 212, 0) 100%); } /* Tombol Close */ .close-btn { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 10; transition: all 0.3s ease; border: 1px solid rgba(55, 99, 212, 0.3); } .close-btn:hover { background: rgba(55, 99, 212, 0.8); transform: rotate(90deg); } .close-btn::before, .close-btn::after { content: ''; position: absolute; width: 16px; height: 2px; background: #ff5e00ad; } .close-btn::before { transform: rotate(45deg); } .close-btn::after { transform: rotate(-45deg); } /* Responsif untuk layar kecil */ @media (max-width: 480px) { .popup-container { width: 95%; max-width: 350px; } .popup-buttons a { font-size: 14px; padding: 16px 0; } .info-table { font-size: 13px; } .popup-footer { font-size: 12px; } .close-btn { width: 28px; height: 28px; } } </style> <div class="popup-overlay" id="popupOverlay"> <div class="popup-container">  <div class="close-btn" onclick="closePopup()"></div>  <div class="gold-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div> <div class="gold-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div> <div class="gold-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div> <div class="gold-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div> <div class="gold-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div>  <div class="luxury-border"></div> <div class="SLOT"> <img src="https://asatexas.org/img/banner.webp" alt="Popup Banner" class="popup-image"> <div class="clk-btn-sgp" style="font-size: 20px;"> <a href="https://kopi77ok.com/daftar" target="_blank" rel="nofollow noreferrer" class="login">DAFTAR</a> <a href="https://kopi77linklogin.com/login" target="_blank" rel="nofollow noreferrer" class="register">LOGIN</a> </div> <div class="popup-footer"> <title>KOPI77: Gerbang Petualangan Digital Anda - Login, Daftar<br> <span style="color: #fad507; font-weight: 600; text-shadow: 0 0 5px rgba(55, 99, 212, 0.5);">© COPYRIGHT 2026 KOPI77</span> </div> </div> </div> </div> <script> function closePopup() { const popupOverlay = document.getElementById('popupOverlay'); popupOverlay.style.opacity = '0'; popupOverlay.style.transition = 'opacity 0.3s ease'; setTimeout(() => { popupOverlay.style.display = 'none'; }, 300); } // Menutup popup ketika mengklik area di luar popup document.getElementById('popupOverlay').addEventListener('click', function(event) { if (event.target === this) { closePopup(); } }); </script> <div class="snow-wrap" id="fx-overlay"></div> <style> /* === LAYER GLOBAL === */ .snow-wrap{ position:fixed; inset:0; pointer-events:none; overflow:hidden; z-index:9999; } /* === HUJAN NEON === */ .raindrop{ position:absolute; top:-15vh; width:2px; height:18px; border-radius:50px; background:linear-gradient( to bottom, rgba(255,255,255,.9), var(--c1), rgba(0,0,0,0) ); box-shadow:0 0 10px var(--glow); opacity:.9; animation: rain-fall var(--dur) linear var(--delay) infinite, rain-sway var(--sway) ease-in-out infinite; } .raindrop.-sm{ height:12px; opacity:.6 } .raindrop.-lg{ height:26px; opacity:1 } @keyframes rain-fall{ to{ transform:translate3d(var(--drift),115vh,0); } } @keyframes rain-sway{ from{ margin-left:-4px } to{ margin-left:4px } } @media(prefers-reduced-motion:reduce){ .raindrop,.firework,.firework::before{animation:none!important} } </style> <script> (function(){ const wrap=document.getElementById('fx-overlay'); if(!wrap) return; const colors=[ ['#ff5e00ad','#ff5e00ad'], ['#ff5e00ad','#ff5e00ad'], ['#ff5e00ad','#ff5e00ad'], ['#ff5e00ad','#ff5e00ad'] ]; for(let i=0;i<70;i++){ const r=document.createElement('span'); r.className='raindrop'; if(Math.random()<.3) r.classList.add('-sm'); if(Math.random()>.8) r.classList.add('-lg'); const c=colors[Math.floor(Math.random()*colors.length)]; r.style.setProperty('--c1',c[0]); r.style.setProperty('--glow',c[1]); r.style.left=Math.random()*100+'%'; r.style.setProperty('--dur',(0.8+Math.random()*1.2)+'s'); r.style.setProperty('--delay',(Math.random()*2)+'s'); r.style.setProperty('--drift',(Math.random()*20-10)+'px'); r.style.setProperty('--sway',(0.6+Math.random())+'s'); wrap.appendChild(r); } function spawnFirework(){ const fw=document.createElement('span'); fw.className='firework'; const c=colors[Math.floor(Math.random()*colors.length)][0]; fw.style.setProperty('--fw',c); fw.style.left=(10+Math.random()*80)+'%'; fw.style.top=(10+Math.random()*30)+'%'; wrap.appendChild(fw); setTimeout(()=>fw.remove(),1900); } spawnFirework(); setInterval(spawnFirework,1700); })(); </script> </body></html>

Dapatkan gratis hadiah