/* ==================================================================
   Pristage Hjr — site interface 6.1.20: discounts.
   Own file name so stale caches of pristage.css cannot hide it.
   ================================================================== */

/* The big discount sticker on a design's picture */
.pg-card-thumb{ position:relative; }
.dis-sale{
    position:absolute; z-index:42; bottom:12px; right:12px; /* clear of the badges and the tier label at the top */
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    width:76px; height:76px; border-radius:50%;
    background:radial-gradient(circle at 32% 28%, #ff6b5e 0%, #e53935 45%, #b71c1c 100%);
    color:#fff; text-align:center; line-height:1;
    box-shadow:0 8px 22px rgba(183,28,28,.42), inset 0 0 0 3px rgba(255,255,255,.85), inset 0 0 0 5px rgba(183,28,28,.9);
    transform:rotate(-10deg);
    animation:dis-sale-pop 2.6s ease-in-out infinite;
    pointer-events:none;
    font-family:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.dis-sale b{ display:block; font-size:24px; font-weight:800; letter-spacing:-.5px; }
.dis-sale small{
    display:block; margin-top:3px; max-width:62px;
    font-size:9.5px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
@keyframes dis-sale-pop{
    0%, 100%{ transform:rotate(-10deg) scale(1); }
    50%{ transform:rotate(-6deg) scale(1.07); }
}
@media (prefers-reduced-motion:reduce){ .dis-sale{ animation:none; } }
@media (max-width:640px){
    .dis-sale{ width:62px; height:62px; bottom:8px; right:8px; }
    .dis-sale b{ font-size:19px; }
    .dis-sale small{ font-size:8px; letter-spacing:.8px; max-width:52px; }
}

/* Prices: the full price struck through, the new one large and red */
.dis-was{
    color:#8a94a6; font-weight:500; text-decoration:line-through; text-decoration-thickness:1.5px;
    font-size:.72em; margin-right:4px; white-space:nowrap;
}
.dis-now{ white-space:nowrap; }
.pg-card-price.is-sale .dis-now{ color:#d32f2f; font-weight:800; font-size:1.08em; }
.pg-pricebox strong .dis-was{ display:block; font-size:.55em; margin:0 0 2px; }
.pg-pricebox strong .dis-now{ color:#d32f2f; }
.l3-fly .dis-sale{ top:-14px; bottom:auto; right:-14px; width:68px; height:68px; }
.l3-fly .dis-sale b{ font-size:21px; }
.l3-fly__name .dis-was{ font-size:.8em; }

/* Preview page: "-20%  Harga sudah dipotong 20%" above the packages */
.dis-sale-line{ display:flex; align-items:center; gap:14px; margin:6px 0 14px; font-weight:700; color:#c62828; }
.dis-sale-line .dis-sale{ position:relative; top:auto; bottom:auto; right:auto; flex:0 0 auto; }

/* Edit page: a small "-20%" on the Buy button */
.dis-buy-off{
    display:inline-block; margin-left:8px; padding:3px 8px; border-radius:999px;
    background:#fff; color:#d32f2f; font-size:.78em; font-weight:800; line-height:1.2;
}