/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.free-ongkir{position:relative;overflow:visible;color:#fff;}.free-ongkir,.free-ongkir p,.free-ongkir span,.free-ongkir div{color:#fff;}.free-ongkir p:not(.free-ongkir__promo-small),.free-ongkir span:not(.free-ongkir__promo-small),.free-ongkir div:not(.free-ongkir__promo-small){color:#fff !important;}.free-ongkir__bleed{position:relative;min-height:460px;display:flex;align-items:center;}.free-ongkir__bg{position:absolute;top:0;bottom:0;left:50%;margin-left:-50vw;width:100vw;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;}.free-ongkir__overlay{position:absolute;top:0;bottom:0;left:50%;margin-left:-50vw;width:100vw;background:linear-gradient(90deg,rgba(0,0,0,0.30) 0%,rgba(0,0,0,0.18) 40%,rgba(0,0,0,0.06) 100%);z-index:1;pointer-events:none;}.free-ongkir__content{position:relative;color:#fff;padding-top:3rem;padding-bottom:3rem;z-index:2;}.free-ongkir__title{font-size:clamp(1.5rem,2.5vw + 1rem,2.5rem);font-weight:700;line-height:1.2;margin-bottom:.5rem;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.55);}.free-ongkir__subtitle{display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:rgba(255,122,0,.85);padding:.35rem .75rem;border-radius:999px;margin-bottom:.75rem;}.free-ongkir__text{font-size:1rem;color:#fff;opacity:1;margin-bottom:1rem;text-shadow:0 2px 12px rgba(0,0,0,.45);}.free-ongkir__cta a,.free-ongkir__cta .button,.free-ongkir__cta .btn{display:inline-block;background-color:#FF7A00;color:#fff !important;border:none;border-radius:.5rem;padding:.65rem 1.25rem;font-weight:600;text-decoration:none !important;box-shadow:0 8px 20px rgba(255,122,0,.35);transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease;}.free-ongkir__cta a:hover,.free-ongkir__cta .button:hover,.free-ongkir__cta .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,122,0,.45);background-color:#ff8f26;}.free-ongkir__panel{margin-top:.5rem;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px 18px;box-shadow:0 12px 40px rgba(0,0,0,.35);backdrop-filter:blur(4px);}.free-ongkir__promo-small{color:#FF7A00 !important;font-size:.8rem;font-weight:700;letter-spacing:.2px;display:inline-block;}.anim-fade-up{opacity:0;transform:translateY(12px);animation:freeFadeUp .6s ease forwards;}.anim-fade-up.delay-1{animation-delay:.05s;}.anim-fade-up.delay-2{animation-delay:.15s;}.anim-fade-up.delay-3{animation-delay:.25s;}.anim-fade-up.delay-4{animation-delay:.35s;}@keyframes freeFadeUp{to{opacity:1;transform:translateY(0);}}@media (prefers-reduced-motion:reduce){.anim-fade-up{animation:none;opacity:1;transform:none;}}@media (min-width:768px){.free-ongkir__content{padding-top:4rem;padding-bottom:4rem;}}@media (max-width:767.98px){.free-ongkir__content{padding-top:2.5rem;padding-bottom:2.5rem;}.free-ongkir__title{font-size:1.75rem;line-height:1.3;}.free-ongkir__panel{margin-top:1rem;padding:1.25rem;background:rgba(0,0,0,0.45);}.free-ongkir__subtitle{font-size:0.8rem;padding:0.3rem 0.7rem;}.free-ongkir__text{font-size:0.95rem;margin-bottom:1.25rem;}.free-ongkir__cta a,.free-ongkir__cta .button,.free-ongkir__cta .btn{padding:0.6rem 1.1rem;font-size:0.95rem;}}