.karani-tier{color:#153832;background:#e9f9f5;border:1px solid #addfd4;border-radius:9px;padding:12px;margin:12px 0;line-height:1.35}.karani-tier--product{margin-top:16px}.karani-tier__head{display:flex;gap:8px;justify-content:space-between;align-items:center;color:#fff;background:#07685e;border-radius:5px;padding:8px 10px;font-size:clamp(12px,2.5vw,16px)}.karani-tier__head span{white-space:nowrap}.karani-tier p{font-size:13px;margin:9px 0}.karani-tier__steps{list-style:none;margin:10px 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;text-align:center}.karani-tier__steps li{border-top:4px solid #b5d9d2;background:#fff;border-radius:4px;display:grid;gap:2px;padding:5px 0;font-size:clamp(10px,2.7vw,13px)}.karani-tier__steps strong{font-size:clamp(13px,3vw,18px)}.karani-tier__steps .karani-tier__reached{border-color:#008b79;background:#caf4eb}.karani-tier small{display:block;font-size:11px}
.karani-tier-ribbon{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:2}
.karani-tier-ribbon span{position:absolute;top:22px;right:-35px;width:152px;transform:rotate(45deg);background:#00a998;color:#111;box-shadow:0 2px 6px #0004;text-align:center;font-family:var(--font-heading-family);font-size:12px;font-weight:700;line-height:1.2;padding:5px 0;white-space:nowrap}
@media(max-width:749px){.karani-tier-ribbon span{top:16px;right:-31px;width:125px;font-size:10px;padding:4px 0}}