.promotion-selection{font-size:12px;margin:15px 0 5px;padding-bottom:10px;overflow:auto;display:flex}.promotion-selection a,.promotion-selection a:hover{text-decoration:none}.promotion-selection a{background-color:#efefef;color:#828282;white-space:nowrap;border-radius:20px;padding:6px 14px}.promotion-selection a+a{margin-left:15px}.promotion-selection a[data-active=true]{background-color:#f7f7f7;color:#333}.promotion-list{margin:16px 0}.promotion-item{position:relative;min-height:150px;background-color:#efefef;border-radius:15px;overflow:hidden}.promotion-item+.promotion-item{margin-top:15px}.promotion-info .promotion-item-details .promotion-title img,.promotion-item img{width:100%}.promotion-item .button-container{padding:10px;display:flex;justify-content:space-between;align-items:center;gap:5px}.promotion-item .button-container div:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:5px;justify-content:right}.promotion-item .button-container .promotion-label{flex-grow:1;display:flex;flex-direction:column;gap:5px}.promotion-item .button-container .promotion-label h2,.promotion-item .button-container .promotion-label h3{margin:0;color:#333}.promotion-item .button-container .promotion-label h2{font-size:14px;font-weight:700;text-transform:uppercase}.promotion-item .button-container .promotion-label h3{font-size:12px;font-weight:500}.promotion-item .button-container .promotion-label h3 span{color:#828282;font-weight:400}.promotion-item .button-container .expiration-info{font-size:12px}.promotion-item .button-container .click-for-get-promo-button{font-size:10px;background-color:#2a7118;background-image:linear-gradient(to right,#17d106,#0b7800);color:#fff;border:0;padding:6px 10px;cursor:pointer;border-radius:25px;display:inline-block;text-transform:uppercase;white-space:nowrap}.promotion-item .button-container .click-for-more-info-button{font-size:10px;color:inherit;border:0;padding:6px 10px;cursor:pointer;border-radius:25px;display:inline-block;text-transform:uppercase;white-space:nowrap;background-color:transparent;border:1px solid}body[data-route="promotion/details"]{background-color:silver}.promotion-info{color:#333;padding:0 0 16px}.promotion-info .promotion-item-details{display:grid;gap:12px;text-align:center;justify-items:center}.promotion-info .promotion-item-details .promotion-title{display:flex;flex-direction:column;gap:20px}.promotion-info .promotion-item-details .promotion-title span{font-size:24px;font-weight:500;padding:0 16px}.promotion-info .promotion-item-details span{font-size:14px;font-weight:500}.promotion-info .promotion-content{padding:32px 16px}.promotion-info ol,.promotion-info ul{margin:10px 0 10px 30px}.promotion-info ul{list-style:disc}.promotion-info ol{list-style:decimal}.promotion-info .click-for-get-promo-button{font-size:10px;background-color:#2a7118;background-image:linear-gradient(to right,#17d106,#0b7800);color:#fff;border:0;padding:6px 10px;border-radius:25px;display:block;margin:0 16px;text-transform:uppercase;text-align:center}.promotion-share-container{display:flex;justify-content:center;margin-top:10px}.promotion-share-container .promotion-share-btn{display:flex;align-items:center;background:0 0;border:1px solid #e0e0e0;border-radius:50px;color:#333;font-size:14px;padding:7px 20px;gap:5px}.promotion-share-container .promotion-share-btn img{width:14px;height:auto;filter:invert(1) brightness(2)}.promotion-popup-container{background-color:#efefef99}.promotion-popup-container .promotion-popup-body{justify-items:center}.promotion-popup-container .promotion-popup-body img{border-radius:10px}.promotion-popup-container .promotion-popup-body h4{margin:10px 0 20px;font-size:12px}.promotion-popup-container .promotion-popup-body .promotion-social-media{display:flex;justify-content:space-between;width:100%}.promotion-popup-container .promotion-popup-body .promotion-social-media .social-media-item{display:grid;justify-items:center;gap:5px}.promotion-popup-container .promotion-popup-body .promotion-social-media .social-media-item button{border:0;background-color:transparent}.promotion-popup-container .promotion-popup-body .promotion-social-media .social-media-item button img{width:40px;height:auto}.promotion-popup-container .promotion-popup-body .promotion-social-media .social-media-item span{color:#333;font-size:10px}.promotion-popup-container .promotion-popup-body .promotion-social-media .social-media-item .copy-promotion-button{filter:brightness(3)}.promotion-detail-back{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;color:#26730d;font-size:14px;font-weight:700;text-decoration:none}.promotion-detail-image{width:100%;line-height:0}.promotion-detail-body{margin:0 16px 24px;padding:18px;background-color:#fff;border-radius:12px}.promotion-detail-title{margin:0 0 8px;font-size:18px;font-weight:700;color:#333;text-transform:uppercase}.promotion-detail-date{margin:0 0 12px;font-size:13px;color:#828282}.promotion-detail-date span{color:#26730d;font-weight:700}.promotion-detail-terms{margin:0 0 16px;font-size:13px;color:#333}.promotion-detail-content{font-size:14px;line-height:1.6;color:#333}.promotion-detail-body .standard-button-group{margin-top:20px}.promotion-detail-body .standard-secondary-button{display:block;width:100%;padding:12px;border-radius:25px;background-color:#2a7118;background-image:linear-gradient(to right,#2a7118 0,#0b7800);color:#fff;text-align:center;text-transform:uppercase;font-weight:700;text-decoration:none}.promotion-detail-page{background-color:#efefef;min-height:100%}.promotion-detail-image{width:100%;line-height:0;background-color:#fff}.promotion-detail-image img{display:block;width:100%;height:auto}.promotion-detail-body{margin:0;padding:18px 16px 28px;background:transparent;border-radius:0}.promotion-detail-title{margin:0 0 12px;font-size:30px;line-height:1.2;font-weight:700;letter-spacing:.5px;color:#333;text-align:center}.promotion-detail-date{margin:0 0 18px;font-size:15px;color:#333;text-align:center}.promotion-detail-body .expiration-countdown-container{display:flex;justify-content:center;margin-bottom:18px}.promotion-detail-body .expiration-countdown{display:flex;gap:8px}.promotion-detail-body .expiration-countdown>div{min-width:62px;border-radius:6px;overflow:hidden;background-color:#fff;border:1px solid #e0e0e0;text-align:center;font-size:10px;font-weight:700;color:#fff}.promotion-detail-body .expiration-countdown>div [data-value]{padding:8px 4px;font-size:22px;line-height:1;color:#26730d}.promotion-detail-body .expiration-countdown>div:after{content:"";display:block;height:20px;line-height:20px;background-color:#2a7118;font-size:10px;color:#fff}.promotion-detail-body .expiration-countdown>div[data-section=days]:after{content:"HARI"}.promotion-detail-body .expiration-countdown>div[data-section=hours]:after{content:"JAM"}.promotion-detail-body .expiration-countdown>div[data-section=minutes]:after{content:"MENIT"}.promotion-detail-body .expiration-countdown>div[data-section=seconds]:after{content:"DETIK"}.promotion-detail-body .expiration-countdown>div{font-size:0}.promotion-detail-share{display:flex;justify-content:center;margin-bottom:20px}.promotion-detail-share button{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;border:1px solid #333333;border-radius:25px;background:transparent;color:#333;font-size:15px;font-weight:700;cursor:pointer}.promotion-detail-content{font-size:15px;line-height:1.65;color:#333;text-align:left;overflow-wrap:break-word}.promotion-detail-content img{max-width:100%;height:auto}.promotion-detail-content ol,.promotion-detail-content ul{padding-left:22px;margin:1em 0}.promotion-detail-content ol li,.promotion-detail-content ul li{margin-bottom:10px}.promotion-detail-content p{margin:0 0 14px}.promotion-detail-content h1,.promotion-detail-content h2,.promotion-detail-content h3{font-size:16px;font-weight:700;margin:18px 0 10px;text-align:left}.promotion-detail-content span,.promotion-detail-content strong{font-size:inherit;line-height:inherit}.detail-back-arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:#fff;font-size:26px;text-decoration:none}.promotion-share-modal{background-color:#fff;border-radius:10px;overflow:hidden}.promotion-share-modal .popup-modal-header{position:relative;display:flex;align-items:center;justify-content:center;padding:16px;background-color:#2a7118;background-image:linear-gradient(to right,#2a7118 0,#0b7800)}.promotion-share-modal .popup-modal-title{margin:0;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase}.promotion-share-modal .popup-modal-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer}.promotion-share-body{padding:16px;text-align:center}.promotion-share-image{display:block;width:100%;height:auto;border-radius:8px}.promotion-share-title{margin:12px 0 18px;font-size:15px;font-weight:700;color:#333;text-transform:uppercase}.promotion-share-options{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.promotion-share-options>a,.promotion-share-options>button{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:#333;font-size:11px;text-decoration:none;cursor:pointer}.promotion-share-options .share-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background-color:#efefef;color:#333;font-size:20px;border:1px solid #e0e0e0}.promotion-share-options .share-facebook{background-color:#3b5998;border-color:#3b5998;color:#fff}.promotion-share-options .share-whatsapp{background-color:#25d366;border-color:#25d366;color:#fff}.promotion-share-options .share-telegram{background-color:#37aee2;border-color:#37aee2;color:#fff}.promotion-share-options .share-twitter{background-color:#1da1f2;border-color:#1da1f2;color:#fff}.promotion-detail-actions{display:flex;justify-content:center;padding:4px 16px 28px}.promotion-detail-actions .standard-secondary-button{display:inline-block;width:auto;min-width:220px;padding:14px 36px;border:0;border-radius:25px;background-color:#2a7118;background-image:linear-gradient(to right,#2a7118 0,#0b7800);color:#fff;text-align:center;text-transform:uppercase;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer}
