/* Yogya Fresh — Phase 2G.2 three-tier pricing frontend */
.yf-tier-price-wrap{
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    gap:5px;
}
.yf-tier-price-wrap del{
    color:#90a1af;
    font-size:.76em;
    font-weight:700;
}
.yf-tier-price-wrap ins{
    color:#0788d8;
    text-decoration:none;
    font-weight:900;
}
.yf-tier-price-badge{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:3px 8px;
    margin-left:3px;
    border-radius:999px;
    background:#eef7ff;
    color:#0c447a;
    font-size:9px;
    line-height:1;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.035em;
    white-space:nowrap;
}


/* Phase 3L.3.2 — compact Member price identity on product cards */
.yf-shop-card__price .yf-tier-price-wrap{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:3px 5px;
    max-width:100%;
    line-height:1.15;
}
.yf-shop-card__price .yf-tier-price-wrap del{
    flex:0 0 auto;
    font-size:8px;
    line-height:1;
}
.yf-shop-card__price .yf-tier-price-wrap ins{
    flex:0 0 auto;
    font-size:13px;
    line-height:1.05;
}
.yf-shop-card__price .yf-tier-price-badge{
    flex:0 0 auto;
    min-height:16px;
    margin:0;
    padding:2px 5px;
    border-radius:999px;
    background:#eef7ff;
    color:#0b63b6;
    font-size:7px;
    line-height:1;
    letter-spacing:.03em;
    white-space:nowrap;
}
@media(max-width:680px){
    .yf-shop-card__price .yf-tier-price-wrap ins{font-size:12px;}
    .yf-shop-card__price .yf-tier-price-badge{font-size:6.5px;padding:2px 4px;}
}


/* Phase 3L.3.3 — Member badge must sit below the price, never beside it. */
.yf-shop-card__price .yf-tier-price-wrap{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    column-gap:5px;
    row-gap:3px;
}
.yf-shop-card__price .yf-tier-price-badge{
    flex:0 0 100%;
    width:max-content;
    max-width:100%;
    margin:1px 0 0;
    align-self:flex-start;
    justify-content:flex-start;
}


/* Phase 3L.3.4 — hard separation of price row and Member badge row. */
.yf-shop-card__price .yf-tier-price-wrap--member{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:3px !important;
    align-items:start !important;
    justify-items:start !important;
    width:100% !important;
    max-width:100% !important;
}
.yf-shop-card__price .yf-tier-price-main{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:baseline !important;
    gap:3px 5px !important;
    min-width:0 !important;
    max-width:100% !important;
}
.yf-shop-card__price .yf-tier-price-wrap--member > .yf-tier-price-badge{
    display:inline-flex !important;
    width:auto !important;
    min-width:0 !important;
    max-width:max-content !important;
    flex:none !important;
    margin:0 !important;
    justify-self:start !important;
    align-self:start !important;
    clear:both !important;
}